@charset "UTF-8";
/* CSS Document */

	#header_nav {width:360px;height:30px;top:22px;left:5px;position:relative;z-index:100;font-size:11px;font-weight:bold;float:right;}
/* remove all the bullets, borders and padding from the default list styling */
	#header_nav ul {padding:0;margin:0;list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	#header_nav li {float:left;position:relative;}
/* style the links for the top level */
	#header_nav a, #header_nav a:visited {display:block;text-decoration:none;color:#fff; padding:3px 8px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
	#header_nav ul ul {width:166px;visibility:hidden;position:absolute;top:19px;left:0;padding-bottom:5px;background-color:#2E2A2B;}
	
/* style the second level background */
	#header_nav ul ul a.drop {background:#2E2A2B 150px center;}
	
/* style the second level hover */
	#header_nav ul ul a.drop:hover {background:#2E2A2B 150px center;}
	#header_nav ul ul :hover > a.drop {background:#2E2A2B 150px center;}
	

/* style the table so that it takes no ppart in the layout - required for IE to work */
	#header_nav table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
	#header_nav ul ul a {color:#fff; height:auto; width:150px; background:#2E2A2B;}

/* style the top level hover */
	#header_nav a:hover, #header_nav ul ul a:hover{color:#F79A17;}
	#header_nav :hover > a, #header_nav ul ul :hover > a {color:#F79A17;}

/* make the second level visible when hover on first level list OR link */
	#header_nav ul li:hover ul, #header_nav ul a:hover ul{visibility:visible;}