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

.nav{ /*create a styles for our navigationContainer div to hold our navigation */
	position:relative; /* you can use relative, doesn't matter just need a postion set for the z-index to work correctly */
	width:100%; /* set the width of the container */
	z-index:51px;
	clear:both;
	font-size:11pt;
}

.menu, .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 */
	margin-left: 13px;
}
.menu a {
	display: inline; /* make the a tag function like a div tag*/
	color: #FFFFFF;
	text-decoration:none;
	height:25px;
}
 
.menu li { /* all list items */
	float: left; /* make our list items line up in a hoizontal line */
	margin-top:-7px;
	height:25px;
	padding-top:7px;
	padding-left: 10px;
	padding-right: 10px;	
}
.menu li ul { /* second-level lists */
	position: absolute;
	/*background-image:url(../../../images/nav/bkg.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;
	background:url(../images/navIsActive.jpg);
}
/*Fix for IE7*/
.menu li:hover {
	position: static;
	background:url(../images/navIsActive.jpg);
}

/*--- remove hover for footer nav ---*/

/*Show the submenu DIRECTLY INSIDE the selecte LI tag*/
#footer .nav .menu li:hover > ul, .menu .soasfhover{
	left: auto;
	background:none;
}
/*Fix for IE7*/
#footer .nav .menu li:hover {
	position: static;
	background: none;
}

.menu li ul a { /* set styling for sub level links */
}
.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;
}