@charset "utf-8";
/* CSS Document */

img { behavior: url( styles/iepngfix.htc); } 

html, body, div, span, object, iframe,
h1, blockquote, form, table, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	background: #9cdcf9 url('/images/grade.gif') bottom repeat-x;
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
}

.clouds {
	margin:0;
	padding:0;
	width: 100%;
	background-repeat:repeat-y;
	background-position:top center;
	background-image: url('/images/clouds.png');
	behavior: url( styles/iepngfix.htc);
}	
	

.container {
	margin: 0 auto;
	padding:0;
	text-align:center;
	width:900px;
	min-height:800px;
	
}

.header {
	margin:0;
	padding:0;
	height:90px;
}	

.logo {
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width: 170px;
	height: 88px;
	behavior: url( styles/iepngfix.htc);
}

.navbar {
	margin: 40px 20px 0 0 ;
	padding:0;
	width: 690px;
	height: 42px;
	float:right;
}	

.main {
	margin: 30px 0 0 0;
	padding:0;
	font:Verdana, Arial, Helvetica, sans-serif;
}

.side-bar {
	margin:0;
	padding:0;
	width: 183px;
	min-height: 500px;
	float: left;
	background: url('/images/side-bgd.png') no-repeat;
	behavior: url(styles/iepngfix.htc);
}	

.side-bar img {
	margin: 10px 0 0 0 ;
	padding:0;
}

.content {
	margin: 0 15px 160px 0;
	padding:0 0 160px 0;
	width: 675px;
	background: url('/images/text-bgd.png') no-repeat;
	behavior: url(styles/iepngfix.htc);
	float: right;
	min-height: 500px;
}

.style1 {
	margin: 10px 25px 30px 25px;
	padding:3px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#484747;
	line-height:1.65;
	text-align:left;
}

.style1 ul { 
	line-height:1.75;
}

.style2 {
	margin:0 20px 30px 20px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#484747;
	line-height:1.65;
	text-align:center;
	font-weight:bold;
}	

.style3 {
	margin: 10px 25px 30px 25px;
	padding:3px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#484747;
	line-height:1.65;
	text-align:center;
}

.style4 {
	margin: 10px 10px 30px 20px;
	padding:3px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#484747;
	line-height:1.65;
	text-align:left;
}

.style4 ul {
	margin:0 0 0 30px;
	padding:0;
}

.content h1 {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px ;
	color: #484747;
}	

.content h2 {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px ;
	color: #484747;
	margin:15px 0 0 0 ;
	padding:0;
	border-bottom: thin dotted;
	border-top: thin dotted;
}

.content h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px ;
	color: #484747;
}

.maps td {
	padding-bottom: 15px;	
}	

.footer {
		width:100%;
		height: 181px;
		background: url('/images/wetland-bkgd.png')  bottom center repeat-x;
		position:fixed;
		_position:absolute;
		bottom:0;
        /*_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);*/
		_top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));
		margin:0;
		padding:0;
		behavior: url( /styles/iepngfix.htc);
		left:0;
}


#copyright {
	position: absolute;
	bottom: 1px;
	right: 2px;
	font-weight: bold;
}

table ul {margin:10px 0 5px 0; padding:0;}

table li {border-bottom:1px solid #333333;}

a { color: #e80420; text-decoration:none;}
a:hover {color:#51b301 ; text-decoration:underline;}