
/*Overall Menu Styling Start*/
.menu 
{
    float:left;
    height:40px; 
    position:relative; 
    z-index:99;
    font-family:arial, sans-serif;
    font-size:1.2em;
    font-weight:bold;
}

.menu ul 
{
    padding:0px;
    margin:0px;
    list-style-type:none;
}

.menu li 
{
    float:left;
    width:116px;
    position:relative;
    padding:0px 0px 1px 0px;    
}

.menu li:hover
{
    background-image:url('../images/Generic/SelectedMainNavBtnBG.gif');
    background-position:left bottom;
    background-repeat:no-repeat;
}

.menu ul ul li 
{
    padding:0px;
}
.menu li span
{
    padding:7px 0px 0px 0px;
    width:75px;
    height:33px;
    position:relative;
    display:block;
    font-weight:bold;
    font-size:1.1em;
}

.menu a, 
.menu a:visited 
{
    display:block;
    text-decoration:none; 
    color:#000000; 
    width:106px; 
    height:40px; 
    background-image:url('../images/Generic/MainNavBtn.gif');
    background-repeat:no-repeat;
    padding-left:10px;
    font-weight:bold;
}

.menu li.selected a
{
    background-image:url('../images/Generic/selected-tab.gif');
}

.menu li.selected ul a
{
    background-image:none;
}

.menu :hover > a
{
    background-color:Transparent;
    /*background-image:url('../images/Generic/SelectedMainNavBtn.gif');*/
    background-repeat:no-repeat;
    color:#000000;
}

/*Overall Menu Styling End*/

/*Second level Menu Styling Start*/
.menu ul ul 
{
    width:214px;
    visibility:hidden;
    position:absolute;
    top:41px;
    
}

.menu ul ul a.sub, 
.menu ul ul a.sub:visited 
{
    background-color:#FFEB00;
    background-image:url('../images/arrow.gif');
    background-repeat:no-repeat;
    background-position:190px center;
}


.menu ul ul li 
{
    background-image:none;
}

.menu ul ul a.sub:hover
{
    background-color:#CFDF00;
    color:#FFFFFF;
    background-image:url('../images/arrow.gif');
    background-repeat:no-repeat;
    background-position:190px center;
}

.menu ul ul :hover > a.sub 
{
    background-color:#CFDF00;
    color:#FFFFFF;
    background-image:url('../images/arrow.gif');
    background-repeat:no-repeat;
    background-position:190px center;
}

.menu ul ul a, 
.menu ul ul a:visited 
{
    background:#FFEB00; 
    color:#000000; 
    height:auto; 
    padding:3px 10px; 
    width:194px;
    opacity:0.9;
}

 
.menu ul ul :hover > a 
{
    color:#FFFFFF; 
    /*background-color:#87A6DC;*/
    background-color:#CFDF00;
    background-image:none;
}

/*Second level Menu Styling End*/

/*Third level Menu Styling Start*/
.menu ul ul ul a, 
.menu ul ul ul a:visited 
{
    background-color:#FFEB00;
}

.menu ul ul ul a:hover 
{
    background-color:#CFDF00;
    color:#FFFFFF;
}

.menu ul ul ul
{
    left:214px; 
    top:0px; 
    width:204px;
}

.menu ul ul ul.left 
{
    left:-214px;
}

/*Third level Menu Styling End*/


/*Show and hide menus when hovering start*/
.menu ul li:hover ul,
.menu ul a:hover ul
{
    visibility:visible; 
    cursor:pointer;
}

.menu ul :hover ul ul
{
    visibility:hidden;
}

.menu ul :hover ul :hover ul
{ 
    visibility:visible;
}

/*Show and hide menus when hovering end*/