/**************
* mdh2o_custom.css ~ middledeschuteswatersheds.com cascading style sheet © 2006 Middle Deschutes Watershed Councils by michael@galacticagent.com. This style sheet is for the control of custom classes and divs.
**************/

/********** COLORS OF NOTE USED IN SITE **********

*		*** CUSTOM CLIENT COLORS (please help maintain client branding by using only specified colors) ***
*	
*	#515E78; /*-- mdh2o blue --*
*	#7F879A; /*-- mdh2o med. blue --*
*	#A8AEBB; /*-- mdh2o lt. blue R: G: B:  --*
*	#B2BE88; /*-- mdh2o green --*
*	#BFC89A; /*-- mdh2o lt. green R: G: B:  --*
*	#E7ECDA; /*-- mdh2o uber lt. green --*
*
*		*** GENRAL HEX COLORS ***
*
*	#4F4F4F; /*-- 70% grey --*
*	#CCCCCD; /*-- 20% gray R:204 G:204 B:205 --*
*	#EFEFF0; /*-- 10% gray R:239 G:239 B:240 --*
*	#B1515D; /*-- red approx PMS 187 --*

************************************************************/

/* fix IE */

img { 
  display: block;}


/*-- CUSTOM TAGS --*/
		
	p.mainCopy { 
		font-family:Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 23px;
		font-weight: normal;
		color:#4F4F4F; /*-- 70% grey --*/
		}
	
	p.secondCopy { 
		font-family:Verdana, Helvetica, Arial, sans-serif;
		font-size: 10px;
		line-height: 18px;
		font-weight: normal;
		color:#4F4F4F; /*-- 70% grey --*/
		margin: 100px 10px 10px 5px;
		}


/*-- CONTENT AREAS --*/
/*-- MAIN DIV --*/
#main {
	position:relative;
	width:800px;
	top:20px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	}


/*-- leftcol div --*/
#leftcol {
		position:relative;
		float:left;
		width:176px;
		background-color:#E7ECDA; /*-- mdh2o uber lt. green R: G: B:  --*/
		text-align:center;
		margin:0;
		padding:0;
		margin-top:-143px;
		vertical-align:top;
		z-index:40;
		}
		
/*-- LOGO IMAGE --*/
img.logo {
	border:none;
	margin-top:10px;
	margin-bottom:30px;
	margin-left: auto;
	margin-right: auto;
	}	

.lowleft {
	position:relative;
	/*float:left;*/
	text-align:center;
	padding:0 0 30px 0;
	background-color:#fff;
	z-index:40;
	}
	
/*-- header div --*/		
#header {
		position:relative;
		top:0;
		/*left:176px;*/
		width:624px;
		height:142px;
		margin-left:176px;
		}
		img.header {
			z-index:60;
			}
		/*
img.subhead {
			text-align:center;
			z-index:50;
			}
*/

/*-- CONTENT CONTROL. SEE INDIVIDUAL PAGES FOR FINE CONTROL AND/OR PAGE SPECIFIC PARAMETERS --*/
/*-- MAIN CONTENT DIV --*/
#content {
	position:relative;
	top:0;
	left:0;
	width:800px;
	font-family:Georgia, Times New Roman, Times, Courier, serif;
	text-align:left;
	margin:0;
	padding:0;
	background-color:#7F879A; /*-- mdh2o med. blue --*/
	}
/*
	h3.content {
		font-size: 11px;
		font-style: normal;
		line-height: normal;
		font-weight: bold;
		color:#E7ECDA; /*-- mdh2o uber lt. green --*
		margin:0px 0 0 20px;
		padding:220px 10px 10px 120px;
	}
	h4.content {
		font-size: 10px;
		font-style: normal;
		line-height: normal;
		font-weight: bold;
		color:#E7ECDA; /*-- mdh2o uber lt. green --*
		margin:0px 0 0 25px;
		}
*/
	p.content { 
		font-family:Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 20px;
		font-weight: normal;
		color:#fff;
		text-align:left;
		background-color:#515E78; /*-- mdh2o blue --*/
		margin:0px 105px 0px 176px;
		padding:20px 20px 30px 50px;
		}
	img.content {
			margin:0px 0px 0px 0px;
			padding:0px;
			}

			
/*-- LOWER CONTENT --*/
.lowcontent {
	background-color:#fff;
	margin:0px 10px 10px 20px;
	padding:0px;
	
	}
		
	p.lowcontent { 
		font-family:Georgia, Times New Roman, Times, Courier, serif;
		font-size: 11px;
		line-height: 20px;
		font-weight: normal;
		color:#404B65; /*-- mdh2o blue R: G: B: --*/
		}
		img.lowcontent {
			text-align:center;
			margin:10px 7px 10px 7px;
			}	
			
	table.lowcontent {
		width:800px;
		border:0;
		text-align:center;
		z-index:60;
		margin:0;
		padding:0 150px 20px 10px;
		}
	
	td.lowcontent {
		height:35px;
		background-color:#989EAD; /*-- mdh2o lt. blue --*/
		}
		
	p.lowdesc { 
			font-family:Verdana, Helvetica, Arial, sans-serif;;
			font-size: 11px;
			line-height: 20px;
			font-weight: normal;
			color:#E7ECDA; /*-- mdh2o uber lt. green --*/
			padding:10px 5px 10px 5px;
			}
			
			


/*-- PROJECT CONTENT --*/	
.projcontent {
	font-family:Verdana, Helvetica, Arial, sans-serif;;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	color:#E7ECDA; /*-- mdh2o uber lt. green --*/
	background-color:#fff;
	padding:0px;
	}
	img.projcontent {
		float: right;
		margin:10px 10px 10px 0px;
		max-width:220px;
		width: expression(this.width > 220 ? 220 : true );
		max-height:150px;
		
		z-index:50;
		}
	tr.projcontent {
		border:1px dotted #A8AEBB;
		}
.project {
	width:320px;
	margin:5px;
	padding:10px;	
	border:1px dotted #A8AEBB;
	}
		
/*-- RIGHT COLUMN --*/			
.rightcol {
		margin:20px 10px 20px 50px;
		padding:0;
		}

/*-- SECONDARY/TERTIARY CONTENT AREAS --*/

#announcements p {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align:left;
	color:#4F4F4F; /*-- 70% grey --*/
	margin: 10px 25px 5px 5px;
	padding-right:0px;
}



/*-- FOOTER --*/
.footer { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		line-height: 15px;
		font-weight: normal;
		color:#E7ECDA; /*-- mdh2o uber lt. green --*/
		text-align:center;
		margin:0 40px 0 0;
		padding:10px 0 10px 150px;
		z-index:50;
		}