/* CSS Document */

#menu {
	width:200px;
	background-color:#BFBFBF;
	color:#40401A;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	z-index:2;
	}
	
#menu hr {
	color:#40401A;
	}
	
	
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;	
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#BFBFBF;		
	}
	
#menu ul li {
	position: relative;
	height:23px;	
	}

#menu li ul {
	position: absolute;
	left: 199px;
	top: 0px;
	display: none;
	z-index:3;
	}

#menu ul li a {
	display: block;
	height:18px;
	text-decoration: none;
	font: 11px arial, helvetica, sans-serif;
	color:#01345b;
	background-color:#D8D7D7;
	border-bottom-width:1px;
	border-bottom-style:solid;	
	border-bottom-color:#CCC;		
	margin:0;
	letter-spacing:1px;
	padding:4px 0 0 4px;
	}
	
#menu ul li a:hover {
	color:#FFFFFF;
	background-color:#0B68B4;
	}	
	
#menu ul ul li a {
	display: block;
	height:18px;
	color:#01345b;
	background-color:#D8D7D7;
	border-bottom-width:1px;
	border-bottom-style:solid;	
	border-bottom-color:#CCC;	
	}
	
#menu ul ul li a:hover {
	color:#FFF;
	background-color:#0B68B4;
	}
	
#menu li:hover ul, li.over ul { 
	display: block; 
	padding:0;
	margin:0;
	}
	


/* Fix IE. Hide from IE Mac \*/
	<style type="text/css" media="screen">	
	* html ul li { float: left;}	
/* End */