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; }

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

.nav > li ul { min-width:200px; position:absolute; left:-9999px; border-bottom:1px solid #cecfcf; }
.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%; }
    
.nav li li a { padding:3px 15px; background:#f2f2f2; color:#333; font-size:12px; margin-right:-1px; font-family:"opensans", Tahoma; font-weight:normal; line-height:25px; display: block; z-index:100;
               border-left:1px solid #d1d0d1; border-top: 1px solid #cecfcf; border-right: 1px solid #d1d0d1; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; behavior:url(/Portals/_default/Skins/EasySkinColors/CSS/PIE.htc); }
.nav li li a:hover { display: block; background:#6db001; color:#fff; border-radius:0; box-shadow:none; }

.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:#6db001; 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:25px; }


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

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


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

	/* Top black bar that holds the toggle button */
	div#mobile #toggle-bar { line-height:30px; height:30px; 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:5px; 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:6px 12px; border-bottom:1px solid #bfbfbf; color:#000 } 
    nav#mobile ul ul { font-size:small; }
    nav#mobile ul ul li { background:#fff; } 
    nav#mobile ul ul a { padding-left:8px; }
    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; }    
}