/* ================================================================ 
                    MENU css for DROPDOWN menu
=================================================================== */

/* Menu */
#menu {
	padding				: 0px;	
	float				: left;
	width				: 100%;
	margin-top			: 20px;
	margin-bottom		: 20px;
}
#menu li a{
	display				: block;
	text-align			: left;
	color				: #000000;
	text-decoration		: none;
	z-index				: 100;
	font-size			: 14px;
	height				: 38px;
	line-height			: 38px;
	padding				: 0px 11px;
	font-weight			: bold;
}
#menu ul li ul a {
	margin				: 0;
	height				: auto;
	border				: 1px solid #8c9eaa;
} 
#menu ul {padding:0; margin:0;list-style-type: none; color: #000000; }
#menu ul li {float:left; position:relative;z-index:100;margin:2px 0px;border-bottom:2px solid #FFFFFF;margin-right: 2px;}
#menu ul ul li {margin:0px;border:none;}
#menu ul li ul {display: none;padding-left:29px;margin:0px;}
#menu ul li a, #menu ul li a:visited{color:#3366FF;}
#menu ul ul li a {color:#000000}
#menu ul ul {padding-top:4px;}

/* specific to non IE browsers */
#menu ul li:hover a {color:#7f7f7f;}
#menu ul li:hover, #menu ul li.selected {border-bottom:2px solid #3366FF;}
#menu ul li li:hover {border-bottom:none;}
#menu ul li:hover ul {display:block; position:absolute; top:40px; left:-29px;padding-top:2px;}
/*More- icon if there are child elements -for top menu */
/*#menu ul li a.topHide, #menu ul li a.topHideFF {}*/ /* Top menu - more  */
/*#menu ul li:hover a.topHide, #menu ul li:hover a.topHideFF {width:102px;}*/
/*More- icon if there are child elements -for sub menus */
/*#menu ul li a.hide,*/ #menu ul li a.hideFF {color:#000000 !important;} /* Sub menu - more  */
/*'MORE' LINK - MAY INCLUDE ARROW ETC.*/
/*DROP DOWN MENU - HOVERED COLOR, WIDTH AND BACKGROUND*/
#menu ul li:hover ul li:hover a.hideFF {color:#7f7f7f;width:150px;}
#menu ul li:hover ul li ul {display: none;}
/*DROP DOWN MENU - UN-HOVERED COLOR, WIDTH AND BACKGROUND*/
#menu ul li:hover ul li a {
	display				: block;
	background			: #000000;
	color				: #3366FF;
	width				: 150px;
	margin				: 0px;
}
#menu ul li:hover ul li a:hover, #menu ul li:hover ul li div:hover {
	color				: #7f7f7f;
	text-decoration		: none;
}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:121px; top:-2px; color:#000000;}