/*Applies to the DIV that holds the Menu*/


.RadMenu_rad_menuSkin
{
    background: inherit;
    position: relative;
    float: none;
    width: 100%;
    margin: 0px;
   
}



.RadMenu_rad_menuSkin .leftImage
{
    padding: 0px;
    margin: 0px;
    _margin-right: -3px;
    _margin-left: -3px;
}


.RadMenu_rad_menuSkin .item
{
    padding: 0px;
    margin: 0px;
}




/*-------------------*/
/*----PARENT TAB----*/
/*-----------------*/

/* applies to the root and sub menu items <a> tag */
.RadMenu_rad_menuSkin .rootGroup .link:link, .RadMenu_rad_menuSkin .rootGroup .link:visited
{
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none !important;
}

.RadMenu_rad_menuSkin .rootGroup .first .link
{
    padding-left: 20px;
    text-decoration: none !important;
}

.rootGroup .ItemClicked
{
    text-decoration: none !important;
    background-image: url(images/menu-active_bg.gif) !important;
    background-position: left top;
    background-repeat: repeat-x;
  
}

.RadMenu_rad_menuSkin .rootGroup .link:hover, .RadMenu_rad_menuSkin .rootGroup .expanded
{
    text-decoration: none !important;
    background-image: url(images/menu-hover_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
}



/*root level */
.RadMenu_rad_menuSkin .rootGroup .link .text
{
    text-transform: uppercase;
    font-family: Serif, Garamond, Times New Roman;
    color: #605d59;
    font-size: 10px;
}

/*-------------------*/
/*----CHILD TAB-----*/
/*-----------------*/

/* applies to sub menu <ul> containers */
.RadMenu_rad_menuSkin .group
{
    background: transparent;
    min-width: 166px;
    overflow: visible;
    background-color: #5a5a5a; #
    _width:166px!important;


}

.RadMenu_rad_menuSkin .group li
{
    color: #979797;
    background-color:#5a5a5a;
    display:block;
    min-width: 166px; #
_width:166px!important;
}

.RadMenu_rad_menuSkin .group li:hover, .RadMenu_rad_menuSkin .group .iehover
{
    background-color: #424242 !important;

    
}

/* applied to the <a> tag of the sub menu items */
.RadMenu_rad_menuSkin .group .link
{
    color: white !important;
    text-align: left;
    height: 27px;
    position: relative;
    min-width: 166px;
    padding-left: 10px !important;
    background-image: url(images/sq_bullets.gif);
    background-position: left center;
    background-repeat: no-repeat;
    margin-left:10px;
    display: block;
}


.RadMenu_rad_menuSkin .group .first .link
{
    text-decoration: none !important;
    margin: 0px;
    padding-left: 10px !important;
    margin-left: 10px;
}

/*applies to the image that appears on the left of sub menus, the icons */
.RadMenu_rad_menuSkin .group .leftImage
{
    margin-top: 5px;
    margin-right: 5px;
}



/* applied to the <a> tag of the sub menu items on rollover */
.RadMenu_rad_menuSkin .group .link:hover, .RadMenu_rad_menuSkin .group .focused, .RadMenu_rad_menuSkin .group .expanded
{
    
    color: #FFFFFF;
    text-decoration: none;
    background-image: url(images/sq_bullets.gif);
    background-position: left center;
    background-repeat: no-repeat;
      background-color: #424242 !important;
}


/*applied to text in sub menu items */
.RadMenu_rad_menuSkin .group .link .text
{
    color: #fff;
    font-family: arial, Tahoma;
    text-transform: capitalize;
}


.RadMenu_rad_menuSkin .group .link:hover .text, .RadMenu_rad_menuSkin .group .focused .text
{
    color: #FFFFFF;
    text-decoration: none;
  
}




.RadMenu_rad_menuSkin .item span.expandLeft, .RadMenu_rad_menuSkin .expandLeft:hover
{
    background-image: url(images/menu_arrow.gif);
    background-position: right center;
    background-repeat: no-repeat;
}


/* applies to the root and sub menu rollover state */
.RadMenu_rad_menuSkin .link:hover, .RadMenu_rad_menuSkin .focused, .RadMenu_rad_menuSkin .expanded
{
    display: block;
}

