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

 /* 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}
	
.indent42 {margin-left:42px}
.indent50 {margin-left:50px}
.indent100 {margin-left:100px}
.exdent3 {margin-left:-240px}
.exdent2 {margin-left:-180px}
.exdent1 {margin-left:-70px}

.pageFrame
{
	background-color:#FFFFCC; /* yellow-salmon background for text */
	color: #000;
	width:960px;
	border: 6px solid #003366;
		
}
	
.textColumn
{
	width: auto;
	font-size:1.1em;
	line-height:1.3;
	margin-left:280px;   border-width: 0px; margin-right:10px;
}

.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:#003366;
	
   padding:10px;    
}


	.header {
  		width:98%;
  		height: 170px;
		background-color:#003366;
		padding-left:1em; padding-right:6px;
		
		margin-bottom:6px;
		border-bottom-width: 2px;
	 border-bottom-color:#666666; border-bottom-style:solid;
	}
	
	.HdrImgBox
	{float:right; clear:right; padding-top:0px; margin-top:0px}
	
	.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:maroon;			
			}

	.attrib {font-size:.70em}
	
	.introbox {	height: auto;
	width: 400px;
	margin-top:100px;
	margin-left:16px;
	border:0px solid #688;
	color:#FFCCFF;
	display: block;
	color:#CCCCCC;
	padding:5px 0px 5px 2px;
	}
	
	
	/* paragraph headers 
-------------------------------------------------------------- */
H1,H2,H3,H4 {font-weight:bolder}
H1 {color:#CCFFCC; line-height: 1}
H2,H3,H4 {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; font-weight: bolder; 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}

dfn { color:#006600; font-weight: bolder}
	
dt { color: maroon; font-weight: bolder; font-size: medium}
dd { font-size: 0.80em}

.gray { color:#333333} 
.green { color:#339933}
.red{color:#FF0000 }  

.larger {font-size: 115%} 
.medsmall { font-size: 90%} 
.small, .smallgreen  { font-size: 83%}
.xsmall{font-size: 78%}
.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: .75em; color:#333333}
.tinylite a:link { color:blue; text-decoration:none;}
.tinylite a:visited { color:blue}
.tinylite a:hover { background-color:#CC9900; color:black}



.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}
.eqno {padding-left:2em; color:#006600; font-size:smaller}
.eqn-small {font-size: 0.82em; text-align: center}  
.smallgreen{ color:#006600}


.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-size:18px;
	padding:3px;
	color:red;
	background-color:#FFFF66;
	border:1px red; border-style:solid;
	width:auto;
	text-align:center;
    }


.hl {color:maroon}
.hlgray {background-color:#CCCCCC}
.hlbox {border:1px gray; border-style:solid;}

/* 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}


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

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

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

table       { margin-bottom: 1.4em; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { font-size:92%; padding: 4px 10px 4px 5px}
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


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

.newsection, .firstsection {
			border-color:#6699CC;
            border-width:4px 0px 3px 0px;           
            padding: 0px .75em 1px 0.5em; 
			margin:1em 0em 1em -4em;
            border-style:solid;
            background-color: rgb(205,219,205);
			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:-250px; width:910px; overflow:auto; border:1px solid blue;}
.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%}
.shift_to_left {margin-left:-70px}
.exdent200 {margin-left:-200px}

.infobox, .infoboxL {
	display:block; padding:4px; border: 1px solid; color:#003366;
	margin:6px 8px 6px 20px;
	line-height:1;
	font-size:80%; background-color:#CCFFFF; border-color:#6699CC;
	}
.infoboxL {float:left; margin-left:-240px; margin-right:30px; clear:left; width:180px}


.insetbox, .insetbox640
	{font-size: .85em;
	display: block;
	overflow:auto;
	margin-top: 1.2em;
	margin-left:20px;
	border-left-width:20px;
	background-color:#CCCCFF;
	margin-bottom: 1.5em;
	padding:6px;
	width:85%;
	border: solid 1px; border-left-width:3px; border-right-width:3px;
	border-color:#9999FF;
	}
	
	.insetbox640 {width:640px}
	
	.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%;
	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
}
.InsetBoxRight
{
	background-color:#CCCCFF;
	border: solid 1px #688;
	font-size:.82em;
	width:auto;
	padding: 1px 4px 1px 10px;
	float:right; clear:both;
	margin-right: 5px; margin-left:20px;
	display: block;  /* added 2006.07.25 */
}

	
	.probexbox {
	clear:both; float:none;
	font-size:0.825em;
	background-color:#FFCCFF;
	border: 1px solid #FF66FF;
	margin-right: 20px;
	margin-left: 50px;
	line-height: 105%;
	display: block;
	padding: 10px 10px 10px 10px;
	width:auto;
    }

	
.knowitbox {
	font-family: Comic Sans MS, Verdana, sans-serif;
	color:black;
	text-align:center;
	font-size: 1.1em;
	background-color:#FF9900;
	line-height: 100%;
	display: block;
	padding: 5px 1em 5px 1em;
	margin: 1.2em 1em 1.2em  1em;
	width:auto;
	border-width: 0px;
	}
	
		
  blockquote.float-right {/* floats in content div */
  float: right;
  font-size: 0.74em;
  width: 27%;
  padding: 3px 5px 3px 5px;  
  margin:20px 2px 0px 6px;
  color: #00008b;
  background-color: #99FF66;
  border-left: 2px solid gray;
  border-bottom: 2px solid gray;
  }
  
blockquote.float-left {/* floats in content div */
  float: left;
  font-size: 0.74em;
  width: 40%;
  padding: 0.5em;
  margin: 0 0.5em 0 0;
  color: #00008b;
  background-color:#99FF66;
  border-right: 2px solid gray;
  border-bottom: 2px solid gray;
  }

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

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

.navbar 
	{
	color:gray;
	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;
	}
	
	.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
	}
	
SPAN.ThisPageBox {margin:0px 2px 0px 2px; text-align:center;
				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: rgb(205,219,205);
			  }

#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:#006699;
width: 90%;
padding: 3px 6px 3px 0px;
text-decoration: none;
border-top: 1px solid teal;
}

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