.MainMenu ..AspNet-Menu-Horizontal {
	z-index: 300;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu {
    width: 756px;
	z-index: 300;
}

.MainMenu ul.AspNet-Menu /* Tier 1 */
{
    width: 756px;
   	font-size: 10px;
	text-transform: uppercase;
	margin-top: 0px;
   	border-bottom: solid 6px #7D7C4E;	
    background: #A3A269;
    height: 26px;
	z-index: 300;
}

.MainMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    top: 100%;
    left: 0;
    border-bottom: solid 1px white;
    border-top: solid 1px white;
    margin-top: 6px;
    z-index: 300; 
    width: 120px;
    /*width???*/
}

.MainMenu .AspNet-Menu-Link {
	color: #ffffff;	
	z-index: 300;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.MainMenu ul.AspNet-Menu li
{
    width: 126px;
    text-align: center;
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
   	border-bottom: solid 6px #7D7C4E;	
	z-index: 300;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.MainMenu ul.AspNet-Menu ul li
{
    text-align: left;
    width: 120px;
    height: 26px;
	padding-left: 5px;
	border-bottom: solid 1px white;
    z-index: 300;
}

.MainMenu li /* all list items */
{
	white-space: nowrap;
    width: 126px;
    background: #A3A269;
    color: white;
	font-family: Georgia, Garamond, Times, serif;
    z-index: 300;
}

.MainMenu li:hover, /* list items being hovered over */
.MainMenu li.AspNet-Menu-Hover
{
    background: #7D7C4E;
    z-index: 300;
}

.MainMenu ul.AspNet-Menu li a:hover,
.MainMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
	z-index: 300;
}

.MainMenu a, /* all anchors and spans (nodes with no link) */
.MainMenu span
{
	padding: 0px;
    color: white;
    padding: 4px 2px 4px 8px;
    z-index: 300;
}

.MainMenu a:visited {
	color: #ffffff;	
}

.MainMenu li.AspNet-Menu-Leaf a, /* leaves */
.MainMenu li.AspNet-Menu-Leaf span
{
	color: #ffffff;
    z-index: 300;
}

.MainMenu li:hover a, /* hovered text */
.MainMenu li:hover span,
.MainMenu li.AspNet-Menu-Hover a,
.MainMenu li.AspNet-Menu-Hover span,
.MainMenu li:hover li:hover a,
.MainMenu li:hover li:hover span,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.MainMenu li:hover li:hover li:hover a,
.MainMenu li:hover li:hover li:hover span,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #ffffff;
    z-index: 300;
}

.MainMenu li:hover li a, /* the tier above this one is hovered */
.MainMenu li:hover li span,
.MainMenu li.AspNet-Menu-Hover li a,
.MainMenu li.AspNet-Menu-Hover li span,
.MainMenu li:hover li:hover li a,
.MainMenu li:hover li:hover li span,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.MainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #ffffff;
    z-index: 300;
}

.MainMenu .AspNet-Menu-Selected /* this tier is selected */
{
    background: #7D7C4E;
    color: #ffffff;
    z-index: 300;
}

.MainMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    background: #7D7C4E;
    color: #ffffff;
    z-index: 300;
}

.MainMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    background: #7D7C4E;
    color: #ffffff;
    z-index: 300;
}