/* CSS Document 
--------------------------------------------------------------------
						Steven Johnston
						for
						RMNJ DIRECT - Drop Menu Styling
						25/11/09
						
						Version 1.0
						
						Project: RMNJ Direct
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments												
						--------------------------------------------
	
------------------------------------------------------------------*/
#menuColors{
	float:right;
	margin:0 5px 0 0;
	width:609px;
}
#menuColors ul{
	list-style:none;
}
#menuColors ul li{
	float:left;
	position:relative;
	margin:0 10px 0 10px;
	width:131px;
	text-align:center;
	left:0; right:0px; float:left; z-index:999;
}
#menuColors ul li a{
	display:block;
	width:131px;
	height:28px;
	padding:8px 0 0 0;
}
#menuColors ul li.yellow a{
	background:url("../images/bg_menu_yellow.gif") repeat-x;
}
#menuColors ul li.yellow a:hover, #menuColors ul li.yellow ul.menudrop{
	background:url("../images/bg_menu_yellow.gif") repeat;
}
#menuColors ul li.orange a:hover, #menuColors ul li.orange ul.menudrop{
	background:url("../images/bg_menu_orange.gif") repeat;
}
#menuColors ul li.orange a{
	background:url("../images/bg_menu_orange.gif") repeat-x;
}
#menuColors ul li.magenta a{
	background:url("../images/bg_menu_magenta.gif") repeat-x;
}
#menuColors ul li.green a{
	background:url("../images/bg_menu_green.gif") repeat-x;
}

#menuColors ul li.yellow li a:hover{
	text-decoration:underline;
}

#menuColors ul li ul{
position:absolute;z-index:1001;
}
#menuColors ul li ul.menudrop{
	position:absolute;
	z-index:1001;
	width:190px;
	padding:0 0 0 10px;
}
#menuColors ul li ul.menudrop li{
	text-align:left;
}
#menuColors ul li ul.menudrop{
	left:-9999px;
}
#menuColors ul li:hover ul.menudrop{
	left:0;
}