/*My*/

.sf-menu
{
    width:100%;
    margin: 0;
padding: 0;
list-style: none;
 font-family: 'PT Sans Narrow', Arial;
 font-size:10pt;
 background-color:rgb(237, 242, 248);
 
 
    
    }
.sf-menu li 
{
    line-height: 1.0;
font-size: 13px;
font-weight: 600;
float: left;
position: relative;
background: url(../images/nav-divider.png) no-repeat center right;
padding-right: 1px;
}

.sf-menu li:hover
{
    background-image:url(../images/tab-selected.png);
background-position: 50% 34px;
color:#DF2020;
}

.sf-menu li a 
{
    border-radius:2px;
    -moz-border-radius:2px;
display: block;
position: relative;
padding: 6px 14px 6px 14px;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;

margin-left:10px;
color:White;
}

.sf-menu li a:hover
{
-webkit-transition: color ease .5s;
-moz-transition: color ease .5s;
-o-transition: color ease .5s;
transition: color ease .5s;
color: white;

background: none repeat scroll 0 0 rgba(255,255,255, 0.9);

opacity: 0.8;

}

.sf-menu li a:active
{
    color:#80B600;  
    border-color: #80B600;
}

.sf-menu li ul 
{
    left:22px;
    background-color:White;
    background: none repeat scroll 0 0 rgba(88, 186, 233, 0.9);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);

    width:200px;
    position:absolute;
   margin: 0;
padding: 0;
list-style: none;
z-index: 9999;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
border-color: #80B600;
top:35px;
opacity:0.9;
/*border-bottom: 5px solid #CF0F0F;*/
}

.sf-menu li ul::after
{
 position: absolute;
top: -6px;
left: 10px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid rgba(88, 186, 233, 0.9);
border-left: 6px solid transparent;
content: '';

}


.sf-menu li ul li
{
     float:none;
position: relative;

     display:block;
     border-bottom: 1px solid #E5E5E5;
    }
    
    
    .sf-menu li ul li:hover
{
    background-image:none;
    /*background: #80B600 url(../images/arrow-top.png) no-repeat top center;*/
}
	
	
		 
	
    .sf-menu li ul li a 
    {
        
         font-size:9pt;
        padding: 8px 10px 8px 10px;
         margin-left:0px;
         border-radius:0px;
         -moz-border-radius:0px;
          text-align:left;
          color:White;
     
     }
     
    .sf-menu li ul li a:hover
    {
        
        border-top: 0px solid white; 
         background-color:#F9F9F9;   
         color: rgb(237, 95, 48);
        }
    
    
        




.sf-sub-indicator {
position: absolute;
display: block;
right: 5px;
top: 17px;
width: 10px;
height: 7px;
text-indent: -999em;
overflow: hidden;
background: url('../images/arrows.png') no-repeat;
}



.sf-menu li ul li ul 
{
    left:200px;
    top:0px;
    background-color:White;
    background: none repeat scroll 0 0 rgba(88, 186, 233, 0.9);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);

    width:200px;
   margin: 0;
padding: 0;
list-style: none;
z-index: 9999;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
border-color: #80B600;
opacity:0.9;
/*border-bottom: 5px solid #CF0F0F;*/
}


.sf-menu li ul li ul::after
{
 position: absolute;
top:0px;
left: 10px;
display: inline-block;
border-right: 0px solid transparent;
border-bottom: 0px solid rgba(88, 186, 233, 0.9);
border-left: 0px solid transparent;
content: '';

}