/* Style sheet for drop down menus */


/* standard formating stuff */
#nav, #nav ul { padding: 0; margin: 0; list-style: none; }

/* Any site specific stuff goes here */
#nav {  }

/* padding used to position text in drop down box */
/* use this element to control the margin between elements on the list*/
#nav a { 
	display: block;
	line-height: 22px;
	font-size:13px;
	font-family: Verdana, sans-serif;
	text-align:center;
	margin-left:2px;
	margin-top:0px;
	margin-bottom:0px;
}

/* margin top and bottom set space between dropdown elements. NB if you use just 'margin' it will indent dropdown box to the left*/ 
/* if margin set to more than 0 then menu's disappear when user tries to scroll down them */
#nav li { 
	float: left;
	width: 250px;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#454B2F;
}
.drop { border:1px Solid #EEEEEE; line-height:16px; font-size:10px; height:18px; }

/* any specifics for the first and last element */
li#first {
	width: 200px;
}

li#last {
	width: 200px;
}

/* used to hide the dropdown menu when not displayed, a work around for other browsers*/
#nav li ul { position: absolute; width: 100px; left: -999em; }
#nav li:hover ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }