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

#outerColumnContainer
{
	
	border-color:#999966;
	border-color:#FF9900;
	border-style: solid;
	border-width: 12px;	
	width:1000px
}

#innerColumnContainer
{
	position: relative;	/* fix a render bug in IE under certain conditions */
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
}


#pageFrame
{
	background-color:#FFFFCC; /* yellow-salmon background for text */
	color: #000;
	display: block	
}
	
#textColumn
{
	width: auto;
	font-size:1.1em;
	line-height:1.3;
	margin-left:20%;   border-width: 0px; margin-right:10px;
}

#InnerTextColumn
{  position:relative; display:block; background-color:gray
}

.RestoreTextColumn {float:none; clear:both; margin-left:0px;
    padding-top:2px
	}

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


	#header {
  width:98%;
  height: auto;

		background-color:#CCCC99;
		padding-left:1em; padding-right:6px;
		padding-top:5px;
		margin-bottom:0px;
		border-bottom-width: 2px;
	 border-bottom-color:#666666; border-bottom-style:solid;
	}
	
	#HdrImgBox
	{float:right; clear:right}
	
	#HdrLogoBox
	{float:right;}
	

	
/* text in header  */
 .c1head {color:#666666; font-size: 0.85em}
	.c1head a:link {color:blue ;text-decoration:none; }
	.c1head a:visited {color:#99FFCC;text-decoration:none}
	.c1head a:hover {color:black; background-color:#CC9900; color:black}
	.big {padding-left: 20px; font-size: 1.8em; color: maroon}
	.huge {padding-left: 20px; font-size: 2.0em; color:maroon}
	
#TitleBox{ margin-top:12px}

/* stuff for expanded intro below header */

#SubHead {
			background-image:none);
			height:370px;
			padding-top:6px
	      }
.SubHeadText {width:500px; margin-left:380px;
			
			line-height:1.5;  color:black;
			padding-top:12px;
			font-family:"Comic Sans MS"; font-size:1.2em
			}

	.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;
	}
	
	.introbox a:link {color:#66CCFF}
	.introbox a:hover {color:black}

/* tables */
th {                                   /*table header, use in place of TD */
	text-align:center;
	text-weight:bold;
	font-size:85%
	}
	
tr {
	font-size:80%
	}

/*   text styles   */

H1,H2,H3,H4 {font-weight:bolder}
H1 {color:#CCFFCC}
H2,H3,H4 {color:maroon}
H2 {padding: 5px 0px 5px 5px;  margin-left:10px; line-height:100%}
H3 {margin-left:-2em; padding-top:12px; line-height:100%}
H4  {padding-top:8px}
H5  { color: teal; font-weight: bolder; font-size: medium}
H6  { font-size: small; color: teal}
.parahead {color:maroon; font-weight:bold; padding-right:1em; font-size:90%}

.center {text-align: center}
.right  {text-align: right}
.italic {font-style: italic}

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

.gray { color:#333333} 
.green { color:#339933}
.red{color:#FF0000 } 
 
.listcontinue {font-size: 95%; margin-left:30px}

.larger {font-size: 115%} 
.medsmall { font-size: 92.5%} 
.small, .smallgreen  { font-size: 85%}
.xsmall {font-size: 78%}    

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

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{font-family:"Comic Sans MS";color:#FF6633}


.eqn { font-size: 90%; 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}
.shift_to_left {margin-left:-70px}



.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-left:12px}
.CaptionLeft {font-size:small; margin-right:6em}
.LeftSide {margin-right:12px}
.FigBox {width:75%; margin-left:5%; margin-bottom:12px}

		
ul li, ol li { margin: .5em 0 .5em 0; font-size:90% } /* increase spacing between list items */

#newsection, #firstsection {
			border-color:#996600;
            border-width:4px 0px 3px 0px;           
            padding: 0px .75em 1px 0.5em;
			margin-top:12px;
			margin-left:-80px;
            border-style:solid;
            background-color:#CCCC66;
			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}

.insetbox {
	
	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;
	}
	
	.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;
	}

	/* SL additions  */
	#item {
	background-color:#CCCCFF;
	margin: 10px auto 10px auto;
	padding: 0 0 10px 0;
	width: 100%;
	overflow: auto;
	}
	
	#desc {
	background-color:#FFFFFF;
	padding:10px;
	margin-right:30px;
	float:right; width:300px
	}
		
	.clearit {
	clear:both;
	height:2px
	}


	
.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:#FF99FF;
	border-color:#FF33FF;
	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;
	text-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;
	}
	
.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}
.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}
	
/* local page menu */

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

#ThisPageMenu ul {margin-left:1px; 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 12px 3px 0px;
text-decoration: none;
border-top: 1px solid teal;
}

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