﻿.mainMenu .AspNet-Menu-Horizontal 
{
	position: relative;
	z-index: 300;
	background-color: Black;
	width: auto;
	margin: auto;
	line-height: 1.4em;
	height: 1.4em;
	right: 0;
	left: 0;
	top: 0;
}
.mainMenu ul.AspNet-Menu /*Tier 1*/
{
	float:left;
	white-space:nowrap;
}

.mainMenu ul.AspNet-Menu ul /*Tier 2*/
{
	width: auto;
	left:0%;
	background:Black;
	z-index:400;
	list-style-type: none;
    margin: 0;
    display:none;
}
.mainMenu ul.AspNet-Menu ul li /*Tier 2 list items*/
{
    width: auto;
    float: left;
    clear: left;
    height: 100%;
    white-space: nowrap;
    line-height: 1.4em;
	height: 1.4em;
	padding: .2em 0;
}
.mainMenu ul.AspNet-Menu ul ul /*Tier 3+ */
{
    top: -0.5em;
    left: 6em;
    position: absolute;
	margin: -5% 0 0 95%;
}

.mainMenu li
{
	font-size:.9em;

}
.mainMenu li:hover, 
.mainMenu li:AspNet-Menu-Hover
{
	background: Blue;
}
.mainMenu a,
.mainMenu span
{
	color:white;
	padding: 0;
	background: transparent url(images/arrowRight.gif) right center no-repeat;
	/*width: 6em; add this back to get fixed width menu items */
	padding: 0 1em;
	
}
.mainMenu li.AspNet-Leaf a, 
.mainMenu li.AspNet-Menu-Leaf span
{
	background-image: none !important;
}
.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: White;
}
.mainMenu li:hover li a, /* the tier above this one is hovered text */
.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: white;
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
