/**************
* mdh2o_nav.css ~ middledeschuteswatersheds.com cascading style sheet © 2006 Middle Deschutes Watershed Councils by michael@galacticagent.com. Thi sstyle sheet is for the control of the navigation and related elements.
**************/

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

*		*** CUSTOM CLIENT COLORS (please help maintain client branding by using only specified colors) ***
*	
*	#515E78; /*-- mdh2o blue R:84 G:91 B:120  --*
*	#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 --*

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

/*-- NAVIGATION --*/
/*-- #nav DIV for main navigation --*/

#nav {
	position: absolute;
	left:0;
	top:230px;
	width:176px;
	height:180px;
	background-color:#7F879A; /*-- mdh2o med. blue  --*/
	text-align:left;
	padding-top:60px;
	z-index:20;
	} 

/*-- INDIVIDUAL NAV CELLS --*/
#nav p {
	padding:5px 10px 5px 10px;
	margin:0px 0px 0px 30px;
	}
	.navSection a:hover {
		background-color:#CCCCCD; /*-- 20% gray R:204 G:204 B:205 --*/
		}
		
p.nav {
	font-family:Georgia, "Times New Roman", Times, Courier, serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	color:#989EAD; /*-- mdh2o lt. blue R: G: B:  --*/
	margin: 10px 10px 10px 30px;
	}
		
/*-- MAIN NAVIGATION LINKS --*/
a.nav:link, 
a.nav:visited { 
	font-family:Georgia, "Times New Roman", Times, Courier, serif;
	font-size: 12px;
	color:#E7ECDA; /*-- mdh2o uber lt. green  --*/
	text-decoration: none;
	font-weight: normal;
	}
a.nav:active,
a.nav:hover {
	font-family:Georgia, Times New Roman, Times, Courier, serif;
	font-size: 12px;
	color:#E7ECDA; /*-- mdh2o uber lt. green  --*/
	font-weight: bold;
	text-decoration: none;
	}

/*-- HOVER BACKGROUND COLOR --*/
	.navhov a:hover { 
		background-color:#CCCCCD; /*-- 20% gray R:204 G:204 B:205 --*/
		}
/*
		
/*-- DROP MENU LINKS IF NEEDED--*
	.navdrop {
		visibility: hidden;
		position:absolute;
		width:80px;
		font:9px Georgia, "Times New Roman", Times, Courier, serif;
		line-height: 20px;
		background-color:#CCCCCD; /*-- 20% gray R:204 G:204 B:205 --*
		border:1px dotted #696969;
		z-index: 100;
		}

	.navdrop a {
		width: 100%;
		display: block;
		font-weight: bold;
		text-decoration: none;
		text-indent: 3px;
		border-bottom: 1px dotted #696969;
		padding: 5px 0;
		}
	
	/*-- hover background color --*
	.navdrop a:hover { 
		background-color:#CCCCCD; /*-- 20% gray R:204 G:204 B:205 --*
		}
	
	/*-- dropdown menu links --*
	a.subnav:link,	 
	a.subnav:visited { 
			font: 9px Georgia, Times New Roman, Times, Courier, serif; 
			color:#4F4F4F; /*-- 70% grey --*
			text-decoration: none;
			}

	a.subnav:active,
	a.subnav:hover { 
			font-weight:bolder; 
			color:#fff;
			text-decoration: none;
			}
*/

/*-- CURRENT NAV LINK HIGHLIGHTS CURRENT PAGE IN NAVIGATION--*/
a.navcurrent:link, 
a.navcurrent:visited,
a.navcurrent:hover, 
a.navcurrent:active {
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, Courier, serif;
	font-weight: bold;
	color:#E7ECDA; /*-- mdh2o uber lt. green  --*/
	}


/*-- SECONDARY NAVIGATION LINKS --*/
a.nav2:link,
a.nav2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#42CAED; /*-- brite blue R:66 G:202 B:237 --*/
	font-weight: bold;
	text-decoration: none;
	font-weight: normal;
	}

a.nav2:hover,
a.nav2:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color:#EDBE2C; /*--  yellow (PMS 7406) R:237 G:190 B:44 --*/
	text-decoration: none;
	}

	
/*-- OUTSIDE LINKS --*/
a.outside:link,
a.outside:visited {
	font-family: Arial, Helvetica, san-serif;
	font-size: 12px;
	color:#4F4F4F; /*-- 70% grey --*/
	font-weight: bold;
	text-decoration: none;
	}

a.outside:hover,
a.outside:active {
	font-size: 12px;
	color:#515E78; /*-- mdh2o blue R:84 G:91 B:120  --*/
	font-weight: bolder;
	text-decoration: none;
	}

	
/*-- TEXT LINKS --*/
a.text:link,
a.text:visited {
	font-family: Arial, Helvetica, san-serif;
	font-size: 11px;
	font-weight: bold;
	color:#EDBE2C; /*-- yellow (PMS 7406) R:237 G:190 B:44 --*/
	text-decoration: none;
	}

a.text:hover,
a.text:active {
	font-size: 11px;
	color:#B3E2EE; /*--  lt blue (PMS 635) R:179 G:226 B:238 --*/
	font-weight: normal;
	text-decoration: none;
	}


/*-- 'NORMAL' LINKS --*/
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7B6CAF; /*--  violet R:123 G:108 B:175 --*/ 
	text-decoration: none;
	font-weight: normal;
	}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7B6CAF; 
	text-decoration: none;
	}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color:#669900; /*--  green R:102 G:153 B:0 --*/ 
	text-decoration: none;
	}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #669900; 
	text-decoration: none;
	} 

