/* ****************** Style for page body *************** */
body {
   /* margin: 2em 1em 2em 70px; */ /* Bob */
   background: rgb(248,248,216);
   color: black;
   font-family: Arial, Helvetica, sans-serif;
}

blockquote, q { 
		color: #003366; 
		font-style: italic;
}

th, td, p, a, div { /* ns 4 */
   font-family: Arial, Helvetica, sans-serif;
}

ul p, ol p, dd p { margin-top: 0em; margin-bottom: 0em }

h1, h2, h3, h4, h5, h6 { text-align: left }
h1, h2, h3 { 
		color: #005A9C
}

h1.title { 
   font-size: 300%; 
   font-family: Arial, Helvetica, sans-serif; 
   font-weight: bold
}

h1 { 
   font-size: 180%; 
   font-family: Arial, Helvetica, sans-serif; 
   font-weight: bold
}
h2 { 
   font-size: 140%; 
   font-family: Arial, Helvetica, sans-serif; 
   font-weight: bold
}
h3 { 
   font-size: 120%; 
   font-family: Arial, Helvetica, sans-serif;
   margin-top: 0.2em;
}

h4 { 
   font-size: 100%;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold
}
h5 { 
   font-size: 100%; 
   font-family: Arial, Helvetica, sans-serif; 
   font-style: italic
}
h6 { 
   font-size: 300%; 
   font-family: Arial, Helvetica, sans-serif;
   font-variant: small-caps
}

:link {
		color: #037;
}

:visited {
		color: #551a8b;
}

:active {
   color: #900;
   text-decoration: none;
}

.center {
   text-align: center;
}

.signature {
   text-align: right
}

/* ****************** Style for footer  ************** */

p.copyright {
   margin: 0 0.5em;
   font-size: small;
}

/* ****************** Tables used for office documents ************ */
table.coloured, table.colored {
   font-family: Arial, Helvetica, sans-serif
}
table.coloured td, td.coloured,
table.colored td, td.colored  { 
   background: #CCFFFF;
   color: inherit;
}

table.coloured th,
table.colored th  { 
   background: #c0c0c4;
		text-align: center;
		font-weight: bold;
}

/* ****************** Coloured entries for DT-s ***************** */
dl.coloured dt, dl.colored dt {
   font-weight: bold; 
		color:#006699; 
} 

/* Just for the fun of it... */
h3+p:first-letter { font-size: 150%;}
h2+p:first-letter { font-size: 150%;}
h1+p:first-letter { font-size: 150%;}

h1:before { content-reset: chapter }

h2:before { 
    content: counter(chapter) ". "; 
    counter-increment: chapter;
    counter-reset: section;
}

h2 { 
    font-size: 180%; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold;
 	background: #FFFFCC;
    border-top: 0.5em;
    padding-left:0.3em;
    border-width: 1px;  
    border: 1px solid; 
}

h3:before {
    content: counter(chapter) "." counter(section) ". ";
    counter-increment: section;
}

h3 { 
   font-size: 140%; 
   font-family: Arial, Helvetica, sans-serif;
   margin-top: 1em;
   background: #EFEBCE;
   padding-left:0.3em;
}

p.note { color: #003366; font-style: italic; margin-left: 2em; margin-right: 2em }

/* ************************** yellow stickies **************************** /

/* hint and alt-hint are for paragraphs that are like "sticky notes" */

.hint, .alt-hint {
  width: 14em;
  padding: 1em;
  color: #000;
  background: yellow;
  border-right: solid thick #CCC;
  border-bottom: solid thick #CCC;
  font-style: italic;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.hint {
  float: right;
  text-align: right;
  margin-left: 1em;
  margin-right: 0;
}
.alt-hint {
  float: left;
  /* margin-left: -6%; This doesn't work in IE 5 :-( */
  text-align: left;
  margin-left: 0;
  margin-right: 1em;
}
.hint ul, .hint ol {
  /*text-align: left;*/
  margin-left: 0;
  list-style-position: inside;
}
.hint li {
  margin-left: 0;
}
.hint em, .alt-hint em {
  font-style: normal;
}
.hint em em, .alt-hint em em {
  font-style: italic;
}

/* Use nohint for what should be displayed if the UA doesn't support hints */
.nohint {
  display: none;
}