

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-size:11px;
}

#nav li { /* all list items */
    position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 87px; /* width needed or else Opera goes nuts */
   
    border-right: 1px solid #8099FF;
	
}

#nav li ul li { /* all list items */
    position : relative;
	float : left;
	line-height : 1.68em;
	margin-bottom : -1px;
	margin-right : 0px;
	width: 150px; /* width needed or else Opera goes nuts 
    background: white;*/
    border: 0px solid #fff;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
	margin-left : 150px;
	margin-top : -1.79em;
}


#nav li a {
	
	display : block;
	color:#ffffff;
	text-decoration : none;
	height:31px;	
    padding:10px 1px 0px 1px;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	margin-right:0px;
}


#nav #on a {
	
	display : block;
	color:#000;
	text-decoration : none;
	height:31px;	
    padding:11px 1px 0px 1px;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	margin-right:0px;
	background:#F7BA00;
}

#nav #on a:hover {
	color : #000; font-weight:bold; background:#F7BA00;
	
}


/* diff colors end */

#nav li ul li a, span.nolink {
	width: 190px;
	w\idth : 138px; /* not a typo, browser hack */
	display : block;
	color : #000;
	height:20px;	
    padding:3px 3px 3px 3px;
	font-weight : bold;
	text-decoration : none;
	background-color : #F7BA00;
	border : 1px solid #8099FF;
	
	font-size:11px;
	text-align:left;
		
}


#test ul li a{ color:#330066;}

#nav li a:hover {
	color : #000; font-weight:bold;  background:#F7BA00;
	
}

#nav li ul li a:hover {
	color : #fff; background-color:#0033FF; font-weight:bold;
	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


