/*======== CSS for The Star Online: v12 Drop-Down Navigation Menu ============*/
#menu
{
	background: url(../../../images/common/navibar/navbg_bluegrad.gif) repeat-x 0px 2px;
	border-bottom: 2px solid #000;
	/*padding: 0 0 22px 0;*/
	margin: 0 auto;
	width:1000px;
	display:block ;
}

/* need this line, if not in default.css 
p, ol, ul {
	line-height: 180%;
}
will cause the menu alignment out
*/ 
#menu ul
{
	line-height:normal;
	padding:0;
	margin:0;
}

#menu li
{
	float: left; 
	background: url(../../../images/common/navibar/navbg_rightcnr.gif) no-repeat center right;
	border: none;
	list-style-type:none ; 
}

#menu li:hover, #menu li.jshover
{
	background: url(../../../images/common/navibar/navhover_rightcnr.gif) no-repeat center right;
}

#menu li a
{
	display: block;
	padding: 4px 8px 5px 10px !important;
	padding: 4px 8px 5px 9px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-family: Arial;
	background: url(../../../images/common/navibar/navbg_leftcnr.gif) no-repeat center left;
}

html>body #menu li a 
{
	padding: 4px 8px 3px 10px !important;
	padding: 4px 8px 3px 9px;
	height: 17px;
}

#menu li a:hover
{
	color: #fff;
	text-decoration: none; 
}

#menu li:hover a, #menu li.jshover a
{
	background: url(../../../images/common/navibar/navhover_leftcnr.gif) no-repeat center left;
}

#menu li ul
{
	position: absolute;
	z-index: 10;
	margin: -1px 0px 0px -1px;
	visibility: hidden;
	width: 100px;
}

#menu li:hover ul, #menu li.jshover ul
{
	visibility: visible;
}

#menu li li
{
	float: left;
	margin: -1px 0px 0px -1px;
	background: none;
}

#menu li:hover li a, #menu li.jshover li a
{
	width: 200px;
	padding: 4px 10px 5px 10px;
	background: #505450;
	color: #fff;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #606460;
	height: auto;
	/*filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;*/
}

#menu li:hover li a 
{
	filter:alpha(opacity=95);	
	-moz-opacity:.95;
	opacity:.95;	
}

#menu li li:hover, #menu li li.jshover  
{
	background: #989e95;
}

#menu li li a
{
	width: 100px;
	padding: 4px 10px 5px 10px;
	background: #989e95;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid #7a807d;
}

#menu li li a.submenu 
{
	background: #505450 url(../../../images/common/navibar/menuarrow.gif) no-repeat 110px center;
}

#menu li li a:hover
{
	background: #333;
	color: #ddff77;
	border: 1px solid #606460;
}

#menu li:hover li ul, #menu li.jshover li ul
{
	visibility: hidden;
}

#menu li:hover li:hover ul, #menu li.jshover li.jshover ul
{
	visibility: visible;
}

#menu li li ul
{
	margin-top: -15px;
	padding-top: 1px;
	left: 101px;
}

#menu li:hover li:hover li a, #menu li.jshover li.jshover li a  
{
	border: 1px solid #7a807d;
	background: #707470;
}

#menu li:hover li:hover li a:hover, #menu li.jshover li.jshover li a:hover
{
	background: #444;
	color: #ddff77;
	border: 1px solid #7a807d;
}

#menu li.last_item
{
	background: url(../../../images/common/navibar/navbg_leftcnr.gif) no-repeat center left;
	height: 24px;
	width:12px;
}

#menu li.last_item span 
{
	background: url(../../../images/common/navibar/navbg_rightcnr.gif) no-repeat center right;
}

#menu #search_menu 
{
	float:right;
	width: auto;
}

#menu li.search
{
	background: url(../../../images/common/navibar/search_rightcnr.gif) no-repeat center right;
}

#menu li.search a 
{
	background: url(../../../images/common/navibar/search_leftcnr.gif) no-repeat center left;
	display: block;
	width: 100px;
	text-align: center;
}

#menu a.notlink 
{
	cursor: default;
}

/* ===================== */