/* Standard Menu Reset */
body, nav, ul, li, a {
    margin: 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;
    }
    ul#dnn_MENULEFT li ul {
        display: none;
    }
    
    ul#dnn_MENULEFT li.current ul {
        display: block;
    }.Container11Title.ctrFont h1 span {
        color: #fff;
        padding: 10px 15px;
        margin-bottom: 0px;
    }

/* Main Nav Style Code */

.nav a {
    padding:7px 14px;
    color:#333; 
    font:normal 16px/1.5em "opensans",Tahoma; 
    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; margin-left:4px; 
    } 
    
.nav > li {
    float:left; margin-top:-4px;
    list-style:none;     
    }
     
.nav > li > a {
    border-top:4px solid #4b4c4d; border-bottom:4px solid #fff; line-height:80px;    
    }
         
.sf-sub-indicator {
    display:none; 
    } 
 
/* Main current Nav Style Code */ 
  
.nav .current a, 
.nav .current a:visited, 
.nav .current a:active {
     color:#fff; border-top:4px solid #25B8E2; border-bottom:4px solid #f8f7f7; background:#f8f7f7;
    -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:#21c2f8; background-color:#f8f7f7; border-bottom:4px solid #f8f7f7; 
        }
        
    .nav > li:hover > a {
        color:#21c2f8; background:#f8f7f7; border-bottom:4px solid #f8f7f7;
        }

.nav > li ul {
    min-width:200px; 
    position:absolute; 
    left:-9999px; 
    box-shadow: 0 3px 6px 0 #504f4f; -moz-box-shadow: 0 3px 6px 0 #504f4f; -webkit-box-shadow: 0 3px 6px 0 #504f4f; -ms-box-shadow: 0 3px 6px 0 #504f4f;
    }
 
 .nav > li ul li ul {
    margin-top:0px; margin-left:5px;
    }
       
    .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:3px 15px; 
    background:#4b4c4d; 
    color:#e2e1e1; font-size:13px; font-family:"opensans", Tahoma; line-height:34px; font-weight:normal;
    display: block; z-index:100;
    border-bottom: 1px solid #7e7e7e;
    }
    
    .nav li li a:hover {
        display: block; 
        background:#21c2f8; 
        color:#fff; 
        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:#f8f7f7; 
    color:#e2e1e1; 
    font-family:"opensans",Tahoma; 
    border-radius:0; box-shadow:none; 
    }
    
    .nav .current ul li a:hover {
        background:#21c2f8; 
        color:#fff; 
        }

.nav li.current ul li a,
.nav li.current ul li a:visited {
     border-top:0 !important; border-bottom: 1px solid #7e7e7e !important;
    }
            
#DeshtopMenu .nav > li, 
#DeshtopRightMenu .nav > li {
     margin-top:0;
    }
       
#DeshtopMenu .nav > li > a, 
#DeshtopRightMenu .nav > li > a {
    padding:0 10px; line-height:50px; border-top:4px solid #fff;
    }
    
#DeshtopMenu .nav li li a, 
#DeshtopRightMenu .nav li li a {
    padding:3px 15px; line-height:34px; 
    }

#DeshtopMenu {
    margin-left:-10px; margin-top:15px; 
    }
    

#DeshtopRightMenu ul { text-align:center; }
#DeshtopRightMenu > .nav a { border-right:none; }
#DeshtopRightMenu .nav > li { display:inline-block; position:relative; list-style:none; float:none; }
#DeshtopRightMenu ul ul { text-align:left; }


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

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

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


@media screen and (max-width: 800px) {	
	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 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 { float:right; width:38px; margin:0 0 0 18px; height:10px; }
    div#mobile .navicon em.fa { margin-top:6px; font-size:24px; }
    
    /* 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; }    
}