.contentMenu 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:100%;
    margin-top:10px;
    margin-left:0px;
    vertical-align:middle;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    
}

.contentMenu li /* all list items */
{
    
    color:#ffffff;
    overflow:visible;
    padding-left:10px;
    display:inline-block;
    vertical-align:middle;
    background: url(../images/masterFront/contentMenu/itemSeparatorImage.png) no-repeat left;
}

.contentMenu a.AspNet-Menu-Link 
{
	vertical-align:middle;
	
	padding-left:15px;
}



.contentMenu li:hover, /* list items being hovered over */
.contentMenu li.AspNet-Menu-Hover
{
    color: #1036A1;
    
    padding-left:10px;
    vertical-align:middle;
    background:white url(../images/masterFront/contentMenu/itemSeparatorImage.png) no-repeat left;  
}



.contentMenu a, /* all anchors and spans (nodes with no link) */
.contentMenu span
{
	vertical-align:middle;
	color:#1036A1;
	margin-left:5px;
	padding:8px;
    line-height:15px;
    /*border:1px solid #cccccc;*/
    
}

.contentMenu li.AspNet-Menu-Leaf a, /* leaves */
.contentMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
    vertical-align:middle;
    margin-left:5px;
    color:White;
    
}

.contentMenu li:hover a, /* hovered text */
.contentMenu li:hover span,
.contentMenu li.AspNet-Menu-Hover a,
.contentMenu li.AspNet-Menu-Hover span
{
    color: #1036A1;
    
    padding-left:15px;
    vertical-align:middle;
    
    
}

.contentMenu li.AspNet-Menu-Selected, .contentMenu li img.AspNet-Menu-Selected  /* this tier is selected */
{
    color: #1036A1;
    
    overflow:visible;
    padding-left:10px;
    vertical-align:middle;
    background-color:White;
    
    
    
}

.contentMenu li a.AspNet-Menu-Selected
{
	color:#1036A1; 
	
	margin-left:5px;
	vertical-align:middle;
	
}