body {
	padding: 0px;
	margin: 0;
	font-family: Verdana,Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size:15px;
	background-color:#435E44;
}

 /* Paragraphs and alignments 
 -------------------------------------------------------------- */
 
 p {font-family: Verdana, Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
 	line-height:130%; margin: 0 0 0.6em 0; padding-right:1em}
	
.indent1 {margin-left:2.5%}
.indent2 {margin-left:10%}
.indent3 {margin-left:20%}
.indent4 {margin-left:30%}
.exdent1 {margin-left:-12%}
.exdent2 {margin-left:-25%}
.exdent3 {margin-left:-35%}
.exdent4 {margin-left:-40%}
.exdent70 {margin-left:-70px}
.exdent200 {margin-left:-200px}
.exdent300 {margin-left:-300px}

.pageFrame
	{
		color: #000;
		width:960px;
		border: 0px; background-color:#CDDBCD
	}
	

	.adult {postion: absolute; left:0px; width:99%; background-color:#ECE5B6; border: 0px 6px 0px 6px solid #CC33CC; padding-left:6px}    
		
	
.textColumn
{
	width: auto;
	font-size:1.1em;
	line-height:1.3;
	margin-left:280px;   border-width: 0pt; margin-right:10pt;
}

.footer
{  clear: both;
   border: 0px;  margin:0px;
   color:#CCFF99;
   text-align:center;
   
   border-top-width:2px;
   border-bottom-width:1px;
   border-top-color:#666666; border-top-style:solid;
	background-color:rgb(34,70,79);
   padding:10px;    
}


	.header {
  		width:98%;
  		height: 170px;
		background-color:rgb(34,70,79);
		padding-left:1em; padding-right:6px;
		
		margin-bottom:0px; margin-top:0px;
		border-bottom-width: 2px;
	 border-bottom-color:#666666; border-bottom-style:solid;
	}
	
	.HdrImgBox
	{float:right; clear:right; padding-top:0px; margin-top:6px}
	
	.HdrLogoBox
	{float:right;}
	

	
/* text in header  */
 .huge {margin-top:15px; line-height:1.1; padding-left: 20px; margin-bottom:12px; font-size: 2.0em; color:#99FFCC}
.big { margin-left:4em;  line-height:1.1; margin:36px 0px 18px 4em; font-weight:lighter; font-size: 1.6em; color:#99FFCC}
.c1head {color:#0099CC; font-size: 0.85em}
	.c1head  a:link {color:#0099CC;text-decoration:underline; }
	.c1head  a:visited {color:#0099CC;text-decoration:none}
	.c1head a:hover {color:black; background-color:#CC9900; color:black}
		


/* top-of-page stuff
------------------------------------------------------*/

.SubHead {
			background-image:none;
			height:370px;
			padding-top:6px
	      }
.SubHeadText {width:560px; margin-left:340px;
			font-family:"Comic Sans MS"; font-size:1.2em;
			line-height:1.1;  color:rgb(34,70,79);		
			}

	.attrib {font-size:.70em}

	.introbox {	height: auto;
	width: 400px;
	margin-top:100px;
	margin-left:16px;
	border:0px solid #688;
	color:#FFCCFF;
	display: block;
	
	padding:5px 0px 5px 2px;
	}
	
	
	/* paragraph headers 
-------------------------------------------------------------- */
H1,H2,H3,H4,H5,H6 {font-weight:bolder}
H1 {color:#CCFFCC; line-height: 1}
H2,H3,H4,H6 {color:maroon; line-height: 1.25; font-family: Verdana,Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;}
H2 {padding: 5px 0px 5px 0px; font-size:150%; margin-left:-4em; line-height:100%}
H3 {margin-left:-2em; padding-top:12px; line-height:100%; font-size:120%}
H4  {margin: 1em 0 .4em 0;}
H5  { color: teal; margin-bottom: 1.5em; font-size: medium}
.parahead {color:maroon; font-weight:bold; font-size:95%}


	
	.introbox a:link {color:#66CCFF}
	.introbox a:hover {color:black}


/* text items 
-------------------------------------------------------------- */
.center {text-align: center}
.right  {text-align: right}
.italic {font-style: italic}
.closeLn {line-height:1.0}
dfn { color:#006600; font-weight: bolder}
	
.gray { color:#333333} 
.green { color:DarkGreen}
.red{color:#FF0000 }
.maroon{color:maroon}  

.larger {font-size: larger} 
.smaller {font-size: smaller}
.medsmall { font-size: 90%} 
.small, .smallgreen  { font-size: 83%}
.xsmall{font-size: 72%}
.tinyLtBlue {font-size:72%; color:#66CCFF} 
.tinyLtBlue a:link{color:#66CCFF}
.tinyLtBlue a:visited{color:#66CCFF}
.tinyLtBlue a:hover{background-color:#990066}
  

.tinylite{font-size: .82em; color:#333333}
.tinylite a:link { color:blue; text-decoration:none;}
.tinylite a:visited { color:blue}
.tinylite a:hover { background-color:#CC9900; color:black}

.state {font-size:72%; font-style:oblique}


.eqn { font-size: 105%; text-align: center}
.eqnbox {width:50%; padding:5px 1em 5px 1em; text-align:center; border: 2px solid red}
.mustknow {padding-left:2em; font-family:"Comic Sans MS"; color:red}
.eqoffset {padding-left:2em}


.eqn-small {font-size: 0.82em; text-align: center}  
.eqno {padding-left:2em; color:#006600; font-size:smaller}


.smallgreen{ color:#006600}
span.numcirc {font-weight:bold; border: 1px solid khaki}

span.eqnogp {margin-left:8px; float:right; clear: right; }
span.eqnoup {margin-top:15px; margin-left:8px; float:right; clear: right; }
span.eqnoupsmall {margin-top:12px; margin-left:8px; float:right; clear: right; }
.eqno2{color:#006600; font-size:smaller}


			
.important{margin-left:3em;color:black; font-family:"Comic Sans MS";background-color:#CF9 border: 2px solid red}

.importantbox{margin-left:3em;color:black; font-family:"Comic Sans MS";background-color:#CF9}

.eqannot{margin-left:3em;color:green;}				
			
.mustknow {padding-left:1em;font-family:"Comic Sans MS";color:#CC0033}

.printonly {display:none}

.detail
{	
	padding-left: 5%; padding-right:5%;
	line-height:1.1;
	font-size: 90%;
}

.comic, .comic-large {font-family: "Comic Sans MS", sans-serif}
.comic {font-size: 0.85em}
.comic-large {font-size: 1.0em}

	
.attnbox {
	font-family:"Comic Sans MS", sans-serif;
	font-weight:400;
	padding:0px 2px 0px 2px;
	color:red;
	background-color:#FFFF66;
	border:1px red; border-style:solid;
	width:auto;
	text-align:center;
    }


.hl {color: #990033}
.hlgreen {background-color:#99FFCC}
.hlrose {background-color:#FFCCCC}
.hlgray {background-color:#CCCCCC}
.hlbox {display: inline; border:1px red; border-style:solid;  padding: 0px .3em 1px 0.3em}   /* DEPRECATED */
.clickpop { color:#006600;font-family:Comic Sans MS}

/* images on right or left sides */
.CaptionRight {font-size:small; margin-left:6em}
.RightSide {margin: 8px 0px 8px 12px}
.CaptionLeft {font-size:small; margin-right:6em}
.LeftSide {margin: 8px 12px 8px 0px}
.LeftSideDouble {margin: 8px 24px 8px 0px}
.FigBox {width:75%; margin-left:5%; margin-bottom:12px}
.figfloatR {margin:2px 2px 4px 8px; line-height:1.0; border: 1px solid gray; padding:0px; float:right; clear:both}  /* DE{RECATED */


/* lists 
-------------------------------------------------------------- */

.listcontinue {font-size: 93%; margin-left:45px;line-height:110%;  margin-top: 6px}
.lindent {margin-left:12px; padding-left:12px}

ol,ul { list-style-position:outside;
		margin-bottom:1em; margin-left:1em; font-size:93%; line-height:110%}
li {margin-bottom: 0.6em;}

dl {padding:0px; margin:8px 6px 12px 0px}
dt { color: maroon; font-weight:600;font-size: 95%; padding-left:12px; margin-top:12px}
dd { font-size: 0.92em} /* fails check */

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; background:#CBDBCD; color:black; font-family: Verdana,Trebuchet MS, Arial, Helvetica, Geneva, sans-serif}
th          { font-weight: bold; background: #ABC3AC; }
th,td       { font-size:92%; padding: 4px 4px 4px 5px}
tr.even td  { background-color: #CDC1BF }   /*  PROBABLE ERROR    */
tr			{background-color:#BFCDC1}
tfoot       { font-style: italic; }
caption     { background-color: #648264; color:white; font-weight:bold}

table.plain {
				background-color:transparent;
				line-height: 1.3em;
				padding: 0px 4px 0px 4px;
				border-collapse:collapse; border:1px solid black;
				border-bottom:  2px solid black;
			}
	caption.plain {font-size: line-height:1.5em;  background-color:transparent; color:teal; font-weight:500; padding:12px 0px 8px 0px; text-align:center}
	
	table.plain th { background-color:#CCCCCC; font-size:100%; padding: 0px 4px 0px 4px;
				line-height:1em; font-weight:500; border-bottom: 2px solid black;}
				
	table.plain tr { background-color:transparent; font-size:100%; 
				line-height:1em;}
	
				
			




/* main sections 
-------------------------------------------------------------- */

.newsection, .firstsection {
			border-color:rgb(34,70,79);
            border-width:4px 0px 3px 0px;           
            padding: 0px .75em 1px 0.5em; 
			margin:1em 0em 1em -4em;
            border-style:solid;
            background-color: rgb(171,195,172);
			color:maroon;
            font-family: Verdana,Trebuchet MS, Arial, Geneva, sans-serif;
            font-size: 1.45em;
            font-weight:bold;
           }   
.newsection {clear:both} .firstsection {clear:none; float:right}

	
/* boxes 
-------------------------------------------------------------- */	


.xbox {margin-left:-250pt; width:910pt; overflow:auto; border:1px solid blue;} /* DEPRECATED -- */
.leftbox {margin-left:-150px; padding-top:20px;  float:left; clear:left; width:310px; line-height:100%}
.rightbox {width:400px;float:right; clear:right}
.midbox1 {width:750px; margin-left:150px; line-height:120%}
.midbox2 {width:640px; margin-left:260px}
.midbox50 {width:850px; margin-left:50px; line-height:120%}

/* popBox stuff --------------------------------- */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PBcaption{color:maroon}
.PBclick,.PBclickLM{color:green;font-family: "Comic Sans MS";font-size:12px}
.PBclickLM{font-size:12px};
.popBoxFrmL, .popBoxFrmR  {width:170px;  border:solid #99C68E 2px margin-top:6px; background-color:#CCC}
	.popBoxFrmL {float:left; clear:left;  margin-right:12px}
	
.popBoxFrmR {float:right; clear:right;  margin-left:12px}


.popBoxFrmLM {margin-left:40px; width:168px;  background-color:#CCC}
	
/* following two are obsolete */			 
.popbox150R {width:154px;margin:6px; border:1px double green;
			 line-height:normal; font-size:10px; float:right; clear:right}
			 
.popbox150,popbox150LM {width:154px;margin:6px; border:2px double green; float:left;
			 line-height:normal;font-size:10px; padding:1px 2px 1px 2px}
.popbox150LM{border:none}		 

.infobox {
	display:block; padding:4px; border: 1px solid #003366;
	margin:6px 8px 6px 20px;
	line-height:1;
	font-size:80%; background-color:rgb(171,195,172); border-color:#6699CC;
	}

/* left marginal boxes */	
.lmbox,.lmboxor,.lmboxgg,.lmboxbl,.lmboxrose,.lmboxgr,.lmboxor,.lmboxw,.lmboxnb, lmpopbox {
	display:block;
	position: absolute;
	left:13px;
	width:240px;
	color:black;
	border:1px solid;
	font-size:80%;
	padding:2px;
	line-height:105%;  /* for class lmbox in p tag  */
	border-color:#435E44;
}

.lmboxgg > p {line-height:105%}
.lmboxgr > p {line-height:105%}
.lmbox > p {line-height:105%}
.lmboxbl > p {line-height:105%}
.lmboxrose > p {line-height:105%}
.lmboxw > p {line-height:105%}
.lmboxwnb> p {line-height:105%}

.lmboxw {position: absolute; left:10px; width:260px; border-color:gray}
 .lmboxgg {background-color:rgb(171,195,172);}
.lmboxbl {color:#003366; background-color:#CCFFFF; border-color:#6699CC}
.lmboxrose {background-color:#FFCCCC;border-color:#FF66CC}
.lmboxor {background-color:#FFCC66; border-color:#FF6633}
.lmboxgr {background-color:#99FFCC; border-color:#009966} 
.lmboxnb {border-width:0px}	
/*.lmpopbox {border:1px double green} */

/* lmbox for PopBox: */
.lmboxPB{
	display:block;
	position: absolute;
	left:30px;
	width:130px;
	border-width:0px;
	font-size:80%;
	padding:2px;
	line-height:100%; 
}
	
/* use lmbox above instead of infoboxL ????????*/	
.infoboxL,.infoboxLor, .infoboxLbl, .infoboxLgr, .infoboxLrose {line-height:1.2;font-size:80%;color: black; float:left; display:block;
            padding: 2px; border: 1px solid; margin-left:-240px; margin-right:30px; clear:left; width:180px}
.infoboxL {background-color:rgb(171,195,172);}
.infoboxLbl {color:#003366; background-color:#CCFFFF; border-color:#6699CC}
.infoboxLrose {background-color:#FFCCCC;border-color:#FF66CC}
.infoboxLor {background-color:#FFCC66; border-color:#FF6633}
.infoboxLgr {background-color:#99FFCC; border-color:#009966}


.insetbox, .insetboxor, .insetboxbl, .insetboxro, .insetboxgr, .insetboxye,.insetbox100, .insetbox640
	{font-size: .85em;
	display: block;
	overflow:auto;
	margin-top: 1.2em;
	margin-left:20px;
	
	background-color:#ABC3AC;
	margin-bottom: 1.5em;
	padding:6px;
	width:85%;
	border: 1px solid; border-left-width:3px; border-right-width:3px;
	border-color:#86A089;
	}
	
	.insetboxwide,  .insetboxgrwide
	{font-size: .85em;background-color:#ABC3AC;
	display: block; overflow:auto; 
	margin:6px 0px 2px 0px;
	padding:4px 4px 4px 2px;
	width:98%;
	border: 1px solid #86A089;
	}
	
	
	.insetboxor {background-color:#FCBE93; border-color:#FCBE93}
	.insetboxbl {color:#003366;background-color:#B8B3D8; border-color:#8882A0}
	.insetboxgr {background-color:#CDC1BF; border-color:#A08B84}
	.insetboxro {background-color:#FF9999; border-color:#CC6666}
	.insetboxgr {background-color:#99FFCC; border-color:#339900}
	.insetboxor {background-color:#FCBE93; border-color:peru}
	.insetboxye {background-color:khaki; border-color:goldenrod}
	
	
	.insetbox2 {
	font-size: 85%;
	display: block;
	overflow:auto;
	margin-top: 1.2em;
	margin-left:20px;
	border:1px solid;
	background-color:#CCFF99;
	margin-bottom: 1.5em;
	padding:6px;
	width:85%;
	line-height:1.1;
	border-color:#336600;
	}
	
			
	
	.desc {
	background-color:#FFFFFF;
	padding:10px;
	margin-right:30px;
	float:right; width:300px
	}
	
.InsetBoxLeft
{
	width:auto;
	padding-right: 10px;
	margin-bottom:5px;
	float:left; clear:both;
    margin-left:-80px
}

.microdataBox
{width: 80%; padding:6px; margin-top:14px;
line-height:1; font-size:9px;
border:2px solid #BB977D; background-color:#EDC9AF;
}

/* marginal boxes  -  
-------------------------------------------------------------- */	


/*  These don't seem to work!
.marginbox {line-height:1;font-size:80%;color: green; display:block; float:left;
				padding: 2px; margin-left:-270px;  margin-top:16px;  margin-right:2px; clear:left; width:250px}



.margincall 
		{line-height:1.1;font-size:90%;color:#993300; float:left; font-weight:600; background-color:#FFCCCC;
            margin-left:-270px; padding:4px; margin-top:4px; margin-right:6px; clear:left;
			display:block;text-align: right; width:250px}
*/			
	blockquote.margincall 
		{line-height:1.1;font-size:90%;color:#993300; float:left; font-weight:600; background-color:#FFCCCC;
            margin-left:-270px; padding:4px; margin-top:4px; margin-right:6px; clear:left;
			display:block;text-align: right; width:250px}
						  
	blockquote.callout
		{line-height:1.1;font-size:90%;color:#993300; font-weight:600;  float:left; clear:left;
			 margin:4px 12px 0px 0px;  width:242px  }
			  
/* blockquote boxes 
-------------------------------------------------------------- */	
  
  blockquote.float-right,  blockquote.float-rightL,  blockquote.float-rightor,  blockquote.float-rightgrn,
  		 blockquote.float-rightplain,  blockquote.float-rightgra,  blockquote.float-rightbl, 
		  blockquote.float-rightro, blockquote.float-rightye, blockquote.float-rightro{
  float: right;
  font-size: 0.74em;
  width: 27%;
  padding: 3px 5px 3px 5px;  
  margin:10px 2px 0px 6px;
  color: #00008b;
  background-color: #ABC3AC;
  border-left: 2px solid gray;
  border-bottom: 2px solid gray;
  }
    blockquote.float-rightL {width:40%}
    blockquote.float-rightor {width:40%; background-color:khaki}
	blockquote.float-rightplain {width:40%; background-color:#CDDBCD}
	blockquote.float-rightbl {width:40%; color:#003366;background-color:#B8B3D8}
	blockquote.float-rightgrn {width:40%; background-color:#99FFCC}
	blockquote.float-rightgra {width:40%; background-color:#CDC1BF}
	blockquote.float-rightye {width:40%; background-color:khaki}display
	blockquote.float-rightro {width:40%; background-color:#FF9999}


  
blockquote.float-left, blockquote.float-leftS {
  float: left;
  font-size: 0.74em;
  width: 40%;
  padding: 0.5em;
  margin: 0 0.5em 0 0;
  color: #00008b;
  background-color:#ABC3AC;
  border-right: 2px solid gray;
  border-bottom: 2px solid gray;
  }
  
  blockquote.float-leftS { width:27%}
  
 
    
	blockquote.leftmargin, blockquote.leftmarginplain,blockquote.leftmarginbl, blockquote.leftmargingrn,
	blockquote.leftmargingra, blockquote.leftmarginro, blockquote.leftmarginor, blockquote.leftmarginye {
  float: left; 
  font-size: 0.74em; line-height:0.9;
  padding: 0.5em;
  margin: 0 0.5em 0 0;
  color: black;
  background-color:#ABC3AC;width:242px
  }
     blockquote.leftmarginplain {background-color:#CDDBCD}
     blockquote.leftmarginbl {color:#003366;background-color:#B8B3D8;}	 
	 blockquote.leftmarginro {background-color:#FF9999;}
	 blockquote.leftmargingrn {background-color:#99FFCC}
	 blockquote.leftmargingra {background-color:#CDC1BF; }
	 blockquote.leftmarginor {background-color:#FCBE93}
	 blockquote.leftmarginye {background-color:khaki}
	 
	
/* other boxes 
-------------------------------------------------------------- */	
	
	.probexbox {
	clear:both; float:none;
	font-size:0.825em;
	background-color:#EBD3E6;
	border: 1px solid #CA8EB0;
	margin-right: 20px;
	margin-left: 50px;
	line-height: 105%;
	display: block;
	padding: 10px 10px 10px 10px;
	width:auto;
    }

	
.knowitbox {
	font-family: Comic Sans MS;
	color:black;
	text-align:center;
	font-size: 1.1em;
	background-color:#CCFF66;
	line-height: 100%;
	display: block;
	padding: 5px 1em 5px 1em;
	margin: 1.2em 1em 1.2em  1em;
	width:75%;
	border: 2px solid red;
	}
	
		


	/* navigation 
	-------------------------------------------------------------- */

a:hover {color: black; background-color:#99FF00}
a:visited { color:#993300} 

.navbar 
	{
	color:gray;
	font-family: Verdana,Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.90em; 
	line-height: 2em;
	text-align:center;
    padding: 8px 0px 8px 0px;
	letter-spacing:1px;
	margin-bottom: 5px;
	
	width:auto;  height: auto;
	display:inline;   /* ERROR: remove "inline",  not ceompatible with auto or margin-bot  */
	}
	
	.navbar a:link {color:rgb(34,70,79); text-decoration:none}
	.navbar a:visited {color:rgb(34,70,79); text-decoration:none}
	.navbar a:hover {background-color:rgb(34,70,79); color:white}
	
.NavBarBox
	{
	display:block;
	text-align:center;
	clear:both;
	background-color:rgb(171,195,172); 
	border:2px solid  rgb(34,70,79);
	width:auto
	}
	
.NavBarItem {color:Gray; background-color:Forest Green;  border: 2px solid SpringGreen; padding: 0px .4em 0px .4em}
	
.NavBarItem {margin:0px 2px 0px 2px; text-align:center;  /* apparently not used  */
				padding: 0px 2px 0px 2px; border:2px solid;
				border-color:#FF6633}
	
.tooltip {color:#006600; text-decoration:underline}
.tooltip a:hover {background-color:transparent}	
	
	
/* local page menu */

#ThisPageMenu {width:240px; border:1px solid rgb(34,70,79);
				float:left; display:block;
				margin:5px 0px 6px 5px; padding-left:6px;
				background-color: #BFCDC1;
			  }

#ThisPageMenu ul {margin-left:1px; margin-bottom:4px; padding-left:2px}
#ThisPageMenu ul ul { padding-left:12px}

#ThisPageMenu li { margin: 0;   list-style-type:none;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:0.8em;
				}

#ThisPageMenu li a
{
display: block;
color:rgb(34,70,79);
width: 90%;
padding: 3px 6px 3px 0px;
text-decoration: none;
border-top: 1px solid rgb(34,70,79);
}

#ThisPageMenu a:hover
{
background-color:rgb(34,70,79);
color: white;
}

.footer a {color:#99FFFF}

/* controls 
-------------------------------------------------------------- */

.floatleft {float:left}
.floatright {float:right}

.clearit {
	clear:both;
	height:2px
	}
	
	.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}	
	
	.RestoreTextColumn {float:none; clear:both; margin-left:0px;
    padding-top:2px
	}