.menuBackground {
	width:100%;
	margin: 0;
	/* the menu has no content as it all floats left, 
		so explicitly set the height so the background appears*/
	height: 70px;
	font-size: 14px;
}

#content {
	clear: left;
}

#menu 
{
	text-align: left;
}

#menu, #menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#menu .menuItemContent a
{
	color:white;
	text-decoration:none;
	display: block;
	width: 117px;
	height: 70px;
}

#menu li 
{
	float: left;
}


#menu .menuItemContent {
	height: 70px;
	width: 100px;
}

#menu li.current .subItem a
{
	background-image: none;
}

#menu li.current a
{
	background-image: url(/images/100pxheaderw2.png);
	background-repeat: repeat-x;
}

#menu li.current a
{
	color: black;
	height: 70px;
}

#menu li.menuitem a 
{
	text-align: center;
}

#menu li.current a
{
	text-align: center;
	width: 100px;
}

#menu li.current a span
{
	color: #0080A3;
	border-bottom: solid 3px #FABC09;
}

#menu li.menuitem a span
{
	color: #FABC09;
}

#menu li.menuitem a span:hover
{
	border-bottom: solid 3px #0080A3;
}

#menu li .arrow
{
	height: auto;
	margin-left: 5px;
}

#menu li img
{
	height: 70px;
	vertical-align: middle;
}

#menu li.subMenuItemContent a:hover
{
	background-color: #F4F4EA;
	color: #0080A3;
}

#menu li ul { /* second-level lists */
	position: absolute;
	width: 200px;
	left: -99999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 10;
}

#menu li:hover ul, #menu li.sfhover ul { left: auto; z-index:8009; min-height:0;
}

#menu li.subMenuItemContent a
{
	color: LightGrey;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 200px;
	height: auto;
	text-align: left;
}

#menu li.subMenuItemContent {
	background-color: #362F27;
	width: 200px;
	border-top: dotted 1px LightGrey;
	font-size: 12px;
}















































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */