<?php header("Content-type: text/css");?>
/*left column navigation cascading menu-also has selectors for right cascading menu */

#nav {
width: 200px;
padding-right:0em;
padding-top:20px;
margin: 10px auto;
min-height:100px;


}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:left;

	position:relative;
	z-index:100;
  	font: 1em georgia, serif;
  	
  	height:150px
  	
}

#nav a{
	font: bold 12pt georgia, serif;
	display: block;
	margin: 0;
	
	text-decoration: none;
	
}
/*don't delete this it doesn't validate in css2 but explorer needs it, put in main page
#nav li, li a {box-sizing: content-box;}*/

#nav ul ul a{font-size:10pt;}
  
#nav ul li {
  	position: relative; 
  	margin: 0; padding: 0;
  	
  	height:3em;
  	
  	width:160px;
  	border-left:1px solid #dedede;
  	}
#nav ul li.navbottom{border-bottom:1px solid #dedede;}  

#nav ul ul {display: none;}

#nav ul li:hover > ul {
	display: block; 
	position: absolute; 
	top: 0px; 
	
	left: 100%; 
	width: 8em;
	right:7em;
	}

#nav li a{
	display: block; 
	padding-top: 14px; 
	text-decoration: none;
	color:white;
	margin-left:12px;
	
	}
#nav ul.submenu li a {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	background-color:#FFC;
	width:8.5em;
	
	}

#nav li:hover >a {color:#aa7;/*#06F;*/ }
#nav li li:hover>a{background-color:#aa7; color:#FFC;}
/*
#nav li:hover {
background: url('/images/css/menu.gif') no-repeat left center;}
*/
#nav li li:hover{background:none;}
#nav li a.active{color:gray}