@charset "utf-8";
/* CSS Document */
ul.menu { /* all lists */
	padding: 0; /* loose all padding */
	margin: 0; /* loose all margins */
	list-style: none; /* remove the bullet from the list items */
	line-height: 20px; /* sets your line height, you'll need to edit this based on your font height so the hover class will work correctly */
	float:right;
	list-style:none;
	font-size: 10pt;
	font-weight: bold;
	padding: 18px 0 0 0;

}
.menu a {
	display: block; /* make the a tag function like a div tag*/
	color: #f7eed1;
	text-decoration:none;
}
 
.menu li { /* all list items */
	float: right; /* make our list items line up in a hoizontal line */
	margin-right: 20px;
	line-height: 20px;
}
.menu li ul { /* second-level lists */
	position: absolute;
	margin:0;
	padding:18px 0 0 0;
	width: inherit;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	list-style:none;
}
.menu li ul li{
	background-image: url(images/drawerBKG.png);
	float: none;
	width: inherit;
	padding: 0 5px 5px 5px;
	margin: 0;
}
.menu li ul li a{
	border-bottom: dotted 1px #f7eed1;
	margin: 0 5px 0 5px;
}
.menu li ul ul { /* third-and-above-level lists */
	 /* make all list past the second inset and extra 100px so they do not overlap */
}
/*Show the submenu DIRECTLY INSIDE the selecte LI tag*/
.menu li:hover > ul, .menu .soasfhover{
	left: auto;
}
/*Fix for IE7*/
.menu li:hover {
	position: static;
}
.menu li ul a { /* set styling for sub level links */
	/*color:#FFFFFF;*/
}
.menu a:hover {
	color: #f7e6b1;
}
.menu li ul a:hover { /* set styles for the user mouses over the sub links */
	
} 
.menu li ul li{ /* sub menu list items */

}