﻿/* CSS Styles For Menu Control */
div.navholder
{    
    width:100%;
    float:left;
    font-size:80%;   
    color:White;
    clear:both;
}

ul.menu 
{
    width:100%;    
    max-width:1024px;
    cursor:pointer;    
    border-bottom:1px solid #cccccc;
    clear:both;
    float:left;    
    padding-bottom:1px;
    min-height:5px;

}

ul.menu li
{
    display:inline;
    float:left;
    padding:6px 15px;
    background-color:#54a759;    
    margin-right:3px;    
	
}

.selected-menu
{
    background-image:url(../assets/images/menu-grad.gif);
}

.selected-menu a,
.selected-menu input[type=submit]
{
    color:#666666 !important;
}

.selected-menu ul li a
{
    color:White !important;
}


ul.menu li a
{
    text-decoration:none;
    color:White;
}

ul.menu li input[type=submit]
{
    color: White;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    min-width: 0px !important;
}

ul.menu li:hover
{
    background-color:#36a13c;
}

ul.menu ul.sub-menu 
{
    height:0px;
    overflow:hidden;   
    z-index:2000;
    position:absolute;
    margin-top:6px;
    margin-left:-15px;
    background-color:#36a13c;
    border-top:0px;
    float:left;
    width:215px;    
}

ul.menu ul.sub-menu li
{
    color:#ffffff;   
    clear:both;
    width:185px;       
    text-align:left;  
    padding-top:0px;
    padding-bottom:0px;
}

ul.menu ul.sub-menu li a
{    
    display:block;
    padding:5px 0px;
    width:100%;
}

ul.menu li:hover ul.sub-menu 
{
    height:auto;
    overflow:visible;   
}

ul.menu li:hover ul.sub-menu li:hover
{
    color:White;
    background-color:#36a13c;
}

ul.menu .no-cursor a
{
    cursor:default;
}


ul.menu .no-cursor .sub-menu a
{
    cursor:pointer;
}

.access-key-wrap .no-cursor a
{
    cursor:default;
    text-decoration:none;
}

.access-key-wrap .no-cursor ul li a
{
    cursor:pointer;    
    text-decoration:underline;
}

ul.sub-menu-1, .sub-menu-1 li
{
    /*width:130px !important; Fix text wrapping issue on accessibility page*/
}
