body {
	font: 13px Arial, Helvetica, sans-serif;
	color: #808080;
	margin: 0;
	background: url('../images/water_strip_4R.jpg');
	/*letter-spacing: 1px;*/
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

#page {
	overflow: hidden;
	width: 981px;
	margin: 40px auto 0;
	padding-top: 22px;
	background: url(../images/page-top.png)  no-repeat ;
}
.page-middle {
	overflow: hidden;
	width: 987px;
	height: 100%;
	background: url(../images/page-middle.png)  repeat-y ;
}
#header {
	overflow: hidden;
	width: 946px;
	margin: 0 0 0 20px; 
}
.header-left {
	float: left; 
	width: 680px;
	height: 282px;
	background:url(../images/header-fish.jpg)  no-repeat ;
}
#header h1 {
	float: left;
	margin: 22px 0 0 23px;
	display: inline; }

#header h1 a {
	float: left;
	text-indent: -9999px;
	width: 104px;
	height: 105px;
	overflow: hidden;
	background: url('../images/logo.gif') no-repeat;
}

/*-------------------------------------------*/
/*--------------start nav styles-------------*/
/*-------------------------------------------*/


.navigation {
	float: left; 
	width: 555px;
	margin: 19px 0 0 -4px; 
	display: inline; 
	padding: 0; 
}
.navigation li {
	float: left; 
	list-style:none; 
	font-size: 12px;
	font-weight: bold; 
	padding-left: 11px;
	letter-spacing:normal;
	text-decoration:none;
}
.navigation li a  {
	text-decoration: none; 
	color: #fefefe;
}
.navigation li.hover,
.navigation li:hover {
	position: relative; 
}
.navigation li.hover ul,
.navigation li:hover ul {
	display: block; 
}
.navigation li ul {
	float: none;
	margin: 0; 
	padding: 0; 
	position: absolute;
	top: 20px; 
	left: 11px;
	display: none; 
}
.navigation ul {
	width: 142px;
}
.navigation .habitat ul {
	width: 89px;
}
.navigation .restoration ul {
	width: 89px;
}
.navigation .watershed ul {
	width: 105px;
}
.navigation .participants ul {
	width: 142px;
}
.navigation li ul li {
	width: 100%; 
	font-size: 11px;
	margin-top: -5px;
	padding-left:0px;
}
.navigation li ul li .top-bg {
	height: 6px;
	padding: 0 7px 0 1px;
	position: relative; 
	overflow: hidden;
}
.navigation li ul li .top-bg .center {
	display: block; 
	width: 100%; 
	height: 6px;
	overflow: hidden;
	background: url(../images/top.png) repeat-x;
}
.navigation li ul li .top-bg .left-corner {
	width: 1px;
	height: 6px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0; 
	display: block; 
	background: url(../images/top-left-corner.png) no-repeat;
}
.navigation li ul li .top-bg .right-corner {
	width: 7px;
	display: block; 
	height: 6px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0; 
	background: url(../images/top-right-corner.png) no-repeat;
}


.navigation li ul li .bottom-bg {
	height: 7px;
	padding: 0 8px 0 6px;
	position: relative; 
	overflow: hidden;
}
.navigation li ul li .bottom-bg .center {
	display: block; 
	width: 100%; 
	height: 7px;
	overflow: hidden;
	background: url(../images/bottom.png) repeat-x;
}
.navigation li ul li .bottom-bg .left-corner {
	width: 6px;
	height: 7px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0; 
	display: block; 
	background: url(../images/bottom-left-corner.png) no-repeat;
}
.navigation li ul li .bottom-bg .right-corner {
	width: 8px;
	display: block; 
	height: 7px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0; 
	background: url(../images/bottom-right-corner.png) no-repeat;
}
.navigation li ul li .middle {
	padding: 0 7px 0 1px;
	overflow: hidden;
	position: relative; 
	height: 100%; 
	background: url(../images/middle-left-bg.png) no-repeat ;
}
.navigation li ul li .middle span {
	display: block; 
	position: absolute;
	right: 0;
	width: 7px;
	height: 1px;
	overflow: hidden;
	background: url(../images/middle-right-bg.png) repeat-y ;
	top: 0; 
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}
.navigation li ul li .middle a {
	background: url(../images/middle-bg.png);
}
.navigation li ul li:hover .top-bg .center {
	background: url(../images/hover-top.png) repeat-x;
}
.navigation li ul li:hover .top-bg .left-corner {
	background: url(../images/hover-top-left-corner.png) no-repeat;
}
.navigation li ul li:hover .top-bg .right-corner {
	background: url(../images/hover-top-right-corner.png) no-repeat;
}
.navigation li ul li:hover .bottom-bg .center {
	background: url(../images/hover-bottom.png) repeat-x;
}
.navigation li ul li:hover .bottom-bg .left-corner {
	background: url(../images/hover-bottom-left-corner.png) no-repeat;
}
.navigation li ul li:hover .bottom-bg .right-corner {
	background: url(../images/hover-bottom-right-corner.png) no-repeat;
}
.navigation li ul li:hover .middle {
	background: url(../images/hover-middle-left-bg.png) no-repeat ;
}
.navigation li ul li:hover .middle span {
	background: url(../images/hover-middle-right-bg.png) repeat-y ;
}
.navigation li ul li:hover .middle a {
	background: #f8f9fa;
}
.navigation li ul li a {
	display: block; 
	text-decoration: none; 
	height: 100%; 
	color: #164883;
	font-weight: bold;
	padding: 0 0 1px 7px;
	letter-spacing: -1px;
}
.navigation li ul li a strong{
	display: block; 
	position: relative; 
	margin-top: -1px;
	padding-left: 1px;
	padding-bottom: 1px;
	line-height: 12px;
	letter-spacing:1px;
}

/*-------------------------------------------*/
/*--------------end nav styles-------------*/
/*-------------------------------------------*/


.header-right {
	float: right; 
	width: 262px;
}
#header .form {
	width: 239px;
	overflow: hidden; 
	background: #025299;
	padding: 12px 0 10px 23px;
}
#header .form .text {
	width: 185px;
	height: 20px;
	border: 1px solid #b3b3b3; 
	font: 14px Arial, Helvetica, sans-serif;
	color: #b3b3b3;
	padding: 4px 0 0 9px;
}
.head-box {
	float: left;
	width: 236px;
	margin-top: 4px;
	background: #dadcdd url(../images/corner.gif)  no-repeat  100% 100%;
	height: 199px;
	padding-top: 26px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 26px;
}

.head-box h2 {
	margin: 0; 
	color: #025299;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.head-box ul {
	padding: 0;
	margin-top: 4px;
	margin-left: 0px;
}
.head-box ul li {
	list-style:none; 
	font-size: 13px;
	line-height: 24px;
	margin-left:0px;
	padding-left:0px;
}
.head-box ul li a {
	text-decoration: underline; 
	color: #025299;
}
.head-box ul li a:hover {
	text-decoration: none; 
}
#content {
	overflow: hidden; 
	width: 924px;
	padding: 25px 0 0 51px;
}
#content .pageheading{
	font-size: 18px;
	color: #025299;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-bottom: 10px;
}
#content .text-box {
	width: 620px;
	min-height: 700px;
	margin-bottom: 10px;
}
#content .text-box ul{
	width: 620px;
	padding-left:0px;
	margin-left:0px;
}
#content .text-box .sitemap ul{
	width: 620px;
	padding-left:15px;
	margin-left:15px;
}
#content .text-box li{
	list-style-image: none;
	list-style-type: none;
	font: 13px Arial, Helvetica, sans-serif;
	color: #808080;
	text-decoration: underline;
	padding-bottom:5px;

}
#content .text-box sitemap li{
	list-style-image: none;
	list-style-type: none;
	font: 13px Arial, Helvetica, sans-serif;
	color: #808080;
	text-decoration: underline;
	padding-bottom:0px;

}
#content .text-box li a{
	font: 13px Arial, Helvetica, sans-serif;
	color: #025299;
	text-decoration: underline;
}

* html #content .text-box { 
	height: 700px;
}
.text-box strong {
	font-size: 13px;
	color: #808080;
	line-height: 18px;
	display: block; 
	margin-top: 1px;
}
.text-box h3 {
	margin: 15px 0 0 0; 
	font-size: 18px;
	color: #025299;
	font-weight: normal; 
}
.text-box p {
	margin: -1px 0 0 0; 
	line-height: 18px;
}
.text-box p a {
	color: #164883;
	text-decoration: underline; 
}
.text-box p a:hover {
	text-decoration: none; 
}
.foot-menu {
	margin: 0 0 0 1px; 
	padding-left:75px;
	padding-top:60px; 
	float: left; 
	overflow: hidden;
	display: inline;  
}
.foot-menu p{
	float: left;
	overflow: hidden;
	display: inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -112px;
	padding-right: 15px;
}
.foot-menu li {
	list-style:none; 
	float: left; 
	font-size: 12px;
	padding: 0 12px 0 11px;
	margin-left: -2px;
	background: url(../images/foot-menu-bg.gif)  no-repeat ;
}
.foot-menu li span {
}
.foot-menu li a {
	color: #808080;
	text-decoration: none; 
}
.foot-menu li a:hover {
	text-decoration: underline; 
}
#footer {
	overflow: hidden;
	width: 987px;
	height: 22px;
	background: url(../images/page-bottom.png)  no-repeat 0 0;
}