#menuSection { /* set width, bg color, etc. of navigation */
	position: absolute; 
	line-height: 1em;
	top: 90px; /* client branding */
	background-color: #00070D; /* client branding */
	vertical-align: top;
	left: 0px; 
	height: auto; 
	width: 170px; 
	opacity: .7;
	filter: alpha(opacity=70);
	 
}

.navigation {
 width: 135px;
 font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
 
}


.navigation ul { /* basic rules for nav lists */
 	list-style: none;
	width 100%;
	color: gray;
 	margin: 0;
 	padding: 0;
	}	


	
.navigation ul li { /* set font sizes of nav and right-border */
	font-size: 14px;
	color: #379F09;
	margin: 0;
	padding: 0;
	width: 100%;  /* IE/Win needs this */ 
	}	

	
	
.navigation ul span.on li { /* set font sizes of nav and right-border for OnState */
	font-size: 14px;
	color: #379F09;
	background-color: none;
	margin: 0;
	border-right: none;
	}	

	.navigation ul span.hidden li { /* set font sizes of nav and right-border for OnState */
	border-right: none;
	}	


	


.navigation li a, .navigation li a:visited { /* make links block level elements */
	font-size: 14px;
	text-decoration: none;
	color: gray;
	margin: 0;
	padding: 0 0.5em; 
	display: block;
	
	}



.navigation ul li a, .navigation li a:visited { /* padding and border for top level links */
	font-size: 14px;
	color: gray;
	margin: 0;
	padding: 0 0.5em;
	}

.navigation ul li a:hover { /* top level hover */
	font-size: 14px;
	text-decoration: none;
	margin: 0;
	padding: 0 0.5em;
	background-color: none;
	color: #BAADC8;
	
	}
	
	
.navigation ul ul, .navigation ul ul ul { /* set margin-left for 2nd and 3rd level nav*/
	font-size: 10px;
	color: gray;
	margin: 0 0 0 10px;
	padding-left: 5px;
}	

.navigation ul ul span.on li { /* set font sizes of nav and right-border for OnState */
	font-size: 10px;
	color: gray;
	border-right: 2px solid #FFFFFF;
	margin: 0;
	padding: 0; 
	border-top: 1px solid #000000;
	}		
		
.navigation ul ul li a, .navigation ul ul ul li a,  .navigation ul ul li a:visited, .navigation ul ul ul li a:visited{ /* padding and borders for 2nd and 3rd level nav */
	font-size: 10px;
	background-color: none;
	color: gray;
	padding: 0.2em 0.5em 0.5em; 
	border-top: 1px solid #666666;
	border-left: 1px solid #888866;
	border-bottom: 1px solid #888866;
	}

.navigation ul ul li a:hover, .navigation ul ul ul li a:hover { /* 2nd and 3rd level hover */
	font-size: 10px;
	background-color: none;
	color: #663399;
	padding: 0.2em 0.5em 0.5em; 
	border-bottom: 1px solid #888866; 
	border-left: 1px solid #888866; 
	}

	
	

	

	
	
	
	
#mainnav .navsectionhead { /* rules for top level section heads */
	color: white;
	text-decoration: none;
	background-color: none;
	margin: 0;
	display: block;
	width: 100%;  /* IE/Win needs this */ }

html>body #mainnav .navsectionhead { /* fixes display:block width for browsers other than IE/win */
	width: auto; }

#mainnav .subnavsectionhead { /* rules for subsection heads */
	color: white;
	text-decoration: none;
	background-color: none;
	margin: 0;
	display: block;
	width: 100%;  /* IE/Win needs this */ }

html>body #mainnav .subnavsectionhead { /* fixes display:block width for browsers other than IE/win */
	width: auto; }

#mainnav li .navsectionhead a { /* link styling */
	color: #cdcd9a;
	text-decoration: none;
	background-color: none;
	margin: 0;
	display: block;
	width: 100%;  /* IE/Win needs this */ }

html>body #mainnav .subnavsectionhead a { /* fixes display:block width for browsers other than IE/win */
	width: auto; }

#mainnav li .navsectionhead a:hover { /* hover effects */
	color: white; 
	background-color: none; }

#mainnav ul .here { /* top level you are here */
	color: white;
	text-decoration: none;
	background-color: none;
	margin: 0;
	padding: 6px 0.5em 6px 1em;
	border: none; 
	display: block;
	width: 100%;  /* IE/Win needs this */ }

html>body #mainnav ul .here { /* fixes display:block width for browsers other than IE/win */
	width: auto; }

#mainnav ul ul .here { /* 2nd level you are here */
	color: white;
	background-color: none;
	margin: 0;
	padding: 0.2em 0.5em 0.5em;
	display: block;
	width: 100%;  /* IE/Win needs this */ }

html>body #mainnav ul ul .here { /* fixes display:block width for browsers other than IE/win */
	width: auto; }

#mainnav ul ul ul .here { /* 3rd level you are here */
	color: white;
	background-color: none;
	margin: 0;
	padding: 0.2em 0.5em 0.5em;
	border-bottom: 1px solid #888866;
	border-left: 1px solid #888866;
	display: block;
	width: 100%;  /* IE/Win needs this */ }

html>body #mainnav ul ul ul .here { /* fixes display:block width for browsers other than IE/win */
	width: auto; }