.CssAdapterMenu .AspNet-Menu-Horizontal
{
z-index:200;
position:relative;
font-family: Sans-Serif;
font-size: 11px;


}

.CssAdapterMenu ul.AspNet-Menu /* Tier 1  ------  This is the Whole Menu line or div, not just the button section. */ {
    width: 100%;
    cursor: pointer;
    border:solid 1px gray;
    background-color:#E6E1D0;

}

.CssAdapterMenu ul.AspNet-Menu ul /* Tier 2   In effect, this is the Home button.  */ 
{
    width: 2em;
    top: 100%;
    left: 0;

}


.CssAdapterMenu ul.AspNet-Menu ul ul /* Tier 3+ */ {
    top: -0.5em;
    left: 6em;

}


.CssAdapterMenu li
{
    width: 14em;
    font-family: Sans-Serif;
    font-size: 11px;
    font-variant: small-caps; /*    background-image: url('Images/Chrome/pro_15_2.gif'); */
    background-color: #E6E1D0;
    font-weight:bold;

}

.CssAdapterMenu li:hover, .CssAdapterMenu li.AspNet-Menu-Hover
{
    color: Gray; /*    background-image: url('Images/Chrome/pro_15_1.gif');  */
    background: #003366;
}

.CssAdapterMenu a, .CssAdapterMenu span {           /* all anchors and spans (nodes with no link) ***In effect, this affects the items in the top menu line  */ 
    color: #666666;
    font-weight:800;
    padding: 4px 2px 6px 2px;
    border: 1px solid #cccccc;
    background: transparent url('Images/Backgrounds/arrowDown.gif') right center no-repeat;
}

.CssAdapterMenu li.AspNet-Menu-Leaf a, /* leaves */ .CssAdapterMenu li.AspNet-Menu-Leaf span {
    background-image: none !important;
    
}

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


/* the tier above this one is hovered.  So, In Effect, this controls the items in the drop down menus */ 
.CssAdapterMenu li:hover li a,.CssAdapterMenu li:hover li span,
.CssAdapterMenu li.AspNet-Menu-Hover li a, .CssAdapterMenu li.AspNet-Menu-Hover li span, 
.CssAdapterMenu li:hover li:hover li a, .CssAdapterMenu li:hover li:hover li span, 
.CssAdapterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .CssAdapterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
.CssAdapterMenu li:hover li:hover li:hover li a, .CssAdapterMenu li:hover li:hover li:hover li span, 
.CssAdapterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .CssAdapterMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #666666;
    background: transparent url('Images/Backgrounds/arrowRight.gif') right center no-repeat;
}

.CssAdapterMenu .AspNet-Menu-Selected /* this tier is selected */ {
    border: solid 0px #cccccc !important;
}
  
.CssAdapterMenu .AspNet-Menu-ChildSelected
{
    border: 1px solid #C0C0C0;

}

.CssAdapterMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */ {
    border: solid 1px #cccccc !important;
}