.content{

width:800px;
height:auto;
clear: both;


}

.contentop {
position:relative;
width:800px;
height:auto;
clear: both;
height:325px;


}

/********************** HEADER *****************/
.logo {
	float: left;
	margin-left: 10px;
	margin-top:10px;
	*margin-left: -10px;
	
	
}


.topnav {
float:left;
margin-top:14px;
margin-left:1px;
background-color:#0167B2;
height:132px;
*height:138px;
width:477px;
*width:492px;
border:3px solid #0167B2;

}

.buttonnav {

	clear:both;
}

a#member span { display: none }
a#member:hover span { 
	display: block;
	position: absolute;
	left: 10;
	top: 200;
}






/********************/
.rightcol {	
	position:relative;	
	float:left;	
	width: 150px;
	margin-top:68px;
	*margin-top:35px;
}

.rightheader {
	border:1px solid #0167B2;
	background:#0167B2;
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	color:#ffffff;
	font-wieght:700;
	font-size:1em;
	padding:3px;
	text-align:center;
}

.rightbody {
		position:relative;	
		background:#DDEEFB;	
		color:#0167B2;	
		font-family: Trebuchet MS, Tahoma, University, sans-serif;			
		padding:3px;	
		top:-14px;	
		*top:-20px;	
		font-size:.7em;	
		border:1px solid #2167d7;	
}
/******************* green *************/
#publications .rightheader {
	border:1px solid #288A4D;
	background:#288A4D;
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	color:#ffffff;
	font-wieght:700;
	font-size:1em;
	padding:3px;
	text-align:center;
}

#publications .rightbody {
		position:relative;	
		background:#DFF6E8;	
		color:#288A4D;	
		font-family: Trebuchet MS, Tahoma, University, sans-serif;			
		padding:3px;	
		top:-14px;	
		*top:-20px;	
		font-size:.7em;	
		border:1px solid #288A4D;		
}

/******************* mud *************/
#news .rightheader {
	border:1px solid #AB2E28;
	background:#AB2E28;
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	color:#ffffff;
	font-wieght:700;
	font-size:1em;
	padding:3px;
	text-align:center;
}

#news .rightbody {
		position:relative;	
		background:#F4D6D4;	
		color:#AB2E28;	
		font-family: Trebuchet MS, Tahoma, University, sans-serif;			
		padding:3px;	
		top:-14px;	
		*top:-20px;	
		font-size:.7em;	
		border:1px solid #AB2E28;		
}

/******************* red *************/
#sectors .rightheader {
	border:1px solid #E62516;
	background:#E62516;
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	color:#ffffff;
	font-wieght:700;
	font-size:1em;
	padding:3px;
	text-align:center;
}

#sectors .rightbody {
		position:relative;	
		background:#F2CCC9;	
		color:#E62516;	
		font-family: Trebuchet MS, Tahoma, University, sans-serif;			
		padding:3px;	
		top:-14px;	
		*top:-20px;	
		font-size:.7em;	
		border:1px solid #E62516;		
}

/******************* orange *************/
#aboutus .rightheader {
	border:1px solid #F18812;
	background:#F18812;
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	color:#ffffff;
	font-wieght:700;
	font-size:1em;
	padding:3px;
	text-align:center;
}

#aboutus .rightbody {
		position:relative;	
		background:#F9E4CD;	
		color:#F18812;	
		font-family: Trebuchet MS, Tahoma, University, sans-serif;			
		padding:3px;	
		top:-14px;	
		*top:-20px;	
		font-size:.7em;	
		border:1px solid #F18812;		
}

/******************* dark green *************/
#project .rightheader {
	border:1px solid #313D15;
	background:#313D15;
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	color:#ffffff;
	font-wieght:700;
	font-size:1em;
	padding:3px;
	text-align:center;
}

#project .rightbody {
		position:relative;	
		background:#E3F5B9;	
		color:#313D15;	
		font-family: Trebuchet MS, Tahoma, University, sans-serif;			
		padding:3px;	
		top:-14px;	
		*top:-20px;	
		font-size:.7em;	
		border:1px solid #313D15;		
}

/******************* dark red *************/
#links .rightheader {
	border:1px solid #65282F;
	background:#65282F;
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	color:#ffffff;
	font-wieght:700;
	font-size:1em;
	padding:3px;
	text-align:center;
}

#links .rightbody {
		position:relative;	
		background:#F7CED3;	
		color:#65282F;	
		font-family: Trebuchet MS, Tahoma, University, sans-serif;			
		padding:3px;	
		top:-14px;	
		*top:-20px;	
		font-size:.7em;	
		border:1px solid #65282F;		
}



/******************* dark blue *************/
#coastalManage .rightheader {
	border:1px solid #20356C;
	background:#20356C;
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	color:#ffffff;
	font-wieght:700;
	font-size:1em;
	padding:3px;
	text-align:center;
}

#coastalManage .rightbody {
		position:relative;	
		background:#D6E0F9;	
		color:#20356C;	
		font-family: Trebuchet MS, Tahoma, University, sans-serif;			
		padding:3px;	
		top:-14px;	
		*top:-20px;	
		font-size:.7em;	
		border:1px solid #20356C;		
}

/******************* purple *************/
#policy .rightheader {
	border:1px solid #6A5B9C;
	background:#6A5B9C;
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	color:#ffffff;
	font-wieght:700;
	font-size:1em;
	padding:3px;
	text-align:center;
}

#policy .rightbody {
		position:relative;	
		background:#DDD9ED;	
		color:#6A5B9C;	
		font-family: Trebuchet MS, Tahoma, University, sans-serif;			
		padding:3px;	
		top:-14px;	
		*top:-20px;	
		font-size:.7em;	
		border:1px solid #6A5B9C;		
}


/* ---------- rollover buttons ----------- */

.cssnav	{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(images/greenButton.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: -2px; 
	*margin-bottom:2px;
	padding: 0;
	color: #ffffff; 
	text-align:left;
	float:left;
	font-size:.9em;
	
}
.cssnavlgreen	{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(images/greenbutton.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: -2px; 
	*margin-right:2px;
	*margin-bottom:2px;
	padding: 0;
	color: #ffffff; 
	text-align:left;
	float:left;
	font-size:.9em;
	
}
.cssnavblue	{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(images/dbluebutton.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: -2px; 
	*margin-right:2px;
	*margin-bottom:2px;
	padding: 0;
	color: #ffffff; 
	text-align:left;
	float:left;
	font-size:.9em;
	
}
.cssnavbrown	{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(images/brownbutton.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: -2px; 
	*margin-right:2px;
	*margin-bottom:2px;
	padding: 0;
	color: #ffffff; 
	text-align:left;
	float:left;
	font-size:.9em;
	
}
.cssnavpurple	{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(images/purplebutton.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: -2px; 
	*margin-bottom:2px;
	padding: 0;
	color: #ffffff; 
	text-align:left;
	float:left;
	font-size:.9em;
	
}
.cssnavorange	{
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(images/orangebutton.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: -2px; 
	*margin-right:2px;
	*margin-bottom:2px;
	padding: 0;
	color: #ffffff; 
	text-align:left;
	float:left;
	font-size:.9em;
	
}
.cssnavgreen {
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(images/dgreenbutton.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: -2px; 
	*margin-bottom:2px;
	padding: 0;
	color: #ffffff; 
	text-align:left;
	float:left;
	font-size:.9em;
	
}

.cssnavmud {
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(images/mudbutton.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: -2px; 
	*margin-right:2px;
	*margin-bottom:2px;
	padding: 0;
	color: #ffffff; 
	text-align:left;
	float:left;
	font-size:.9em;
	
		
}

.cssnavgrass {
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(images/grassbutton.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: -2px; 
	*margin-right:2px;
	*margin-bottom:2px;
	padding: 0;
	color: #ffffff; 
	text-align:left;
	float:left;
	font-size:.9em;
	
}

.cssnavred {
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(images/redbutton.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: -2px;
	
	*margin-bottom:2px;
	padding: 0;
	color: #ffffff; 
	text-align:left;
	float:left;
	font-size:.9em;
	
}

.cssnav {
	position:relative;
	font-family: arial, helvetica, sans-serif;
	background-image:  url(images/dgreenbutton.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	margin: -2px; 
	*margin-bottom:2px;
	padding: 0;
	color: #ffffff; 
	text-align:left;
	float:left;
	font-size:.9em;
	
}


.cssnavlgreen a {
	display: block;
	color: #ffffff;
	font-size:.9em;
	display: block;
	float: left; 
	text-decoration: none;
							
}
.cssnavgreen a {
	display: block;
	color: #ffffff;
	font-size:.9em;
	display: block;
	float: left; 
	text-decoration: none;
							
}.cssnavblue a {
	display: block;
	color: #ffffff;
	font-size:.9em;
	display: block;
	float: left; 
	text-decoration: none;
							
}.cssnavbrown a {
	display: block;
	color: #ffffff;
	font-size:.9em;
	display: block;
	float: left; 
	text-decoration: none;
							
}.cssnavpurple a {
	display: block;
	color: #ffffff;
	font-size:.9em;
	display: block;
	float: left; 
	text-decoration: none;
							
}.cssnavorange a {
	display: block;
	color: #ffffff;
	font-size:.9em;
	display: block;
	float: left; 
	text-decoration: none;
							
}
.cssnavmud a {
	display: block;
	color: #ffffff;
	font-size:.9em;
	display: block;
	float: left; 
	text-decoration: none;
							
}
.cssnavgrass a {
	display: block;
	color: #ffffff;
	font-size:.9em;
	display: block;
	float: left; 
	text-decoration: none;
							
}
.cssnavred a {
	display: block;
	color: #ffffff;
	font-size:.9em;
	display: block;
	float: left; 
	text-decoration: none;
							
}
.cssnavbrown a {
	display: block;
	color: #ffffff;
	font-size:.9em;
	display: block;
	float: left; 
	text-decoration: none;
							
}
.cssnav a {
	display: block;
	color: #ffffff;
	font-size:.9em;
	display: block;
	float: left; 
	text-decoration: none;
							
}
.cssnav img { border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}

.cssnavlgreen img { border: 0; }
* html a:hover {visibility:visible}
.cssnavlgreen a:hover img{visibility:hidden}

.cssnavgreen img { border: 0; }
* html a:hover {visibility:visible}
.cssnavgreen a:hover img{visibility:hidden}

.cssnavblue img { border: 0; }
* html a:hover {visibility:visible}
.cssnavblue a:hover img{visibility:hidden}

.cssnavpurple img { border: 0; }
* html a:hover {visibility:visible}
.cssnavpurple a:hover img{visibility:hidden}

.cssnavbrown img { border: 0; }
* html a:hover {visibility:visible}
.cssnavbrown a:hover img{visibility:hidden}

.cssnavorange img { border: 0; }
* html a:hover {visibility:visible}
.cssnavorange a:hover img{visibility:hidden}

.cssnavmud img { border: 0; }
* html a:hover {visibility:visible}
.cssnavmud a:hover img{visibility:hidden}

.cssnavgrass img { border: 0; }
* html a:hover {visibility:visible}
.cssnavgrass a:hover img{visibility:hidden}

.cssnavred img { border: 0; }
* html a:hover {visibility:visible}
.cssnavred a:hover img{visibility:hidden}



a span.descText1 {display: none }
a span.descText2 {display: none }
a span.descText3 {display: none }
a span.descText4 {display: none }
a span.descText5 {display: none }
a span.descText6 {display: none }
a span.descText7 {display: none }
a span.descText8 {display: none }
a span.descText9 {display: none }
a span.descText10 {display: none }
a span.descText11 {display: none }
a span.descText12 {display: none }

.cssnavlgreen span {
		position: absolute;
		margin-top:5px;
		*margin-top:8px;
		margin-left: -140px;
		padding: 0px;
		cursor: pointer;
		text-align: left;
		font-weight:normal;
		*top:-4px;
		font-size:.9em;	
										
}
.cssnavbrown span {
		position: absolute;
		margin-top:5px;
		*margin-top:8px;
		margin-left: -140px;
		padding: 0px;
		cursor: pointer;
		text-align: left;
		font-weight:normal;
		*top:-4px;
		font-size:.9em;	
										
}
.cssnavblue span {
		position: absolute;
		margin-top:5px;
		*margin-top:8px;
		margin-left: -140px;
		padding: 0px;
		cursor: pointer;
		text-align: left;
		font-weight:normal;
		*top:-4px;
		font-size:.9em;	
										
}
.cssnavgreen span {
		position: absolute;
		margin-top:5px;
		*margin-top:8px;
		margin-left: -140px;
		padding: 0px;
		cursor: pointer;
		text-align: left;
		font-weight:normal;
		*top:-4px;
		font-size:.9em;	
										
}
.cssnavpurple span {
		position: absolute;
		margin-top:5px;
		*margin-top:8px;
		margin-left: -140px;
		padding: 0px;
		cursor: pointer;
		text-align: left;
		font-weight:normal;
		*top:-4px;
		font-size:.9em;	
										
}
.cssnavorange span {
		position: absolute;
		margin-top:5px;
		*margin-top:8px;
		margin-left: -140px;
		padding: 0px;
		cursor: pointer;
		text-align: left;
		font-weight:normal;
		*top:-4px;
		font-size:.9em;	
										
}

.cssnavgrass span {
		position: absolute;
		margin-top:5px;
		*margin-top:8px;
		margin-left: -140px;
		padding: 0px;
		cursor: pointer;
		text-align: left;
		font-weight:normal;
		*top:-4px;
		font-size:.9em;	
										
}

.cssnavred span {
		position: absolute;
		margin-top:5px;
		*margin-top:8px;
		margin-left: -140px;
		padding: 0px;
		cursor: pointer;
		text-align: left;
		font-weight:normal;
		*top:-4px;
		font-size:.9em;	
										
}
.cssnavmud span {
		position: absolute;
		margin-top:5px;
		*margin-top:8px;
		margin-left: -140px;
		padding: 0px;
		cursor: pointer;
		text-align: left;
		font-weight:normal;
		*top:-4px;
		font-size:.9em;	
										
}


.cssnav span {
		position: absolute;
		margin-top:5px;
		*margin-top:8px;
		margin-left: -140px;
		padding: 0px;
		cursor: pointer;
		text-align: left;
		font-weight:normal;
		*top:-4px;
		font-size:.9em;	
										
}
			
a:hover span.descText1 { 
	display: block;
	position: absolute;
	left: 160px;
	top: 85px; 
	z-index:250;
}		
a:hover span.descText2 { 
	display: block;
	position: absolute;
	left: 2px;
	top: 85px; 
	z-index:250;
}

a:hover span.descText3 { 
	display: block;
	position: absolute;
	left: -155px;
	top: 85px; 
	z-index:250;

}

a:hover span.descText4 { 
	display: block;
	position: absolute;
	left: 158px;
	top: 60px; 
	*top: 62px; 
	z-index:250;

}
a:hover span.descText5 { 
	display: block;
	position: absolute;
	left: 2px;
	top: 60px;
	*top: 62px;  
	z-index:250;
}
a:hover span.descText6 { 
	display: block;
	position: absolute;
	left: -150px;
	top: 60px;
	*top: 62px;  
	z-index:250;
}
a:hover span.descText7 { 
	display: block;
	position: absolute;
	left: 158px;
	top: 35px;
	*top: 33px;  
	z-index:250;
}
a:hover span.descText8 { 
	display: block;
	position: absolute;
	left: 2px;
	top: 35px; 
	*top: 33px;
	z-index:250;
}
a:hover span.descText9 { 
	display: block;
	position: absolute;
	left: -150px;
	top: 35px; 
	*top: 33px;
	z-index:250;
}




/*

a:hover span.descText10 { 
	display: block;
	position: absolute;
	left: 120px;
	top: 30px; 
	*top: 27px;
	z-index:250;
}

a:hover span.descText11 { 
	display: block;
	position: absolute;
	left: -38px;
	top: 30px; 
	*top: 27px;
	z-index:250;
}

a:hover span.descText12 { 
	display: block;
	position: absolute;
	left: -195px;
	top: 30px; 
	*top: 27px;
	z-index:250;
}

*/


/* -------nav box ----------*/	

#home {
	position:absolute;
	width:100px;
	margin-left:60px;
	*margin-left:59px;
	margin-top:-19px;
	/*margin-top:-18px;*/
	float:left;
	z-index:50;
	text-decoration:none;
}
#hometext {
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	color:#ffffff;
	float:left;
	position:absolute;
	top:8px;
	left:20px;
	font-weight:700;
	text-decoration:none;
	

}

#hometext a{
text-decoration:none;

}




.leftnav {
font-family: Trebuchet MS, Tahoma, University, sans-serif;
	*margin-left:0;
	margin-top:90px;
	*margin-top:30px;
	float:left;
	width:160px;
	position:absolute;
	*position:relative;
	z-index:1;
	
}			
	



	
div.Article {/* body */
  	background-image: url(images/bluesidenav_01.gif);
  	background-repeat: no-repeat;
	background-position:left top;
	width:148px;
	  
 
}

div.Article h2 { /*top right */
  	background-image: url(images/bluesidenav_02.gif);
	background-position:right top;
  	background-repeat: no-repeat;
	padding:50px 25px 0px 25px;
	*padding:55px 0 0 25px; /**/
  	margin:0;
	 *margin-top:2px! important;
}



div.ArticleBody {
	background: url(images/bluesidenav_04.gif) repeat-y right top; 
  	margin:0;
  	margin-top:-2em;
  	padding:15px 0 40px 12px;/**/ 
	*padding:5px 0 5px 12px;  
	 
}

.ArticleBody .ArticleLinks {
	margin-right:15px;
	margin-left:-5px;
}

.ArticleBody .ArticleLinks .ArticleLink{
	display:block;
}

.ArticleBody .ArticleLinks .ArticleLink a{
	display:block;
	padding:0 0 3px 2px;
	margin:0;
}

.ArticleBody .ArticleLinks .ArticleLink a:hover{
	background-color:black;
	opacity:0.4;
	filter:alpha(opacity=40);
	*height:1em;
}

div.ArticleFooter { /* bottom left */
  	background-image:url(images/bluesidenav_06.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:-23px;
	*margin-bottom:0;
	padding-bottom:23px;
	*padding-bottom:15px;
	
}


div.ArticleFooter p { /* bottom right */
	background-image: url(images/bluesidenav_07.gif);
	*background-image: url(images/bluesidenav_07-2.gif);/*2px shaved off base of image for IE*/
	background-repeat: no-repeat; 
	background-position:right bottom;
	display:block;
	padding-top:25px;
	margin-bottom:-25px;
	margin-top:-30px;
	*margin-top:0;
	/**margin-bottom:-12px;*/

}


	div.ArticleBody a{
	color:#ffffff;
	font-weight:400;
	font-size:14px;
  	color:#ffffff;
	text-decoration:none;
  
}
 
/**************** dark blue  *************/
	
#coastalManage div.Article {/* body */
  	background-image: url(images/dbluesidenav_01.gif);
  	background-repeat: no-repeat;
	background-position:left top;
	width:148px;
	  
 
}

#coastalManage div.Article h2 { /*top right */
  	background-image: url(images/dbluesidenav_02.gif);
	background-position:right top;
  	background-repeat: no-repeat;
	padding:50px 25px 0px 25px;
	*padding:55px 0 0 25px; /**margin-top:3px;*/
  	margin:0;
	 *margin-top:2px! important;
}



#coastalManage div.ArticleBody {
	background: url(images/dbluesidenav_04.gif) repeat-y right top; 
  	margin:0;
  	margin-top:-2em;
  	padding:15px 0 40px 12px;/**/ 
	*padding:5px 0 5px 12px;  
	 
}

#coastalManage div.ArticleFooter { /* bottom left */
  	background-image:url(images/dbluesidenav_06.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:-23px;
	*margin-bottom:0;
	padding-bottom:23px;
	*padding-bottom:15px;
	
}


#coastalManage div.ArticleFooter p { /* bottom right */
	background-image: url(images/dbluesidenav_07.gif);
	*background-image: url(images/dbluesidenav_07-2.gif);/*2px shaved off base of image for IE*/
	background-repeat: no-repeat; 
	background-position:right bottom;
	display:block;
	padding-top:25px;
	margin-bottom:-25px;
	margin-top:-30px;
	*margin-top:0;
	/**margin-bottom:-12px;*/

}


#coastalManage div.ArticleBody a{
	color:#ffffff;
	font-weight:400;
	font-size:14px;
  	color:#ffffff;
	text-decoration:none;
  
}


/********************** end *************/

/**************** orange  *************/
	
#aboutus div.Article {/* body */
  	background-image: url(images/orangesidenav_01.gif);
  	background-repeat: no-repeat;
	background-position:left top;
	width:148px;
	  
 
}

#aboutus div.Article h2 { /*top right */
  	background-image: url(images/orangesidenav_02.gif);
	background-position:right top;
  	background-repeat: no-repeat;
	padding:50px 25px 0px 25px;
	*padding:55px 0 0 25px; /**margin-top:3px;*/
  	margin:0;
	*margin-top:2px! important; 
}



#aboutus div.ArticleBody {
	background: url(images/orangesidenav_04.gif) repeat-y right top; 
  	margin:0;
  	margin-top:-2em;
  	padding:15px 0 40px 12px;/**/ 
	*padding:5px 0 5px 12px;  
	 
}

#aboutus div.ArticleFooter { /* bottom left */
  	background-image:url(images/orangesidenav_06.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:-23px;
	*margin-bottom:0;
	padding-bottom:23px;
	*padding-bottom:15px;
	
}


#aboutus div.ArticleFooter p { /* bottom right */
	background-image: url(images/orangesidenav_07.gif);
	*background-image: url(images/orangesidenav_07-2.gif);/*2px shaved off base of image for IE*/
	background-repeat: no-repeat; 
	background-position:right bottom;
	display:block;
	padding-top:25px;
	margin-bottom:-25px;
	margin-top:-30px;
	*margin-top:0;
	/**margin-bottom:-12px;*/

}


#aboutus div.ArticleBody a{
	color:#ffffff;
	font-weight:400;
	font-size:14px;
  	color:#ffffff;
	text-decoration:none;
  
}

/********************** end *************/

/**************** Dark green  *************/
	
#project div.Article {/* body */
  	background-image: url(images/dgreensidenav_01.gif);
  	background-repeat: no-repeat;
	background-position:left top;
	width:148px;
	  
 
}

#project div.Article h2 { /*top right */
  	background-image: url(images/dgreensidenav_02.gif);
	background-position:right top;
  	background-repeat: no-repeat;
	padding:50px 25px 0px 25px;
	*padding:55px 0 0 25px; /**margin-top:3px;*/
  	margin:0;
	*margin-top:2px! important; 
}



#project div.ArticleBody {
	background: url(images/dgreensidenav_04.gif) repeat-y right top; 
  	margin:0;
  	margin-top:-2em;
  	padding:5px 0 40px 12px;/**/ 
	*padding:5px 0 5px 12px;  
	
	 
}

#project div.ArticleFooter { /* bottom left */
  	background-image:url(images/dgreensidenav_06.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:-23px;
	*margin-bottom:0;
	padding-bottom:23px;
	*padding-bottom:15px;
	
}


#project div.ArticleFooter p { /* bottom right */
	background-image: url(images/dgreensidenav_07.gif);
	*background-image: url(images/dgreensidenav_07-2.gif);/*2px shaved off base of image for IE*/
	background-repeat: no-repeat; 
	background-position:right bottom;
	display:block;
	padding-top:25px;
	margin-bottom:-25px;
	margin-top:-30px;
	*margin-top:0;
	/**margin-bottom:-12px;*/

}


#project div.ArticleBody a{
	color:#ffffff;
	font-weight:400;
	font-size:14px;
  	color:#ffffff;
	text-decoration:none;
  
}

/********************** end *************/

/**************** mud  *************/
	
#news div.Article {/* body */
  	background-image: url(images/mudsidenav_01.gif);
  	background-repeat: no-repeat;
	background-position:left top;
	width:148px;
	  
 
}

#news div.Article h2 { /*top right */
  	background-image: url(images/mudsidenav_02.gif);
	background-position:right top;
  	background-repeat: no-repeat;
	padding:50px 25px 0px 25px;
	*padding:55px 0 0 25px; /**margin-top:3px;*/
  	margin:0;
	*margin-top:2px! important; 
}



#news div.ArticleBody {
	background: url(images/mudsidenav_04.gif) repeat-y right top; 
  	margin:0;
  	margin-top:-2em;
  	padding:15px 0 40px 12px;/**/ 
	*padding:5px 0 5px 12px;  
	 
}

#news div.ArticleFooter { /* bottom left */
  	background-image:url(images/mudsidenav_06.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:-23px;
	*margin-bottom:0;
	padding-bottom:23px;
	*padding-bottom:15px;
	
}


#news div.ArticleFooter p { /* bottom right */
	background-image: url(images/mudsidenav_07.gif);
	*background-image: url(images/mudsidenav_07-2.gif);/*2px shaved off base of image for IE*/
	background-repeat: no-repeat; 
	background-position:right bottom;
	display:block;
	padding-top:25px;
	margin-bottom:-25px;
	margin-top:-30px;
	*margin-top:0;
	/**margin-bottom:-12px;*/

}


#news div.ArticleBody a{
	color:#ffffff;
	font-weight:400;
	font-size:14px;
  	color:#ffffff;
	text-decoration:none;
  
}

/********************** end *************/

/**************** Grass *************/
	
#publications div.Article {/* body */
  	background-image: url(images/grasssidenav_01.gif);
  	background-repeat: no-repeat;
	background-position:left top;
	width:148px;
	  
 
}

#publications div.Article h2 { /*top right */
  	background-image: url(images/grasssidenav_02.gif);
	background-position:right top;
  	background-repeat: no-repeat;
	padding:50px 25px 0px 25px;
	*padding:55px 0 0 25px; /**margin-top:3px;*/
  	margin:0;
	*margin-top:2px! important;
	
	
}



#publications div.ArticleBody {
	background: url(images/grasssidenav_04.gif) repeat-y right top; 
  	margin:0;
  	margin-top:-2em;
  	padding:15px 0 40px 12px;/**/ 
	*padding:5px 0 5px 12px;  
	 
}

#publications div.ArticleFooter { /* bottom left */
  	background-image:url(images/grasssidenav_06.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:-23px;
	*margin-bottom:0;
	padding-bottom:23px;
	*padding-bottom:15px;
	
}


#publications div.ArticleFooter p { /* bottom right */
	background-image: url(images/grasssidenav_07.gif);
	*background-image: url(images/grasssidenav_07-2.gif);/*2px shaved off base of image for IE*/
	background-repeat: no-repeat; 
	background-position:right bottom;
	display:block;
	padding-top:25px;
	margin-bottom:-25px;
	margin-top:-30px;
	*margin-top:0;
	/**margin-bottom:-12px;*/

}


#publications div.ArticleBody a{
	color:#ffffff;
	font-weight:400;
	font-size:14px;
  	color:#ffffff;
	text-decoration:none;
  
}

/********************** end *************/

/**************** dark red  *************/
	
#links div.Article {/* body */
  	background-image: url(images/dredsidenav_01.gif);
  	background-repeat: no-repeat;
	background-position:left top;
	width:148px;
	  
 
}

#links div.Article h2 { /*top right */
  	background-image: url(images/dredsidenav_02.gif);
	background-position:right top;
  	background-repeat: no-repeat;
	padding:50px 25px 0px 25px;
	*padding:55px 0 0 25px; /**margin-top:3px;*/
  	margin:0;
	*margin-top:2px! important; 
}



#links div.ArticleBody {
	background: url(images/dredsidenav_04.gif) repeat-y right top; 
  	margin:0;
  	margin-top:-2em;
  	padding:15px 0 40px 12px;/**/ 
	*padding:5px 0 5px 12px;  
	 
}

#links div.ArticleFooter { /* bottom left */
  	background-image:url(images/dredsidenav_06.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:-23px;
	*margin-bottom:0;
	padding-bottom:23px;
	*padding-bottom:15px;
	
}


#links div.ArticleFooter p { /* bottom right */
	background-image: url(images/dredsidenav_07.gif);
	*background-image: url(images/dredsidenav_07-2.gif);
	background-repeat: no-repeat; 
	background-position:right bottom;
	display:block;
	padding-top:25px;
	margin-bottom:-25px;
	margin-top:-30px;
	*margin-top:0;
	/**margin-bottom:-12px;*/
}


#links div.ArticleBody a{
	color:#ffffff;
	font-weight:400;
	font-size:14px;
  	color:#ffffff;
	text-decoration:none;
  
}

/********************** end *************/

/**************** purple  *************/
	
#policy div.Article {/* body */
  	background-image: url(images/purplesidenav_01.gif);
  	background-repeat: no-repeat;
	background-position:left top;
	width:148px;
	  
 
}

#policy div.Article h2 { /*top right */
  	background-image: url(images/purplesidenav_02.gif);
	background-position:right top;
  	background-repeat: no-repeat;
	padding:50px 25px 0px 25px;
	*padding:55px 0 0 25px; /**margin-top:3px;*/
  	margin:0;
	*margin-top:2px! important; 
}



#policy div.ArticleBody {
	background: url(images/purplesidenav_04.gif) repeat-y right top; 
  	margin:0;
  	margin-top:-2em;
  	padding:15px 0 40px 12px;/**/ 
	*padding:5px 0 5px 12px;  
	 
}

#policy div.ArticleFooter { /* bottom left */
  	background-image:url(images/purplesidenav_06.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:-23px;
	*margin-bottom:0;
	padding-bottom:23px;
	*padding-bottom:15px;
	
}


#policy div.ArticleFooter p { /* bottom right */
	background-image: url(images/purplesidenav_07.gif);
	*background-image: url(images/purplesidenav_07-2.gif);/*2px shaved off base of image for IE*/
	background-repeat: no-repeat; 
	background-position:right bottom;
	display:block;
	padding-top:25px;
	margin-bottom:-25px;
	margin-top:-30px;
	*margin-top:0;
	/**margin-bottom:-12px;*/

}


#policy div.ArticleBody a{
	color:#ffffff;
	font-weight:400;
	font-size:14px;
  	color:#ffffff;
	text-decoration:none;
  
}

/********************** end *************/

/**************** red  *************/
	
#sectors div.Article {/* body */
  	background-image: url(images/redsidenav_01.gif);
  	background-repeat: no-repeat;
	background-position:left top;
	width:148px;
}

#sectors div.Article h2 { /*top right */
  	background-image: url(images/redsidenav_02.gif);
	background-position:right top;
  	background-repeat: no-repeat;
	padding:50px 25px 0px 25px;
	*padding:55px 0 0 25px; /**margin-top:3px;*/
  	margin:0;
	*margin-top:2px! important;
}



#sectors div.ArticleBody {
	background: url(images/redsidenav_04.gif) repeat-y right top; 
  	margin:0;
  	margin-top:-2em;
  	padding:15px 0 40px 12px;/**/ 
	*padding:5px 0 5px 12px;  
	 
}

#sectors div.ArticleFooter { /* bottom left */
  	background-image:url(images/redsidenav_06.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:-23px;
	*margin-bottom:0;
	padding-bottom:23px;
	*padding-bottom:15px;
}


#sectors div.ArticleFooter p { /* bottom right */
	background-image: url(images/redsidenav_07.gif);
	*background-image: url(images/redsidenav_07-2.gif);/*2px shaved off base of image for IE*/
	background-repeat: no-repeat; 
	background-position:right bottom;
	position:relative;/**/
	display:block;
	padding-top:25px;
	margin-bottom:-25px;
	margin-top:-30px;
	*margin-top:0;
	/**margin-bottom:-12px;*/
}


#sectors div.ArticleBody a{
	color:#ffffff;
	font-weight:400;
	font-size:14px;
  	color:#ffffff;
	text-decoration:none;
  
}

/********************** end *************/




#weathertext {
	
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	font-weight:bold;
	font-size:.75em;
	text-decoration: none;
	color: #0167B2;
	margin-top:-220px;
	/*margin-top:-10px;*/
	margin-left:15px;
	*top:5px;
	*margin-left:12px;	

}
 
#weathertext a {
	text-decoration: none;
}


  
#weatherpic {
	margin-left:5px;
	width:112px;
	height:104px;
	margin-bottom:200px;
	*margin-bottom:-15px;
	margin-top:20px;
	*margin-top:10px;
}

 
#weathertext {
	
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	font-weight:bold;
	font-size:.75em;
	text-decoration: none;
	color: #0167B2;
	margin-top:-220px;
	*margin-top:-10px;
	margin-left:15px;
	*top:5px;
	*margin-left:12px;	

}
 
#weathertext a {
	text-decoration: none;
}


  
#weatherpic {
	margin-left:5px;
	width:112px;
	height:104px;
	margin-bottom:200px;
	*margin-bottom:-15px;
}


#weather{
	
	
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	font-weight:400;
	text-decoration: none;
	color:#0167B2;
	
	
}
#weather a {
	
	text-decoration: none;
	color:#0167B2;
}

.PlainBodyfullTop{

	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	font-weight:400;
	font-size:.8em;
	float:left;
	margin-left:190px;
	margin-right:20px;
	margin-top:60px;
	*margin-top:30px;
	*margin-left:15px;
	*margin-right:5px;
	
}

.PlainBodyfull{

	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	font-weight:400;
	font-size:.8em;
	float:left;
	padding-bottom:30px;
	margin-left:200px;
	margin-right:20px;
	margin-top:80px;
	*position:relative;
	*top:-230px;
	/**margin-top:2px;*/
	*margin-left:90px;
	*margin-right:1px;
	*width:600px;
	
	
	
	
	
}
.PlainBodyTwoCol{

	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	font-weight:400;
	font-size:.8em;
	float:left;
	margin-left:200px;
	margin-right:20px;
	margin-top:50px;
	*margin-top:27px;
	*margin-left:10px;
	*margin-right:10px;
	width:400px;
	*width:415px;
}

.flasheader {
width:784px;
	*width:780px;
	height:230px;
	/*border:1px solid red;*/
	/*position:relative;**/
	margin-left:10px;
	margin-top:-3px;
	margin-top:0;
	*margin-left:0;
}


.clear {
	clear:both;
}		
/******footer*********/
.footerposition {
	clear:both;
	pasition:relative;
	width:95%;


}
.footerline {
margin-top:20px;
	border-top:3px solid #0167B2;
	margin-left:5px;

}

.footertext {
	text-align:center;
	font-size:.8em;
	font-family: Trebuchet MS, Tahoma, University, sans-serif;
	font-weight:400;


}	

.partners {
	margin-top:20px;
	
	text-align:center;


}
.navlogos {	
	margin-top:10px;
	text-align:center;
	width:120px;

}