#nav, #nav ul { padding: 0;	margin: 0; list-style: none; line-height: 22px; text-align: left; opacity: 0.90; filter:alpha(opacity=90); }

#nav a { text-align: center; display: block; text-decoration: none; border: none; color: #797878; font-size: 12px; font-weight: bold; width: 110px; }

#nav li li a { color: #ffffff; text-align: left; padding-left: 5px; font-weight: normal; background: #36a7ca; 
	line-height: 20px; display: block; width: 140px; 
	background-image: url('../images_layout/nav_background_inactive_rev_21.png'); background-repeat: repeat-x; background-position: left bottom; }

#nav a:hover { background-color: #69bcd6; color: #ffffff; 
	background-image: url('../images_layout/nav_background_highlight_rev_13.png'); background-repeat: repeat-x; background-position: left bottom; }

#nav li a.selected { background-image: url('../images_layout/nav_background_inactive_rev_21.png'); background-repeat: repeat-x; 
	background-position: left bottom; color: #ffffff; }
	
#nav li { /* all list items */
	float: left; width: 10em;  color: #ffffff;  /* width needed or else Opera goes nuts */ }

#nav li ul { /* second-level lists */
	position: absolute;	background: #36a7ca;	width: 145px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }

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