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

#navContainer{ /*create a styles for our navigationContainer div to hold our navigation */
	position:absolute; /* you can use relative, doesn't matter just need a postion set for the z-index to work correctly */
	z-index:100; /* ensures out navigation will be on top of any flash elements.*/
	background-image:url(../../../images/nav_bkg.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	height:2em;
	padding-top:3px;
	width:95%;
	margin-bottom:25px;
}

#nav, #nav 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: 25px; /* sets your line height, you'll need to edit this based on your font height so the hover class will work correctly */
}
#nav a {
	display: block; /* make the a tag finction like a div tag*/
	text-decoration: none;
	color:#FFFFFF;
}
 
#nav li { /* all list items */
	float: left; /* make our list items line you in a hoizontal line */
	margin-left:30px;
	margin-right:20px;
	line-height: 25px;
}
#nav 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 */
}
#nav 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*/
#nav li:hover > ul, #nav .soasfhover{
	left: auto;
}
/*Fix for IE7*/
#nav li:hover {
	position: static;
}
#nav li ul a { /* set styling for sub level links */
	color:#FFFFFF; /* color is set to white since our background in this example is black */
	font-size:8pt;
}
#nav li ul a:hover { /* set styles for the user mouses over the sub links */
	color:#CCCCCC; /* set color to grey */
	font-size:8pt;
} 
#nav li ul li{ /* sub menu list items */
	float: none;
	width: inherit;
	border: #666666;
	border-style:solid;
	border-width: 1px;
	padding-left:5px;
	padding-right:5px;
	margin-left:0px;
	margin-right:0px;
}