

body {
	padding: 0px;
	margin: 0;
	font-family: Verdana,Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	background-color:#CCCCCC;  /* gray  */
}

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

#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, #masthead
{
	border: 0px;
	margin:0px;
}
#footer
{  clear: both;
   color:#CCFF99;
   text-align:center;
   border-top-width:2px;
   border-bottom-width:1px;
   border-top-color:#666666; border-top-style:solid;
	background-color:#999966;
    padding:10px;    
}


	#header {
        width:100%;
        height: auto;
		background-color:#999966;
		padding-left:1em; padding-right:6px;
		padding-top:5px;
		margin-bottom:0px;
		border-bottom-width: 2px;
	    border-bottom-color:#666666; border-bottom-style:solid;
	}
	
	.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-top:-5em; font-size: 1.8em}
	.huge {font-size: 2.5em; color:black}
	
/* stuff for expanded intro below header */

.subheadbox {width:420px; background-image:none; margin-left:100px; line-height:1.5; color:black}


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



	
p   {font-size: 0.90em}
ul li {font-size: 0.80em; margin: .5em 0 .5em 0 } /* increase spacing between list items */


th {
	text-align:center;
	text-weight:bold;
	font-size:85%
	}
	
tr {
	font-size:80%
	}

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

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


.ss {font-size: 0.90em}  /* sizes modified 7/06  */
.ss-medsmall { font-size: 0.825em} 
.ss-small, .smallgreen  { font-size: 0.75em}
.ss-xsmall {font-size: 0.70em}    

.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: 0.85em; text-align: center}
.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: 0.82em;
}

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

.attn {
	font-family: Comic Sans MS, sans-serif;
	color:red;
	background-color:#99CC99;
	border:1px red; border-style:solid;
    }
	
	span.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 {background-color:#CCFF00}
.hlgray {background-color:#CCCCCC}
.hl box {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}


		
ul li { margin: .5em 0 .5em 0 } /* increase spacing between list items */

  
#newsection, #firstsection {
			border-color:#996600;
            border-width:4px 0px 3px 0px;           
            padding: 0px .75em 1px 0.5em;
			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}



.LeftRun
{
	width:auto;
	padding: 8px;
	margin: 10px 12px 10px -80px;
	float:left; clear:both;
	background-color:#99FFCC;
	border-right:1px solid;
	border-right-color:#009900;
	font: 16px/15px;
}

.RightRun
{
	width:auto;
	padding: 8px;
	margin: 10px 5px 10px 12px; 
	float:right; clear:both;
	background-color:#99FFCC;
	border-left:1px solid;
	border-left-color:#009900;
	font: 14px/16px;
}

.centerbox {
	
	display: block;
	height:auto;
	margin: 10px;
	padding:6px;
	width:85%;
	border: solid 1px #688;
	align: center;
	font: 14px/18px;
	}
		
.insetbox {
	/* modified 2006.07.24   */
	font-size: .85em;
	display: block;
	overflow:auto;
	margin-top: 1.2em;
	border-left-width:6px;
	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;
	}


	
	
.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.0em;
	background-color:#FF9900;
	border-color:#CC3300;
	line-height: 100%;
	display: block;
	margin-top: 1.2em;
	margin-bottom: 1.5em;
	margin-right: 4em;
	padding-top: 0.6em;
	padding-bottom: 0.8em;
	padding-left: 1em;
	padding-right:1em;
	width:auto;
	border-width:thin; border-color:#FF6600
	}
	

		
  blockquote.float-right {/* floats in content div */
  float: right;
  font-size: 0.74em;
  width: 13.5em; /* "em size" is element dependent */
  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: 13.5em; /* "em size" is element dependent */
  padding: 0.5em;
  margin: 0 0.5em 0 0;
  color: #00008b;
  background-color:#99FF66;
  border-right: 2px solid gray;
  border-bottom: 2px solid gray;
  }

 .horsection, .horsectiongray  /* modified 2006.07.25 */
	{
	 float:none; clear: both;
	 overflow:auto;
	 width:100%;
	 height:auto;
	 }
	 
	 .horsectiongray {background-color:#999999; padding:10px; margin: 10px 10px 10px 0px}
	 
#LeftBox {float:left; background-color:yellow; clear:none; width:48%}
#RightBox {float:right; clear:none; width:48%}


#LeftSubHd {float:left; clear:none; width:250px}
#RightSubHd {float:right; clear:none; width:500px;  margin-right:2px}

.thinborderfloatL {
  float:left;
  border:solid 1px gray;
  padding:5px;
  margin-right:10px;
  }
  
  .thinborderfloatR {
  float:right;
  border:solid 1px gray;
  padding:5px;
  margin-right:15px;
  }
	
/* navigation  */

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

.navbar 
	{
	background-color:rgb(171,195,172); color:gray;
	font-size: 0.90em; 
	line-height: 1.5em;
	text-align:center;
    padding: 8px 0px 8px 0px;
	letter-spacing:1px;
	margin-bottom: 5px;
	border: 1px solid rgb(34,70,79);
	width:auto;  height: auto;
	display:inline;
	}
.navbartop
	{
	display:block;
	text-align:center;
	clear:both;
	width:auto
	}
	.navbarbot
	{
	display:block;
	text-align:center;
	
	margin-bottom:6px;
	width:auto
	}
	
SPAN.navbarbox {margin:0px 2px 0px 2px; text-align:center; padding: 0px 2px 0px 2px; border:2px gray; border-style:solid}
.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}
	





/* menu desgn by Stu Nicholls - http://www.webreference.com/programming/css_style/index.html  */
#thispagemenu {	width:175px;
				font-family: verdana, arial, sans-serif; font-size:0.8em; background:#8be; color:#fff;
				margin-right:30px;
			}

dl {margin: 0; padding: 0; border-left:1px solid #fff; border-right:1px solid #fff;}
dt {margin:0; padding:0.4em; text-align:center; font-size: 1.0em; color:black; font-weight:bold; background: #69c;}
dd {margin:0; padding:0; text-align:center; border-top:1px solid #fff;}
#gallery a, #gallery a:visited {color:#fff; text-decoration:none; display:block; padding:0.4em;
background: #47a;
}

/* CSS Document for ThisPageMenu */

#PageMenu {width:280px; border:1px solid rgb(34,70,79);
				float:left; display:block;
				margin:5px 0px 0px 5px; padding: 0px;
			  }

#PageMenu ul {margin-left:1px; padding-left:2px}
#PageMenu ul ul { padding-left:12px}	

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

#PageMenu li a
{
display:block;
color:blue;
width: 90%;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-top: 1px solid teal;
}



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





#gallery a:hover {background: #258; color:#9cf;}

.top {
  display:block; 
  background:transparent; 
  font-size:1px;
  }

.bottom {
  display:block; 
  background:transparent; 
  font-size:1px; 
  border-top:1px solid #fff;
  }

.b1, .b2, .b3, .b4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {background:#69c; border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}


