body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:15px;
	background-color:#435E44;  /* ~ med forest green */
}

 /* Paragraphs and alignments 
 -------------------------------------------------------------- */
 
 p {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
 	line-height:1.3; 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, #pageFrame
	{
		color: #000;
		width:960px;
		border: 0; background-color:#CDDBCD /* pale light green */
	}  
		
	
.textColumn, #textColumn
{
	width: auto;
	font-size:1.1em;
	line-height:1.3;
	margin-left:280px;   border-width: 0pt; margin-right:10pt;
}

.footer, #footer
{  clear: both;
   border: 0;  margin:0;
   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);   /* ~ dark slate gray */
   padding:10px;    
}


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

	
/* text in header  */

#hgp h1,hgroup h1 {margin-top:15px; line-height:1.1; padding-left: 20px; margin-bottom:12px; font-weight:100; font-size: 2.0em; color:#99FFCC}
#hgp h2,hgroup h2 { margin-left:4em;  line-height:1.1; margin:36px 0 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.1em; line-height:1.0;  color: maroon;	
			}

	.attrib {font-size:.70em}

	.introbox {	height: auto;
	width: 400px;
	margin-top:100px;
	margin-left:16px;
	border:0 solid #688;
	color:#FFCCFF;
	display: block;
	
	padding:5px 0 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 0 5px 0; 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 
-------------------------------------------------------------- */
.left  {text-align: right}
.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:#808080} 
.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}
  
.sc {
font-size:smaller;
text-transform: lowercase;
font-variant: small-caps;
letter-spacing: 1px;
}

.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}

/* text positioning ----------------*/
p.t4 {margin-top: 4cm}
p.t4 {margin-top: 3cm; background-color:#CF9}	
p.t4 {margin-top: 2cm;  background-color:#9CF}	
p.t4 {margin-top: 1cm}	
/* text formats ----------------*/	
	
			
.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.2em}

	
.attnbox {
	font-family:"Comic Sans MS", sans-serif;
	font-weight:400;
	padding:0 2px 0 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: 0 .3em 1px 0.3em}   /* DEPRECATED */
.clickpop { color:#006600;font-family:Comic Sans MS}

/* images on right or left sides */
.captionRight {font-size:small; line-height:1.0; padding 0 6px 0   6px}
.RightSide {margin: 8px 0 8px 12px}
.captionLeft {font-size:small; line-height:1.0;padding 0 6px 0   6px }
.LeftSide {margin: 8px 12px 8px 0}
.LeftSideDouble {margin: 8px 24px 8px 0}
.FigBox {width:75%; margin-left:5%; margin-bottom:12px}
.figfloatR {margin:2px 2px 4px 8px; line-height:1.0; border: 1px solid gray; padding:0; 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:0; margin:8px 6px 12px 0}
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: 0 4px 0 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 0 8px 0; text-align:center}
	
	table.plain th { background-color:#CCCCCC; font-size:100%; padding: 0 4px 0 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 0 3px 0;           
            padding: 0 .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 
-------------------------------------------------------------- */	


/* 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,.lmcallout
{
	display: block;
	position: absolute;
	left: 18px;
	width: 240px;
	color: black;
	border: 1px solid;
	font-size: 80%;
	padding: 2px;
	line-height: 105%;  /* for class lmbox in p tag  */
	border-color: #435E44;
	/*   top: 6996px;  */
	}

.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%}
.lmboxwnb > p {line-height:105%}
.lmcallout > p {line-height:110%}

 .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:0}	

.lmcallout{font-size:1.25em; color:teal; background-color:#ffcba4; text-align:right;  border:none; padding-right:8px}

/* lmbox for PopBox: */
.lmboxPB{
	display:block;
	position: absolute;
	left:30px;
	width:130px;
	border-width:0;
	font-size:80%;
	padding:2px;
	line-height:100%; 
}
	
/*  infobox versions have been deleted */

.insetbox, .insetboxor, .insetboxbl, .insetboxro, .insetboxgr, .insetboxye,.insetbox100, .insetbox640
	{font-size: .85em;
	display: block;
	overflow:auto;
	margin-top: 1.2em;
	
	
	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 0 2px 0;
	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}


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

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


			
	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 0 0;  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 0 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;
    }
	
	.probhd{font-size:106%; color: maroon; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight:bold}
	
.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 0 8px 0;
	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;   border: 2px solid red; padding: 0 .4em 0 .4em} 
/*.NavBarItem {margin:0 2px 0 2px; text-align:center;  
				padding: 0 2px 0 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 0 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 0;
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
	}
.hlgray {background-color:#CCCCCC}	
	.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}	
	
	.RestoreTextColumn {float:none; clear:both; margin-left:0;
    padding-top:2px
	}