/* CSS Document */
/*Code from Suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns/*/
/*The js document navhover.js is required to make this code function in IE*/

/*On LBM's site, I used float: none on the nav li ul li to get the dropdowns to line up vertically.
On this site for some reason that didn't work in IE - possibly interfering with other height specifications
for the nav items? Anyway, I removed the float and set widths for the dropdowns instead, and that seems to 
work fine.*/

/*Structural Elements for CSS Menu*/
#nav ul, #nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#nav a {
	display: block;
	width: auto;
}
#nav li {
	float: left;
	width: auto;
	position: relative;
}
#nav li ul {
	position: absolute;
	left: -999em;
	width: 15em;
	/*This width is set specifically for this site. It can be changed for future sites, but it must be present.*/
}
#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 {
	left: auto;
	z-index: 10;
}
/*This item solves the sticking issue in ie7 - from http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7*/
#nav li:hover, #nav li.sfHover {  
    position: static;  
}  


/*Design Elements specific to NFJ*/

#nav a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#nav li ul li {
	/*float: none;*/
	color: #ffffff;
	background-color: #9F2E06;
	border-top: 1px solid #5161ac;
	z-index: 10;
}
#nav li ul a {
	padding: .2em 1em;
	width: 13em;
	/*This width is for proper display in IE6. Width + padding here must match the width above in nav li ul.*/
}

/*Design  and Layout for 3rd level*/ 
#nav li ul ul {
	margin: -1.7em 0 0 15em;
}
#nav li ul ul li {
	border-left: 1px solid #5161ac;
}