/* menus*/
#menu {
width: 9.9em;
padding-right:0em;
padding-top:20px;
margin: 10px 0 15px 2px;

background-color:transparent;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:right;
	background:transparent;
	position:relative;
	z-index:100;
  	font: 1em georgia, serif;
}

#menu a{
	font: bold 12pt georgia, serif;
	display: block;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
	color: #2C3111;
}
/*don't delete this it doesn't validate in css2 but explorer needs it*/
#menu li, li a {box-sizing: content-box;}

#menu ul ul a{font-size:10pt;}
  
#menu ul li {
  	position: relative; 
  	margin: 0; padding: 0;
  	
  	}
  	
#menu ul ul {display: none;}

#menu ul li:hover > ul {
	display: block; 
	position: absolute; 
	top: 0px; 
	
	left: 100%; 
	width: 8.5em;
	right:7em;
	}

#menu li a{
	display: block; 
	padding: 5px 7px; 
	text-decoration: none;
	
	}
#menu ul.submenu li a {
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	background-color:#FFC;
	width:9em;
	
	}
#menu li:hover >a {color:#aa7;/*#06F;*/ }
#menu li li:hover>a{background-color:#aa7; color:#FFC;}
#menu li:hover {
background: url(/images/css/menu.gif) no-repeat left center;}
#menu li li:hover{background:none;}