/* ===== Navigation Bar Styles ===== */
#nav
{
	background-color: #eee;
	border-bottom: 2px solid #000;
	margin: 0;
	width: 100%;
}

#nav ul
{
	height: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav ul li
{
	float: left;
	margin: 0;
	padding: 0;
	width: 7em;
}

#nav a
{
	color: #036;
	display: block;
	font-family:  Stonehenge, Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 14px;
	margin: 0;
	padding: 2px 15px 3px 5px;
	text-decoration: none;
}

#nav li:hover a
{
	background-color: #036;
	color: #fff;
}


#nav ul li ul
{
	position: absolute;
	display: none;
	background-color: #fff;
	/* border-left: 1px solid #333; */
	/* width: auto; */
	width: 12em;
	z-index: 1;
}

#nav li:hover ul 
{
	/* float: none; */
	display: block;

}

#nav ul li ul li
{
	float: none;
	background-color: #fff;
}

#nav ul li ul li a
{
	background-color: #fff;
	border-left: 1px solid #000;
	border-right: 1px solid #000;	
}

#nav ul li ul li a.lastItem
{
	border-bottom: 1px solid #000;
}

#nav ul li ul li a:hover
{
	background-color: #eee;
	color: #036;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#nav ul li {width: auto;}