body {               /*general properties for the entire page*/
		font-family: "Trebuchet MS", Verdana, serif;
		color: #000000 ;     /*dark blue*/
		margin:0px 0px 0px 0px;
		padding:0px;
		text-align:left;
		font-size: 100.01%;
		background-image:url(../Images/fish_background.jpg);
			background-position:center 220px;
			background-repeat:no-repeat;
		}

	#bannernav, #bottomnav {
	background-color: #663300;
	
	
	font-weight: bold;
	

	padding-left:150px;
}


	
#leftcontent {                /*leftcontent div - this is the dark blue box at left*/
float:left;
	width:200px;
	height: 800px;
	

	background-color: #663300;
		}
	
#leftcontent #footer {               /*properties for the footer div within the leftcontent div - holds EVOS contact info*/
	
	width: 200px;
	padding-top:40px;
	
		}
		
#rightcontent {               /*Rightmost box on page; holds header, photo, caption, and pullout quote.*/
		float:right;
		width:200px;
		height: 821px;
		      /*pale dove gray*/
			/*slightly darker gray*/
	    Padding:20px; 
		margin:0;
		text-align:right;
		
			}

	#centercontent {               /*middle gray box, where most of the page text and pictures are*/
		
   		margin-left: 201px;
   		margin-right:221px;
		margin-top: 0px;
		padding: 0px;
		
		/*
		IE5x PC mis-implements the box model. [The box model is a common three-box setup, where the center box is adjustable horizontally to fit different screen widths.] Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		
		voice-family: "\"}\"";               /*trickery code...*/
		voice-family: inherit;
   		
   		margin-right:221px;
		padding: 20px;
		
		}
		
		
	/*html>body #centercontent {
		font-family: 100% "Trebuchet MS", Verdana, serif;
   		margin-left: 210px;
   		margin-right:210px;
		}*/
	
	#leftside {               /*A div within the centercontent div. I used it on the FAQ page, to house the Qs and As*/
	position: absolute;
	width: 468px;
	top: 405px;
	left: 240px;
	height: 429px;
	z-index:3;
		}
			
	






#bannernav ul, #bottomnav ul {
	text-align: left;
	padding:0 0 0 2em;
	margin: 0 0 0 2em;
}

#bannernav li, #bottomnav li {       /*defines styles for the nav div within in the bannernav div*/
	display: inline;
	list-style-type: none;
	padding: 0 2em 0 0;
	font-size: 80%;
}
#bannernav a, #bottomnav a {
	text-decoration: none;
}
#bannernav a:link, #bannernav a:visited, #bottomnav a:link, #bottomnav a:visited {
	color: #cc9966;
}		

#bannernav a:hover, #bannernav a:focus 
{
color:#FFFF00;}		
	
		
	.leftimage {               /*class that makes image jump to left and text wrap around it*/
		float: left;
		margin-right: 10px;
		margin-bottom: 3px;
		}
		
	

	#leftcontent #nav ul {               /*defines styles for the nav div within in the leftcontent div*/
		background-color: transparent;
		list-style-type: none;
		margin: 0; 
		display: block;
		padding:10px;
		font-size: 85%;
		}
	#leftcontent #nav ul li {
		display:inline;
		padding: 0;
		margin-left: 0px;
		}
	#leftcontent #nav ul li a {    /*this selector defines the link style within the nav part of the leftcontent*/
		font-size: 85%;
		color: #FFF;   
		background-color: transparent; 
		text-decoration: none;   /*removes underline from links*/
		display: block;
		padding: 4px 10px 6px 4px;    /*applies padding to either side to give links a 'button' appearance'*/
		text-align: left;
		height: auto;
		}
	#leftcontent #nav a:hover, #leftcontent #nav a:focus {         /*changes background color when mouse hovers over buttons*/
		background-color: #ffcc00; 
		color:#000000
		}
		
/*____________________________________________________________________________________________*/	
	#leftcontent h1 {               /*styles that will be applied within leftcontent div*/
		font-size: 130%;               /*all font sizes are relative values, not absolute, so they can be enlarged as user needs*/
		margin: 10px 0 0 10px;
		color: #fff;
		font-weight:bold;
		}
	#leftcontent h2 {
		font-size: 110%;
		margin: 10px 0 0 10px;
		color: #fff;
		font-weight:bold;		
		}
		
	#leftcontent #footer h3 {               /*header style for footer div within leftcontent div*/
		text-align: right;
		font-style: italic;
		margin: 10px 10px 0 10px;
		color: #fff;
		line-height: 20px;
		font-weight: lighter;
		}
	#leftcontent #footer h4 {              /*header style for footer div within leftcontent div*/
		font-size: 80%;
		margin: 10px 10px 0 10px;
		color: #ffcc00;
		text-align:right;
		}
	#leftcontent #footer h5 {              /*header style for footer div within leftcontent div*/
		font-size: 70%;
		margin: 10px 10px 0 10px;
		color: #fff;
		text-align:right;
		}
	#leftcontent p {
		font-size: 80%;
		color: #fff;
		}	
	#leftcontent #footer a:hover, #leftcontent #footer a:focus, #leftcontent #footer a:visited {        
		color: #ffcc00;
		}
		
		
		
#centercontent a:link {color:#0033FF;
	text-decoration: none;
}
#centercontent a:visited {
color:#0033FF;
	text-decoration: none;
}
#centercontent a:hover, #centercontent a:focus{
text-decoration: underline;

}
	#centercontent h1 {               /*styles that will be applied withing centercontent div*/
		font-size: 150%;
		margin-top: 10px;
		color:#003399;
	  
		}
	
	#centercontent h2 {
		font-size: 130%;
		margin-top: 10px;
		margin-bottom: 0px;
		}
	#centercontent h2 em, #centercontent h6 em {
		font-size: 80%;
		font-style:italic;
		color:#A0A0A4;
		}
	#centercontent h3 {
		font-size: 110%;
		margin-top: 10px;
		margin-bottom: 0px;
		}
	#centercontent h4 {     /* for introductory material in centercontent div  */
		font: oblique 105% "Trebuchet MS", Verdana, serif;
		color: #2A0055;
		font-weight:lighter;
		margin-top: 0px;
		}		
	#centercontent h5 {
		font-size: 100%;
		font-weight:bold;
		margin-top: 10px;
		margin-bottom: 0px;
		}	
	#centercontent h6 {
		font-size: 90%;
		font-weight:bold;
		margin-top: 10px;
		margin-bottom: 0px;
		}
	#centercontent ul {               /*defines styles for the nav div within in the leftcontent div*/
 margin-bottom:25px; margin-top:15px;
		}
	#centercontent p {
		font-size: 80%;
		margin-top: 5px;
		background-color: transparent;
		}
	.emphasis {
	margin-top: 0;
	font-style:italic;
	color:#0099cc;
	font-weight:bold;
	margin-bottom: 5px;
		}

#rightcontent h1 {               /*styles for rightcontent div*/
		font-size: 130%;
		margin: 20px 10px 0 10px;
		font-weight: bold;
		}	
#rightcontent h2 {
		font-size: 90%;
		margin: 10px 10px 0 10px;
		font-weight: bold;
		}
#rightcontent h3 {
	text-align: left;
	font-style: italic;
	margin: 10px 10px 0 10px;
	color: #2A0055;
	line-height: 20px;
	font-weight: normal;
	font-size: 100%;
		}
#rightcontent h4 {
	text-align: left;
	margin: 10px 10px 3px 10px;
	color: #2A0055;
	font-weight: bold;
	font-size: 100%;
		}
#rightcontent p {
		font-size: 80%;
		margin: 0 10px 0 10px;
		}
#rightcontent .note {
		font-size: 70%;
		margin: 5px 10px 0 10px;
		}

/*the selectors below define link styles within leftcontent, centercontent, leftside, rightcontent*/
	#leftcontent a {    
		font-weight:bold;
		color: #FFF;   
		background-color: transparent; 
		text-decoration: none;   /*removes underline from links*/
		}
	#leftcontent a:hover, #leftcontent a:focus {
		text-decoration: underline;
		}
	 #rightcontent a { 
		font-weight:bold;
		color: #2A0055;   
		background-color: transparent; 
		text-decoration: none;
		}
	 #rightcontent a: hover, #rightcontent a:focus {         
		/*adds underline when mouse hovers over buttons*/
		text-decoration: underline;
		}
	 #rightcontent a:visited {
	font-weight:bold;
	color: #A9ACB6;
	margin-top: 0px;
	text-decoration:underline;
		}
			
	.retrobutton {      /*Back in the early days of the Web, "3D" buttons that appeared to become pushed in when moused over were all the rage. At that time, this could only be achieved through images and JavaScript, but now, with the advent of CSS, we can go retro and re-create this 3-D effect.*/
		display: block; 
		border: 1px solid; 
		border-color: #0099CC #2A0055 #2A0055 #0099CC; 
		width: 13em; 
		background-color: #000;
		font-size: 80%;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 20px;
		} 

	.retrobutton:hover { 
		position: relative; 
		top: 1px; 
		left: 1px; 
		border-color: #2A0055 #0099CC #0099CC #2A0055; 
		}	
		
	#centercontent ul li, #rightcontent ul li {
		font-size: 80%;
		margin-top: 5px;
		line-height: 16px;
		}
	#leftside a {               /*defines link style for leftside div, which is in the FAQ section*/
		color: #2A0055;
		text-decoration:underline;
		font-weight:100;
		line-height: 15px;
		}
	#leftside a:hover, #leftside a:focus {              /*defines link style for leftside div, which is in the FAQ section*/
		color: #2A0055;
		}	
	#leftside a:visited {              /*defines link style for leftside div, which is in the FAQ section*/
		font-weight:bold;
		color: #A9ACB6;   
		background-color: transparent;
		}

	.TitlePath {			/*this is a div class for the user to 'back out' of each page - appears at top in centercol  */
		FONT-WEIGHT: bold; 
		FONT-SIZE: 90%; 
		COLOR: #A9ACB6; margin-bottom:25px;    /* medium blue-gray  */
		}
	.TitlePath a{			/*this is a div class for the user to 'back out' of each page - appears at top in centercol  */
		FONT-WEIGHT: bold; 
		FONT-SIZE: 105%; 
		COLOR: #A9ACB6;     /* medium blue-gray  */
		}
	
	.backimage {		/*this is an h2 class for centercontent; places an image behind h2. Only used once... */
	background: url(../History/Images/history_background.jpg) no-repeat left top;
	height: 150px;
	width: 490px;
}
	.answer {
	font-weight:100;
	color: #2A0055;
}
#centercontent pre {
	color: #5CACEE;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font: bold 90% "Trebuchet MS", Verdana, serif;
}
.celltext {               /*style for text within tables*/
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
	color: #5CACEE;
	text-align: left;
	vertical-align: middle;
	margin-left: 2px;
}