/* Suckerfish - Variable width items */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 0 0 28px;
	list-style: none;
	width: 840px;
}
#nav a {
	display: block;
	color: #fff;
	padding: 1px 14px 1px 14px;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	margin: 0;
	line-height: 34px;
	position: relative;
	float: left;
	white-space: nowrap;
}

#nav a:hover {
	background: #498DBE;
	text-decoration: none;
}

#nav li:hover, #nav li.sfhover, #nav li.li_selected { background: #498DBE; }
#nav li.li_selected ul li.li_selected { background: none; } /* undo .li_selected bg colour on second level */

#nav li { /* all list items */
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li.contact-us { background: none; }

#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	border-bottom: 2px solid #ABCEEA;
	width: 835px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0;
	padding-left: 20px;
	top: 181px;
	min-height: 24px;
	height: auto !important;
	height: 24px;
}

#nav li ul li {
	margin: 0;
	float: left;
	border: none;
	background: url(../images/nav_line2.gif) top right no-repeat;
}

#nav li ul a { /* second-level lists */
	padding: 0 10px 0 20px;
	text-align: left;
	position: relative;
	color: #336EB2;
	font-weight: normal;
	line-height: 24px;
	background: url(../images/nav_ball.gif) no-repeat 0 6px;
}
#nav li ul a:hover, #nav li ul li.li_selected a { /* second-level lists */
	background: #fff url(../images/nav_ball_over.gif) no-repeat 0 5px;
}
#nav li ul li:hover, #nav li ul li.sfhover {
	background: none;
	background: url(../images/nav_line2.gif) top right no-repeat;
}
#nav li ul ul { /* third-and-above-level lists */
	display: none;
}

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

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: 9px;
	z-index: 300;
}

/* display sub pages */

ul#nav ul.ul_selected, ul#nav li.li_selected ul {
	left: 9px;
	position: absolute;
	z-index: 200;
}

/* sub nav */
#sidenav {
	padding-left: 0;
	margin: 5px 0 0 0;
	float: left;
}

ul#sidenav li {
	list-style: none;
	display: inline;
}

#contentwrap ul#sidenav li a {
	line-height: 14px;
	float: left;
	display: block;
	background: url(../images/bullet.gif) no-repeat 2px 4px;
	padding-left: 19px;
	margin-bottom: 8px;
	text-decoration: none;
	width: 125px;
}

#contentwrap ul#sidenav li a:hover {
	background: url(../images/nav_ball.gif) no-repeat 0px 2px;
}
#contentwrap ul#sidenav li#li_selected a {
	background: url(../images/nav_ball.gif) no-repeat 0px 2px;
	font-weight: bold;
}