.CBGMenu ul.AspNet-Menu /* Tier 1 */
{
    width: 590px; /*50em Control total width of menu. This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */
    font-size:0.65em; /* master control font size in the menu*/
    font-weight:bold;
    text-align:center;
    margin-top:0px;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(../images/top_bg.gif) repeat-x;
    
    
}

.CBGMenu ul.AspNet-Menu ul  /* Tier 2. Must match with .CBGMenu li*/
{
    width: 118px;
    top: 100%;
    left: 0;
    
    /*background-color:#ff0;
    
    background: url(../images/submenu_bg.gif) repeat-x;*/
    
}

.CBGMenu ul.AspNet-Menu ul ul  /* This one control Tier 3 position */
{
    top: 0px;
    left: 160px;
}

.CBGMenu li /* all list items . for changing width of menu*/
{
    width: 118px;
    height: 31px;
    
    /*background: #000; item background  */

   /* background: url(../images/top_bg.gif) repeat-x;
    background-color:#333333;*/
}

.CBGMenu li:hover, /* list items being hovered over */
.CBGMenu li.AspNet-Menu-Hover
{
    background: #e7e7e7;
    color:#3f4142;
}

.CBGMenu a, /* all anchors and spans (nodes with no link) */
.CBGMenu span
{
    color: #f0f0f0; /* this is item color */
    padding: 6px 1px 7px 1px;
    /*border:1px solid #000000; --> item border
    background: transparent url(arrowRight.gif) right center no-repeat;*/
}

.CBGMenu li.AspNet-Menu-Leaf a, /* leaves */
.CBGMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
    /*font-size:60%;*/
    
}

.CBGMenu li:hover a, /* hovered text */
.CBGMenu li:hover span,
.CBGMenu li.AspNet-Menu-Hover a,
.CBGMenu li.AspNet-Menu-Hover span,
.CBGMenu li:hover li:hover a,
.CBGMenu li:hover li:hover span,
.CBGMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.CBGMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.CBGMenu li:hover li:hover li:hover a,
.CBGMenu li:hover li:hover li:hover span,
.CBGMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.CBGMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: #333333;/*3f4142link text hover color */
    /*border-left:solid 1px #999999;
    border-right:solid 1px #999999;
    background: transparent url(../images/submenu_bg.gif) repeat-x;*/
}

.CBGMenu li:hover li a, /* the tier above this one is hovered. This is for tier 2 display style*/
.CBGMenu li:hover li span,
.CBGMenu li.AspNet-Menu-Hover li a,
.CBGMenu li.AspNet-Menu-Hover li span,
.CBGMenu li:hover li:hover li a,
.CBGMenu li:hover li:hover li span,
.CBGMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.CBGMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: #FFFFFF;
    height:23px;
    
    /*background: transparent url(../images/submenu_bg.gif) repeat-x;*/
}

/* control drop down item link color and bg color*/
.CBGMenu .AspNet-Menu-WithChildren .AspNet-Menu-Leaf /* this tier is selected */
{
    width:160px !important;
    background-color:#5c5c5c;
    border-bottom:1px solid #f0f0f0;
    /*background: url(../images/top_bg.gif) repeat-x !important;*/
    /*text-align:left !important;
    padding-left:5px !important;*/
    
}
.CBGMenu .AspNet-Menu-WithChildren .AspNet-Menu-WithChildren /* this tier is selected */
{
    width:160px !important;
    background-color:#5c5c5c;
    border-bottom:1px solid #f0f0f0;
   /* background: url(../images/top_bg.gif) repeat-x !important;*/
    
}
.CBGMenu .AspNet-Menu-WithChildren .AspNet-Menu-Leaf a:hover /* this tier is selected */
{
    color:#000 !important;
    background-color:#b2b2b2 !important;
    
    
}
.CBGMenu .AspNet-Menu-WithChildren .AspNet-Menu-WithChildren a:hover /* this tier is selected */
{
    color:#000 !important;
    background-color:#b2b2b2 !important;
   
    
}