/* 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 { margin-left:5px; }

/* 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: 24px;
	/*font-size:10px;*/
	/*font-family: Helvetica, Arial, Verdana, sans-serif;*/
	/*font-weight:bold;*/
	text-align:center;
	margin-left:1px;
	margin-top:10px;
	margin-bottom:4px;
}

/* 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: 120px;
	margin-top:0px;
	margin-bottom:0px;
	border-bottom:1px Solid #FFFFFF;
}

/* any specifics for the first and last element */
li#first {
	padding-left:10px;
	width: 60px;
}

li#last {
	width: 60px;
}

/* 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; }