body {  
		margin:0 0 0 0;
		padding:0;
		text-align:center;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size:12px;
		background-color:#eeeccc;
		
}
.body_container {
	margin: 30px auto;
	width: 960px;
	padding: 0;
}

.center {
	text-align: center;
}
	#leftcontent {
		position: absolute;
		left:10px;
		top:225px;
		width:170px;
		height:600px;
		background-color:#CCCC66;
}

	#centercontent {
		background-color:#FFFFFF;
		top:180px;
   		margin-left: 175px;
   		margin-right:100px;
		padding-left:5px;
		padding-right:5px;
		
}
		
		#rightcontent {
		position: absolute;
		right:10px;
		top:220px;
		width:150px;
		border:0px;
		background-color:#EEE3CD;
		
}
		
	html>body #centercontent {
   		margin-top: 20px;
		margin-left: 170px;
   		margin-right:100px;
		text-align:center;
		}
		
		html>body #rightcontent {
   		text-align:center;
		
}

		
	#banner {
		background-color:#CCCC66;
		height:20px;
		position:relative;
		padding-left:50px;
		padding-bottom:15px;
		padding-top:0px;
		font-size:12px;
		font-weight:bold;
		
		
		
}
	html>body #banner {
		height:120px;
		
}
		
	p,pre {
		margin:5px 10px 5px 10px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
}
		
	.p1 {
	margin:10px 10px 10px 10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003300;
}
	
	blockquote {
		margin:0px 10px 10px 10px;
		text-align:left;
}

/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 100px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}
/* adjust margins to change separation between the feature image and text flowing around it */

.whitetext 
	{color:#000000;
	font-weight:bold;
	font-size:14px;
}
	.finnstyle {
		font-size:12px;
		font-weight:bold;
		color:#FF0000;
		padding:3px 0px 3px 1px;
}

.hydrostyle {
		font-size:10px;
		font-weight:bold;
		color:#CCCC66;
		padding-left:inherit;
		
}	

.topheader {
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#FFCC00;
		font-weight:bold;
}		
   h1 {
		font-size:12px;
		background-color:#006600;
		width:inherit;
		padding-top:0px;
		padding-right:20px;
		padding-bottom:0;
		text-align:right;
		color:#FFFFFF;
		float:none;
}
		
	h2 {
	font:16pt verdana, arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CC3300;
	text-align:center;
}
h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#006600;
	text-align:center;
}

 h4 {
		font-size:18px;
		font:Arial, Helvetica, sans-serif;
		font-weight:bold;
		background-color:#FFF;
		width:inherit;
		padding-top:0px;
		padding-right:20px;
		padding-bottom:0;
		text-align:center;
		color:#000000;
		float:none;
}

.style1 {color:#999999}

#navlist {
	font-size: 9px;
	margin: 14px 0 2.0em 3em;
	width: 100%;
	
}
#navlist li {
	float: left;
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	white-space: nowrap;
}
#navlist ul {
	margin: 0 auto;
	padding: 0;
}
#navlist a {
	padding: 3px 10px 3px 10px;
	border: 1px solid;
	border-color: #ddd #000 #000 #ddd;
	background-color:#006600;
	
	background-repeat: no-repeat;
	background-position: 0% 50%;
	text-decoration: none;
}
#navlist a:link, #navlist a:visited {
	color: #EEEEEE;
}
#navlist a:hover, #navlist a:active,
#uberlink a:link, #uberlink a:visited, 
#uberlink a:hover, #uberlink a:active {
	background-color:#FFCC00;
	
	background-repeat: no-repeat;
	background-position: 0% 50%;
	color: #2D1E2D;

}

li ul {
  display: none;
  position: absolute; 
  top: auto;
  left: auto;
  }

li:hover ul { display: block; }

/************* #globalNav styles **************/

#globalNav{

padding: 5px 5px 10px 10px;
white-space:nowrap;
background-color:#009966;


}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

a {
	color:#006600;
	font-size:11px;
	text-decoration:underline;
	
	font-family:verdana, arial, helvetica, sans-serif;
	border:none;
	}
a:link {color:#006600;}
a:visited {color:#006600;}

#framefont {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}
	
	#copyrite {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#663300;
	text-align:center;
	padding-top:5px;
	margin-left: 5px;
}	
	#date {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#336600;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
	margin-left: 5px;
}			

	
	#leftcontent p {
		font-size:10px;
		padding-bottom:100px;
		text-align:left;
}
		
	#centercontent p {
		font-size:13px;
}
	
	#leftframecontent {
		
		margin-top: 99px;
		padding-bottom:30px;
		
   		margin-left:inherit;
   		margin-right:inherit;
}