#menu .nonMenuItem:hover {	cursor: default !important;}

#menu {width: auto; padding-left: 1em; float:left;}

#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	z-index: 1000;
	}

#menu li {position: relative; float: left; /* << IE7 Fix */}

#menu ul li a {
	display:block;
	width: auto;
	padding: 0.2em 0px 0.2em 5px;
	font-size: 11px;
	white-space:normal;
	margin:0 3px 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	background: transparent;
}

#menu li ul {
	position: absolute;
	left:5px; top: 14px;
	padding-top: 5px;
	display: none;
}

#menu ul ul li {float: none !important;}

#menu ul ul li a {
	height: auto;
	width: 155px;
	padding: 0.2em 5px 0.2em 5px;
	font-size: 11px;
	white-space:normal;
	font-family: Arial, Helvetica, sans-serif;
	background: #F9F9F9;
	color:#000;
}
	
#menu ul ul li a:hover{color: #16BAB3 !important; background:#FFF !important;}
#menu ul ul li a:active{color:#FFFFFF !important; background:#FF6402 !important;}

/* Fix IE. Hide from IE Mac \*/

* html div#menu ul li { float: left; height: 1%; }
* html div#menu ul li a { height: 1%; }

/* End IE Fix. */

#menu ul li a:hover { color: #FFF !important;} /* Hover Styles */
#menu ul ul li a:hover { color: #FFF !important; background: #21BDBA !important;} /* Hover Styles */
#menu li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

#menu li:hover ul, #menu li.over ul { display: block; } /* The magic */
#menu li a:hover ul, #menu li a.over ul { display: block; } /* The magic */