/* --- main_MENU properties --- */
#menu li a.onebtn {
	background: #690066;	
}
#menu li a.twobtn {
	background: #BC007A;
}
#menu li a.threebtn {
	background: #C27F1A;	
}
#menu li a.fourbtn {
	background: #CABF00;	
}
#menu li a.fivebtn {
	background: #A1C229;	
}
#menu li a.sixbtn {
	background: #2B752F;	
}
#menu li a.sevenbtn {
	background: #4672C4;	
}

#main_menu {
	display: block;
	width:  62.3em;
	height: 2.5em;
}

#menu li a.coursestop:hover,
#menu li a.clientstop:hover,
#menu li a.suppliestop:hover,
#menu li a.newstop:hover,
#menu li a.flyout:hover {
	font-weight: normal !important;
	color: #FFF !important;
	cursor: default !important;
	border: 0 !important;
	width: 100px !important;
/*	padding: 5px 2px !important;*/
}

#menu li a.coursestop:hover {background: #C27F1A !important;}
#menu li a.clientstop:hover {background: #CABF00 !important;}
#menu li a.suppliestop:hover {background: #A1C229 !important;}
#menu li a.newstop:hover {background: #2B752F !important;}
#menu li a.flyout:hover {background: url(../images/Right_Arrow.gif) no-repeat 110px 10px !important;}

#menu {width: auto; float:left;}

#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	z-index: 500;
	position: relative;

	}
	
#menu ul li {
	float: left;
	list-style: none;
	margin: 1px;
}

#menu li {position: relative; float: left;}

#menu li ul {
	z-index: 1000 !important;
	position: absolute;
	left:-0;
	top:25px;
	display: none;
}

#menu ul li a {
	display: block;
	width:100px;
	color: #FFF;
	text-align: center;
	padding: 5px 2px 5px 2px;
	text-decoration: none;
}

#menu ul ul li {float: none !important; position: relative; margin: 0 !important;}
#menu ul ul li a {
	float:none !important;
	width:140px !important;
	color: #FFF;
	text-align: left;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	}
	
#menu ul ul li a.threebtn {
	width: 180px !important;
}

#menu ul ul ul {
top:0;
left:100%;
}
#menu ul ul ul li {	display: none;}

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


#menu li a:hover {
	color: #FFF;
	background: #394792;
	border-bottom: 0;
	}
#menu ul ul li a:hover {
	color: #394792 !important;
	padding: 5px 8px 5px 10px;
	border-bottom: 0;
	border-right: 2px solid #394792;
	background: #FFF;
}
/*venues*/
#menu li a.black:hover {
	color: #FFF !important;
	background: #000;
}

#menu li:hover ul, #menu li.over ul { display: block; }
#menu ul ul li:hover ul li, #menu ul ul li.over ul li { display: block; }