/* 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: 14em;
	/*This width is set specifically for this site. It can be changed for future sites, but it must be present.*/
}
#nav li:hover ul, #nav li.sfHover ul {
	left: auto;
}
/*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 AREH*/
#nav a:link, #nav a:visited {
	color: #092E46;
}
#nav a:hover {
	text-decoration:none;
}
#nav li ul li {
	/*float: none;*/
	background-color: #ffffff;
	background-image: url(../images/nav-bg1.jpg);
	background-repeat: repeat-y;
	border-bottom: 1px solid #3989dc;
	border-left: 1px solid #3989dc;
	border-right: 1px solid #3989dc;
	z-index: 1;
	margin: 0;
}
#nav li ul li.first {
	background-image: url(../images/nav-bg2.jpg);
	background-repeat: no-repeat;
}
#nav li ul li:hover, #nav li ul li.sfHover {
	background-image: url(../images/nav-bg1-rodark.jpg);
}
#nav li ul li.first:hover {
	background-image: url(../images/nav-bg2-rodark.jpg);
}
#nav li ul a {
	padding: .4em 1em .2em;
	width: 12em;
	/*This width is for proper display in IE6. Width + padding here must match the width above in nav li ul.*/
}