/* common styling */
#menu {
	font: 10px/10px arial, helvetica, sans-serif;
	height:25px;
	position:relative; 
	z-index:100;
	padding-left:150px;
	background-image:url(images/menu_bg.gif);
	background-repeat:repeat-x;
	padding-bottom:2px;
}

#menu .login{
	padding-top:12px;
	padding-bottom:5px;
}

#menu .form{
	font-family:Verdana,Helvetica,sans-serif;
	font-size:8pt;
	margin:0px;
	padding-left:0px;
}

#menu ul li a, #menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#FFFFFF;
	width:95px; 
	height:25px; 
	text-align:left; 
	line-height:20px; 
	overflow:hidden;
}
#menu ul ul li{
	border: 1px solid #404040;
	color:#fff; 
	background:#181818;
	margin-top:-1px;
	width:150px;
	text-align:left;
}
#menu ul ul li a:hover{
	background-color:#505050;
	color:#ffffff;
}
	
#menu ul ul li a, #menu ul ul li a:visited {
	width:auto;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
}
#menu ul ul {
	padding-left:50px;
	padding-right:50px;
	padding-bottom:0px;
	padding-top:50px;
	background:inherit;
	left:250px;
	cursor:pointer;
	filter:Alpha(opacity=85);
	opacity:85%;
	-moz-opacity:0.85;
}
#menu ul ul ul{
	padding-left:5px;
	padding-right:50px;
	padding-bottom:50px;
	padding-top:50px;
	background:inherit;
}

#menu ul {padding:0; margin:0; list-style: none;}
#menu ul li {float:left; position:relative;}
#menu ul li ul {display: none;}

/* specific to non IE browsers */
#menu ul li:hover ul {display:block; position:absolute; bottom:25px; left:-50px;}
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li a {display:block;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:150px; top:-50px;}
#menu ul li:hover ul li:hover ul.left {left:-95px;}

#menu ul li a:hover {color:#000; background:#000;}