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

	#navigation {position:relative;z-index:100;float:right;}

/* remove all the bullets, borders and padding from the default list styling */
	#navigation 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 */
	#navigation > ul > li {float:left;position:relative;}
/* style the links for the top level */
	#navigation a, #navigation a:visited {display:block;text-decoration:none;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
	#navigation ul ul {width:150px;visibility:hidden;position:absolute;top:35px;left:-10px;padding-bottom:20px;background-color:#ffffff;}
	
       #navigation ul ul li {padding:0px 10px;}

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

/* style the second level links */
	#navigation ul ul li a {color:#FF6600; height:auto; width:150px; background:#f9f9f9; font-size:11px;padding:5px 10px;border-left:1px solid #000000;border-right:1px solid #000000;font-weight:normal;}
        #navigation ul ul li a.bottom {padding-bottom:10px;border-bottom:1px solid #000000;}

/* style the top level hover */
	#navigation a:hover, #navigation ul ul a:hover{color:#444444;}
        #navigation :hover > a {color:#444444;}
	#navigation ul ul :hover > a {color:#444444;background-color:#e4eef3;text-decoration:none;}

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