.frontMainMenu ul.AspNet-Menu /* Tier 1 */
{
    width: 100%; /* This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
    height:30px;
    font-family:Arial;
    font-weight:bold;
    color:Blue; list-style-type:none;    
}

.frontMainMenu ul.AspNet-Menu-Horizontal 
{
	width:100%;
}

.frontMainMenu ul.AspNet-Menu ul  /* Tier 2 */
{
    height:20px;
    color:#376cb0;
    width:200px;
}

.frontMainMenu ul.AspNet-Menu ul ul  /* Tier 3+ */
{
    color:#376cb0;
    height:20px;
    width:100px;
    
}

.frontMainMenu li /* all list items */
{
    height:20px;
    width:200px;
    color:White;
    border-left:1px solid #7398c8;
    border-right:1px solid #254771;
    
}

.frontMainMenu li li
{
	background-color:black;
	color:#376cb0;
	height:32px;
	width:200px;
	border:0px;
	padding-top:8px;
	
}

.frontMainMenu li ul 
{
	
	top:0px;
	height:32px;
}



.frontMainMenu li:hover, /* list items being hovered over */
.frontMainMenu li.AspNet-Menu-Hover
{
    color: #FFFFFF;
    background-image:url("../images/menu_tier1_selected_bg.jpg");
    background-position:center center;
    background-repeat:repeat-x;
}

.frontMainMenu li li:hover,
.frontMainMenu li li.AspNet-Menu-Hover 
{
	color:#376cb0;
	padding-top:8px;
	background-image:none;
	
}

.frontMainMenu li:hover li hover 
{
	color:Black;
	height:32px;
}

.frontMainMenu a, /* all anchors and spans (nodes with no link) */
.frontMainMenu span
{
    
    padding: 0px 20px 0px 20px;
    height:32px;
    color:white;
    /*border:1px solid #cccccc;*/
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.frontMainMenu li.AspNet-Menu-Leaf a, /* leaves */
.frontMainMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
    height:32px;
    width:100px;
    
}

.frontMainMenu li:hover a, /* hovered text */
.frontMainMenu li:hover span,
.frontMainMenu li.AspNet-Menu-Hover a,
.frontMainMenu li.AspNet-Menu-Hover span
{
    color: White;
    background: transparent url(activeArrowRight.gif) right center no-repeat;
}

.frontMainMenu li:hover li:hover a, /* Tier 2 hoverstyle */
.frontMainMenu li:hover li:hover span,
.frontMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.frontMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
	color:#FFFFFF;
	background-color:#376cb0;
	margin:0px;
	
	
}

.frontMainMenu li:hover li:hover li:hover a, /* tier 3 hoverstyle*/
.frontMainMenu li:hover li:hover li:hover span,
.frontMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.frontMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
	
}

.frontMainMenu li:hover li a, /* the tier above this one is hovered */
.frontMainMenu li:hover li span,
.frontMainMenu li.AspNet-Menu-Hover li a,
.frontMainMenu li.AspNet-Menu-Hover li span,
.frontMainMenu li:hover li:hover li a,
.frontMainMenu li:hover li:hover li span,
.frontMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.frontMainMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: white;
    background: transparent url(arrowRight.gif) right center no-repeat;
}

.frontMainMenu li.AspNet-Menu-Selected /* this tier is selected */
{
    border-left:1px solid #7398c8;
    border-right:1px solid #254771;
    padding:0px;
    background-image:url("../images/menu_tier1_selected_bg.jpg");
    background-position:center center;
    background-repeat:repeat-x;
    color:White;
    
}

.frontMainMenu li li.AspNet-Menu-Selected
{
	background-color:#376cb0;
	background-image:none;
	border:none;
	
}

.frontMainMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    border-top:1px solid #7398c8;
    border-bottom:1px solid #7398c8;
    
    
    
}

.frontMainMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */
{
    color:White;
    
}