/*Menu Styles*/
#menus {
	font-size: 13px;	
	text-decoration: none;
	padding:0px 0px;
	list-style: none;
	margin:0px;
}
#menus li{
	margin:0px;
	padding:0px;
}
#menus li a {
	color: #FFF;
	text-decoration:none;
	display:block;
	height:28px;
	padding:11px 0px 0px 20px;
	margin:-11px 0px;
	background: url(../assets/menu.png) no-repeat left top;
}
#menus li:hover a {
	color: #000;
	text-decoration:none;
	font-weight: bold;
	background-position:left bottom;
}
#menus li:hover a.selected {
	background-position:left bottom;
}
#menus li a.selected {
	color: #039;
	text-decoration:none;
	font-weight: bold;
}
#menus ul {
	display:none;
	position:absolute;
	padding:0px 0px 12px;
	margin:-27px 0px 0px 215px;
	background: url(../assets/menubot.png) no-repeat left bottom;
	width: 230px;
	list-style:none;
}
/*FireFox 2 */
#menus ul, x:-moz-any-link {margin:-38px 0px 0px 215px;} 

/*FireFox 3*/
#menus ul, x:-moz-any-link, x:default {margin:-27px 0px 0px 215px;}

#menus ul li {
	padding:0px 11px 0px 9px;
	margin:0px;
	background: url(../assets/menubak.png) repeat-y left top;
}
#menus ul li.top {
	padding-top:7px;
	background: url(../assets/menutop.png) no-repeat left top;	
}
#menus ul li a{
	color: #111;
	display:block;
	height:20px;
	padding:4px 0px 2px 8px;
	background:none;
	/*border:1px dotted #CCC;*/
	margin:0px;
}
#menus ul li a:hover{
	color:#FFF;
	font-weight: normal;
	text-decoration: none;
	background: #89a1d0;
}
#menus li:hover ul{
	display:block;
}
#menus li:hover ul a{
	font-weight: normal;
}
#menus li:hover ul a.selected{
	font-weight: bold;
}


/*Safari CSS Hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
   #menus ul {
		margin:-38px 0px 0px 215px;
	}
}