#MainNav { vertical-align:middle;  background-color: #e31b0b; width: 780px; height: 27px; border-top: solid 1px white;} 
#MainNav ul li a{color: white;  font-size: 1.05em; font-weight: bold; text-decoration: none;}
#MainNav ul li a:hover{ color: Gray; text-decoration:none;}

#MainNav .HiddenHover
{
	padding: 0px;
	position: absolute;
	visibility:	hidden;
	width: 150px;
	background-color: #e31b0b;
	border: solid 1px #e31b0b;
}

#MainNav .HiddenHover ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
	border: solid 1px white;
}
#MainNav .HiddenHover ul li
{
	font-size: 8pt;
	padding: 4px 2px 4px 2px;
	margin: 0px;
	background-color: #e31b0b;
	width: 144px;
}

#MainNav .HiddenHover ul li.Hover
{
	background-color: #666666;
	cursor: pointer;
}
#MainNav .HiddenHover ul li.Hover a:Hover
{
	color: White;
}

#MainNav .HiddenHover ul li.hasChildren
{
	background-position: right center;
	background-image: url(../Images/arrow-right.gif);
	background-repeat: no-repeat;
}

#MainNav .HiddenHover ul li.hasChildrenHover
{
	background-position: right center;
	background-image: url(../Images/arrow-right.gif);
	background-repeat: no-repeat;
	background-color: #666666;
	color: White;
	cursor: pointer;
}

#MainNav .HiddenHover ul li.hasChildrenHover a:Hover
{
	color: White;
}

#menu 
{

} 

#menu ul 
{ /* remove bullets and list indents */
	list-style: none;
	margin: 0px 0px 0px 11px;
	padding: 0px;
}

#menu ul li.hasChildren
{
	background-position: right center;
	background-image: url(../Images/arrow-down.gif);
	background-repeat: no-repeat;
	padding-right: 15px;
}

* html #menu ul li a
{
	height: 1%; /* IE fix: make links honour display: block; properly */
}

* html #menu ul li
{
	float: left; /* IE fix: "whitespace in lists" problem */

}

#menu li
{
	/* make the list elements a containing block for the nested lists */

	background-color: #e31b0b;
	float: left;
	margin: 0px 30px 0px 0px;
} 

#menu li a.selected
{
	font-weight: bold;
	text-decoration: underline;
}