@charset "utf-8";
/* CSS Document */
.menu {
	font-size: 12pt;
	font-weight: bold;
	padding: 15px 0 0 0;
}
.menu ul { /* 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;
}
.menu a {
	display: block; /* make the a tag function like a div tag*/
	color: #FFFFFF;
	text-decoration:none;
}
 
.menu li { /* all list items */
	float: left; /* make our list items line up in a hoizontal line */
	margin-right: 20px;
	line-height: 20px;
}
.menu li ul { /* second-level lists */
	position: absolute;
	background-image:url(../images/blackBKG.png);
	margin:0px;
	width: inherit;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
.menu li ul ul { /* third-and-above-level lists */
	margin-left:100px; /* 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 li ul a:hover { /* set styles for the user mouses over the sub links */
	color: #CCCCCC;
} 
.menu li ul li{ /* sub menu list items */
	float: none;
	width: inherit;
	padding-left:5px;
	padding-right:5px;
	margin-left:0px;
	margin-right:0px;
	color:#FFF;
}