#subnav{
/* Stays at the top of the screen while the page scrolls; the z-index keeps
   it and its dropdowns above the content passing underneath. */
position:sticky;
top:0;
z-index:100;
min-height:25px;
background:#1B5996;
max-width:920px;
margin-left:0px;
border-bottom:3px solid #444;
padding-top:3px;
padding-left:4px;
}

/* Small screens swap the bar for this button (see responsive.css). */
#nav-toggle {
	display: none;
}

/* The markup says class="clearfix" but nothing ever defined it; the floated
   items only fit because #subnav had a fixed height. Now that the bar can
   narrow and items may wrap, clear the floats so the bar grows with them. */
#submenu:after {
	content: "";
	display: table;
	clear: both;
}

/* Son of Suckerfish dropdown menu. Here goes what makes it tick... */
#submenu, #submenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#submenu a {
	display: block;
}
#submenu li {
	float: left;
	margin-left:5px;
}
#submenu li li{
	width: 200px;
	margin-left:0;
	}
#submenu li ul {
	position: absolute;
	width: 200px;
	left: -999em;
}
#submenu li:hover ul, #submenu li.sfhover ul{
	left: auto;
}
#submenu li ul ul {
	margin: -1.8em 0 0 175px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li:hover ul ul ul ul, #submenu li:hover ul ul ul ul ul, #submenu li.sfhover ul ul, #submenu li.sfhover ul ul ul, #submenu li.sfhover ul ul ul ul, #submenu li.sfhover ul ul ul ul ul {
	left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li li li li:hover ul, #submenu li li li li li:hover ul, #submenu li.sfhover ul, #submenu li li.sfhover ul, #submenu li li li.sfhover ul, #submenu li li li li.sfhover ul, #submenu li li li li li.sfhover ul {
	left: auto;
}


/* ...and here goes the styling. Same size and case as the small-screen menu
   (responsive.css), so nothing jumps at the breakpoint. */
#submenu li a, #submenu li a:visited{
	font:normal 14px 'trebuchet ms';
	color:#dfedff;
	text-decoration:none;
	line-height:24px;
	padding:0 6px;
	text-transform:uppercase;
}
#submenu ul{
	border:1px solid #a0a0a0;
	}
#submenu ul li, #submenu ul li{
	background:#fff;
	padding-top:0;
	}
#submenu ul a, #submenu ul a:visited{
	font-size:14px;
	text-transform:none;
	}
#submenu ul li a, #submenu ul li a:visited{
	color:#000;
	line-height:normal;
	padding:2px 5px;
	text-decoration:none;
	border-bottom:1px solid #a0a0a0;
	width:190px;
	}
#submenu li a:hover, #submenu li:hover a, #submenu li:hover a:visited, #submenu li a:hover, #submenu li.sfhover a, #submenu li.sfhover a:visited, #submenu li.current_page_item a, #submenu li.current_page_ancestor a, #submenu li.current_page_parent a, #submenu li.current_page_item a:visited, #submenu li.current_page_ancestor a:visited, #submenu li.current_page_parent a:visited{
	color:#000;
	}
#submenu li:hover, #submenu li.sfhover, #submenu li.current_page_item, #submenu li.current_page_ancestor, #submenu li.current_page_parent{
}
#submenu ul li a:hover{
	background:#e0e0e0;
	}
/* The current page and its group heading (classes set by the script in
   SubNav.ascx): a lighter band in the bar, the usual hover grey in a dropdown. */
#submenu li.current-group > a, #submenu li a.current{
	background:#2f6ea8;
	}
#submenu ul li a.current{
	background:#e0e0e0;
	font-weight:bold;
	}
/* And that's the end of our Suckerfish delight! */