BODY {
 	background-color: #6688aa;
	font-family: Helvetica; font-size: 14px; color: #000;
	margin: 5pt;
}

.wider {font-size: 150% }


H1 { font-size: 24px; font-weight: navy; color: brown; float:center; }
H2 { font-size: 18px; font-weight: bold; color: navy; }
H3 { font-size: 16px; font-weight: bold; color: teal; }
TH {}
TD {}
P {}
UL {}
LI {}



.hide {
  display: none;
  color: white;
}



/* Links are three kinds: remote (default), local and same page */
.r, A.r, A { font-weight: bold; color: #a00; text-decoration: underline }
.l, A.l {    font-weight: bold; color: #00c; text-decoration: underline }
.s, A.s {    font-weight: bold; color: #0c0; text-decoration: underline }

/* visited links are darker */
.rv, A.r:visited, A:visited { 
	font-weight: bold; text-decoration: none;	color: #600;
}
.lv, A.l:visited { 
	font-weight: bold; text-decoration: none;	color: #00a;
}
.sv, A.s:visited { 
	font-weight: bold; text-decoration: none;	color: #070;
}

/* And there are black links */
A.b { font-weight: bold; color: black; text-decoration: underline; }
A.b:visited { font-weight: bold; color: black; text-decoration: underline; }


/* hover is underlined (same color) */
A:hover, A:active { 
	text-decoration: underline;
}


/* Style for sections with drop shadows
 *
 * Assumes that sections are marked-up like this:
 *
 *   <div class="back">
 *     <div class="section">
 *       <h2>Heading</h2>
 *       ...
 *     </div>
 *   </div>
 */


div.back {
/*  clear: both; */
  page-break-before: always;
/*  margin: 3em -0.75em 3em 1em; */
  margin: 3em 1em 1em 3em;  
  padding: 1.5em;
}

div.back {background: #468}

div.back, div.section div.section-it {
  border-radius: 0 0;
  -moz-border-radius: 0;
}
div.plain {
  background: #dde;
}
div.section {
  background: #dde;
  margin: -3em 0 0 -3em;
  padding: 1.5em;
  border: thin solid #333;
}
div.section-it {
  background: #ded;
  margin: -3em 0 0 -3em;
  padding: 1.5em;
  border: thin solid #333;
}

div.indent { padding-left: 3em }