/* Standard Menu Reset */
body, nav, ul, li, a { margin: 0; padding: 0; }     
ul ul, ul ol, ol ol, ol ul { margin-left:0px; margin-bottom:0px; } 
    
body { font-family: "open sans", Helvetica, Arial, sans-serif; }   
a { text-decoration: none; }  
.nav { list-style: none; *zoom: 1; }   
.nav ul { list-style: none; }

/* Main Nav Style Code */
.nav a { padding:10px 0; color:#a6cfed; font-weight:500; font-family:"open sans",Helvetica, Arial, sans-serif; font-size:15px; text-transform:uppercase; text-decoration:none; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }    
.nav li { position:relative; }   
.nav > li { float:left; list-style:none; }
.nav > li > a { padding-bottom:6px; margin:0 10px; z-index:500; position:relative; text-decoration:none; }
.nav > li:last-child > a { margin-right:0; }
        
.sf-sub-indicator { display:none; } 
 
/* Main current Nav Style Code */  
.nav .current a, 
.nav .current a:visited, 
.nav .current a:active { -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.nav > li > a { display:block; } 
.nav > li > a:hover { color:#a6cfed; }
.nav > li:hover > a { color:#a6cfed; }

.nav > li ul { min-width:200px; position:absolute; left:-9999px; }
.nav > li ul li ul { margin-top:0px; margin-left:3px; }
.nav > li.hover > ul { left:0; } 
.nav li li.hover ul { left:100%; top:0; }   
.nav li li { list-style:none; padding-top:0px; padding-bottom:0px; margin-left:0px; } 
        
/* Sub Nav Style Code */ 
.nav li li { border-bottom:0; }     
.nav li li a {
    padding:2px 15px; font-size:17px;
    background:#a6cfed; opacity:1;
    color:#092f57; line-height:38px; font-weight:normal;
    display: block; z-index:100;
    border-bottom: 1px solid #e6e5e5;
    }
 
.nav li li:last-child a { border-bottom: none; } 
      
    .nav li li a:hover {
        display: block; 
        background:#fafafa; 
        color:#ec0928; 
        border-radius:0; 
        box-shadow:none; 
        }

.nav ul li a.sf-with-ul {
    background-image: url("Arrow.png") !important; 
    background-repeat: no-repeat !important; 
    background-position: 93% 50% !important; 
    }
    
.nav ul li a.sf-with-ul:hover {
    background-image: url("Arrow.png") !important; 
    background-repeat: no-repeat !important; 
    background-position: 93% 50% !important; 
    }


/* Sub current Nav Style Code */ 

.nav .current ul li a, 
.nav .current ul li a:visited {
    background:#a6cfed; 
    color:#092f57; 
    border-radius:0; box-shadow:none; 
    }
    
    .nav .current ul li a:hover {
        background:#fafafa; 
        color:#ec0928; 
        }

.nav li.current ul li a,
.nav li.current ul li a:visited {
     border-top:0 !important; border-bottom: 1px solid #e6e5e5 !important;
    }
 
.nav li.current ul li:last-child a { border-bottom: none !important; }             

.MainMenu_Bg .nav > li > a { line-height:50px; color:#ffffff; border-left:1px solid #3d3c3c; }



@media screen and (max-width:1160px) {
    .nav > li > a { margin-right:0; }
}   
    
@media screen and (max-width:980px) {
    .nav a { font-size:14px; } 
    .nav li li a { font-size:14px; }
}

@media screen and (max-width:800px) {
    .nav > li > a { padding-bottom:6px; margin:0 5px; }
    .nav a,.nav li li a { font-size:11px; }
}

@media screen and (max-width: 767px) {	
	#toggle-bar strong      { display: none; }
	#toggle-bar a:focus     { outline:none; }
	nav#full                { display:none; }
	div#mobile              { background:#fff; display:block; border-bottom:none; }

	/* Top black bar that holds the toggle button */
	div#mobile #toggle-bar  { line-height:36px; height:36px; }
    #toggle-bar             { position: absolute; right: 5px; top: 26px; }

	/* Toggle button #1 ("Menu") */
	div#mobile strong a     { margin-left:14px; padding:5px 80px 5px 0; }
    div#toggle-bar a        { color:#333; font-weight:normal; }
    div#toggle-bar a:hover  { color:#333; text-decoration:none; }
    
	/* Toggle button #2 ("Navicon") */
    div#mobile .navicon         {  margin:7px 10px 0 0; float:right; width:34px; height:24px; background: url('../images/menu_bg.png') no-repeat center center; }
    
    /* The dropdown menu */ 
    nav#mobile ul > li          { clear:both; list-style:none; background:#a6cfed; text-align:center; } 
    nav#mobile ul li a          { display:block; padding:6px 12px 8px; border-bottom: 1px solid #092f57; color:#092f57; font-size:18px; text-transform:uppercase; } 
    
    nav#mobile ul > li.current,
    nav#mobile ul > li.current a  { background:#092f57; color:#fff; } 
    
    nav#mobile ul ul              { font-size:small; }
    nav#mobile ul li a:hover,nav#mobile ul ul a:hover { text-decoration:none; } 
    nav#mobile ul ul a:before     { content: "-"; padding-right:6px; }  
    nav#mobile ul ul ul a:before  { content: "- -"; padding-right:6px; }    
}