/* 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.*/

/*Pixels were used throughout this nav because expanding the nav makes the design break on this particular site,
so this was my attempt to at least prevent that from happening in IE, which is all I can control.
Ideally, ems should be used instead of pxs whenever possible. */

/*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: 180px;
	/*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 Bikeways*/
#divNav {
	background-color: #7B0C05;
	width: 758px;
}
#nav a:link, #nav a:visited {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
}
#nav li img {
	vertical-align: -8px;
}
#nav li {
	margin-right: 3px;
}
#nav li ul li {
	/*float: none;*/
	background-color: #7B0C05;
	border-top: 1px solid #899ab0;
	margin-left: 15px;
	margin-right: 0px;
	z-index: 10;
}
#nav li ul a {
	padding: 0px 10px;
	width: 160px;
	/*This width is for proper display in IE6. Width + padding here must match the width above in nav li ul.*/
}