/***********************************/
/***********************************/
/*
	It's on the left side navigation 
	menu. This CSS uses .current as 
	the class on the current unordered 
	list <li> to determine the current
	status of the current link.
	#nav
	otherwise known as the sub menu.
	for submenu to function it would 
	require JavaScript to work in
	all browsers.
*/
/* start of sub navigation */
/**********************************/

#nav, #nav ul {
    width:155px;
	padding: 0;
    margin: 0;
    list-style: none;
}

#nav li {	
	width: 155px;	
	margin: 0;
	padding: 0;
	border:none;	
}

#nav li.over {
	width:155px;	
	margin:0;
	padding:0;
}

#nav a{
	width: 145px;	
	margin: 0;
	padding: 0;
	outline:none;
}

#nav a {
    display: block;
}

#nav a {
	font-weight: bold;
	text-decoration: none;
	color: #04b !important;
	padding: 5px;		
}



#nav li {
    float: left;
	color: #F8AF00;	
	border-bottom: 1px solid #f9f9f9;
}

#nav li.over,  #nav li:hover {	
	background-color: #FFFFFF;
	color: #F8AF00;	
}


/*   hides navigation off the edge of the page */
#nav li ul {    
	position: absolute;
	width: 185px;	
	left:-9999px;
	margin-top: -30px;
}
#nav li:hover ul {
    display:block;
}

#nav li:hover ul, #nav li.over ul {    
	left:  auto;
	margin-left: 154px;
}

#nav li ul li {	
	width: 185px;	
	background-color: #CCDDFF;
	border: 1px solid #cdf;
}

#nav li ul li:hover {	
	width: 185px;
}

/* switch all a href back to color: #898987; */
#nav li.over ul li a {
	color: #898987;	
	font-size: 11px;
	padding: 5px;
	width: 175px;
}