ul#menu {
	clear: both;
}

ul#menu, ul#menu ul { /* all menus */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2em;
	font-variant: small-caps;
	margin-top: -1px;
}

ul#menu li { /* menu items */
	float: left;
	width: 7em;
	background-color: #fff;
	border: solid 1px;
	text-align: center;
	padding: 0.2em 0;
	margin-left: -1px;
}

/* using left instead of display to hide menus because display: none isn't read by screen readers */

ul#menu li ul { /* second level menus */
	position: absolute;
	width: 11em;
	left: -999em; 
	margin-top: 3px;
}

ul#menu li ul li { /* second level menu items */
	padding: 0.2em 0.5em;
	text-align: left;
	width: 11em;
	margin-top: -1px;
}

ul#menu li ul ul { /* third level menus */
	margin: -1.4em 0 0 11.5em;
}

ul#menu li li li { /* second level menu items */
	margin-left: 0;
}

ul#menu li:hover   ul ul, ul#menu li:hover   ul ul ul, 
ul#menu li.sfhover ul ul, ul#menu li.sfhover ul ul ul {
	left: -999em;
}

ul#menu li:hover   ul, ul#menu li li:hover   ul, ul#menu li li li:hover   ul, 
ul#menu li.sfhover ul, ul#menu li li.sfhover ul, ul#menu li li li.sfhover ul {
/* lists nested under hovered list items */
	left: auto;
}

ul#menu li:hover, 
ul#menu li.sfhover   {background-color: #eeeeee}

ul#menu a {
	text-decoration: none; /* don't crap up the links with underlines */
	display: block;
	width: 7em;
}

ul#menu ul a {
	width: 11em;
}

ul#menu img {float: right;}

li.past {display: none;}