/* nav-specific styling */
div.nav_area_main {
	margin: 0px auto 0px auto;
	width: 770px;
	height: 30px;
	text-align:left;
	background: #455560;
	font-size: 8pt;
	color: #fff;
	line-height: 29px;
	border-bottom: 5px solid #2D3437;
}

div.nav_area_main a {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 8pt;
	text-decoration:none;
	padding: 0px 15px;
	margin: 0px;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #6A757C;
	background: #455560;
}

div.nav_area_main a:hover {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 8pt;
	text-decoration:none;
	padding: 0px 15px;
	margin: 0px;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #6A757C;
	background: #6A757C;
}

div.nav_area_main a.nav_link_home {
	margin: 0px 0px 0px 14px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #6A757C;
}

div.nav_area_main a.nav_link_home:hover {
	margin: 0px 0px 0px 14px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #6A757C;
}

div.nav_area_main a.selected {
	color: #fff;
	background: #2D3437;
}

div.nav_area_main a.selected:hover {
	color: #fff;
	background: #6A757C;
}

#nav, #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index: 100;
}

#nav a {
	display: block;
	width: auto;
}

#nav li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding: 0px;
	margin: 0px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #455560;
	width: auto;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0px;
}

#nav li ul li { /* second-level list items */
	clear: both;
	/* white-space:nowrap; nice for some things? */
}

#nav ul.sub2 { /* third level lists */
    margin: 0px;
}

#nav li ul a { /* second-level list items */
	width: 100px;
	border-top: 1px solid #6A757C;
	background: #455560;
	color: #fff;
	font-size: 8pt;
	margin: 0px;
	padding: 3px 5px;
	line-height: normal;
	text-decoration: none;
	text-align:left;
}

#nav li ul a:hover { /* second-level list items */
	width: 100px;
	border-top: 1px solid #6A757C;
	background: #6A757C;
	color:#fff;
	font-size: 8pt;
	margin: 0px;
	padding: 3px 5px;
	line-height: normal;
	text-decoration: none;
	text-align:left;
}

#nav ul.sub2 a { /* third level lists */
    margin: 0px;
	background: #5B4D47;
	border-top: 1px solid #423C3A;
}

#nav li ul li a, #nav li ul li a:hover {
}

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

#nav li:hover, #nav li.hover {
    position: static;
}