/* 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: "opensans", Helvetica, Arial, sans-serif; 
    }
    
a {
    text-decoration: none; 
    }
    
.nav {
    list-style: none; *zoom: 1; 
    } 
    
.nav ul {
    list-style: none; 
    border-top:4px solid #25B8E2; 
    }


/* Main Nav Style Code */

.nav a {
    padding:0 10px; 
    color:#333; 
    font:normal 16px/1.5em "opensans",Tahoma; 
    text-decoration:none; 
    line-height:100px; 
    }
    
.nav li {
    position:relative; 
    } 
    
.nav > li {
    float:left; 
    list-style:none; 
    } 
    
.sf-sub-indicator {
    display:none; 
    }
 
 
/* Main current Nav Style Code */ 
  
.nav .current a, 
.nav .current a:visited, 
.nav .current a:active {
    color:#21c2f8; 
    }
 
.nav > li > a {
    display:block; 
    } 
    
    .nav > li > a:hover {
        color:#21c2f8; 
        }
        
    .nav > li:hover > a {
        color:#21c2f8; 
        }

.nav > li ul {
    min-width:200px; 
    position:absolute; 
    left:-9999px; 
    border-bottom:1px solid #cecfcf; 
    margin-top:-4px;
    }
    
    .nav > li.hover > ul {
        left:0; 
        } 
        
    .nav li li.hover ul {
        left:100%; 
        top:0; 
        } 
    
.nav li li {
    list-style:none; 
    } 
    
    .nav li li .parent {
        background-image:url("../Images/Arrow2.png"); 
        background-repeat: no-repeat; 
        background-position: 94% 50%; 
        } 
        
    .nav li li .parent:hover {
        background-image:url("../Images/Arrow2.png"); 
        background-repeat: no-repeat; 
        background-position: 94% 50%; 
        }
    

/* Sub Nav Style Code */ 
    
.nav li li a {
    padding:3px 15px; 
    background:#f2f2f2; 
    color:#333; font-size:12px; font-family:"opensans", Tahoma; line-height:32px; font-weight:normal; 
    display: block; z-index:100;
    border-bottom: 1px solid #cecfcf; 
    }
    
    .nav li li a:hover {
        display: block; 
        background:#21c2f8; 
        color:#fff; 
        border-radius:0; 
        box-shadow:none; 
        }


/* Sub current Nav Style Code */ 

.nav .current ul li a, 
.nav .current ul li a:visited {
    background:#f2f2f2; 
    color:#333; 
    font-family:"opensans",Tahoma; 
    border-radius:0; box-shadow:none; 
    }
    
    .nav .current ul li a:hover {
        background:#21c2f8; 
        color:#fff; 
        }
        
    .nav .current ul li .parent {
        background-image: url("../Images/Arrow2.png"); 
        background-repeat: no-repeat; 
        background-position: 94% 50%; 
        }
         
    .nav .current ul li .parent:hover {
        background-image: url("../Images/Arrow2.png"); 
        background-repeat: no-repeat; 
        background-position: 94% 50%; 
        }


#DeshtopMenu .nav a, 
#DeshtopRightMenu .nav a {
    padding:0 10px; 
    line-height:60px; 
    }
    
#DeshtopMenu .nav li li a, 
#DeshtopRightMenu .nav li li a {
    padding:3px 15px; 
    line-height:32px; 
    }


@media screen and (max-width:1060px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a {
        padding:0 7px;
        font-size:14px; 
        line-height:90px;
        } 
}

@media screen and (max-width:930px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a { padding:0 5px; line-height:80px; } 
}

@media screen and (max-width:830px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a { padding:0 3px; line-height:75px; font-size:13px; } 
}


@media screen and (max-width: 767px) {	
	nav#full { display:none; }
	div#mobile { background:#f9f9f9; display:block; border:1px solid #CCCCCC; border-bottom:none; }

	/* Top black bar that holds the toggle button */
	div#mobile #toggle-bar { line-height:36px; height:36px; border-bottom:1px solid #CCCCCC; }

	/* Toggle button #1 ("Menu") */
	div#mobile strong a { margin-left:14px; padding:5px 50px 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 { float:right; height:4px; width:38px; margin:0 18px; margin-top:8px; border-top:11px double #BFBFBF; border-bottom:4px solid #BFBFBF; font-size:0; }
       
    /* The dropdown menu */ 
    nav#mobile ul li { clear:both; list-style:none; background:#fff; } 
    nav#mobile ul li a { display:block; margin:0; padding:8px 12px; border-bottom:1px solid #bfbfbf; color:#333; } 
    nav#mobile ul ul { font-size:small; }
    nav#mobile ul ul li { background:#fff; } 
    nav#mobile ul ul a { padding-left:8px; color:#333; }
    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; }    
}