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

ul#nav
		{
		position: absolute;
		left: 339px;
		bottom: 10px;
		z-index: 2;
		clear: both;
		margin: 0;
		}

ul#nav, ul#nav li
		{
		list-style: none;
		float: left;
		}

ul#nav li a
		{
		padding: 0px 6px 0 11px;
		line-height: 1.5em;
		color: #333;
		font-size: 1.1em;
		font-weight: normal;
		text-decoration: none;
		background: url(../wsimages/nav_li_bg.png) no-repeat center left;
		float: left;
		}
		
		ul#nav li a:hover, ul#nav li.active a
				{
				color: #324087;
				text-decoration: underline;
				}
				
				ul#nav li.active li a
						{
						text-decoration: none;
						}


ul#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #eaf0f6;
	width: 183px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left: 0px;
	padding-top: 8px;
	border-bottom: solid 1px #eaf0f6;
	float: left;
	clear: both;
}

ul#nav li ul li
	{
	width: 181px;
	display: block;
	background: #f4f7fb;
	border-right: none;
	border-top: solid 1px #eaf0f6;
	border-right: solid 1px #eaf0f6;
	border-left: solid 1px #eaf0f6;
	}

ul#nav li ul li a, ul#nav li.active li a
	{
	display: block;
	white-space: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.975em;
	color: #324087;
	background: #f4f7fb;
	width: 164px;
	}
	
	ul#nav li ul li a:hover, ul#nav li.active li.active a
		{
		background-color: #324087;
		color: #fff;
		text-decoration: none;
		}
		
		ul#nav li.active li.active a
			{
			font-weight: bold;
			}

ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {
	left: -999em;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	top: 1.5em;
}