@charset "utf-8";

/******************************C5menu.v2**end************************************/
	
body{ behavior: url("/themes/ANAR2017/csshover3.htc"); } /* this allows for cross browser happy fun */

ul#sidenav, ul#sidenav li {
margin: 0; padding: 0; list-style-type: none; }
ul#sidenav a { 
padding: 8px 12px; margin: 0 0 3px 0; display: block;
background: #5a8732; color: #fff; text-align: left;
text-decoration: none; }
ul#sidenav a:hover { background: #80b056; }
ul#sidenav a.nav-selected { background: #2a3e18; }

ul#sidenav a.parenttitle {
text-transform: uppercase; font-size: 24px;
font-family: 'Hind', Arial, Helvetica, sans-serif; 
background: none; color: #5a8732;
padding: 3px 12px; margin: 0; }

@media screen and (min-width: 1000px)
{ 
#nav { position: relative; z-index: 6; }

#nav ul {
position: relative; list-style-type: none;
width: auto; height: auto; display: block;
z-index: 6; margin: 0; padding: 0;}

#nav li { width: auto; height: auto; display: inline-block; }
#nav li:hover {  }

#nav a {
display: block; margin: 0; padding: 25px 20px 22px 20px;
text-decoration: none; font-size: 20px; color: #fff; text-align: left; }

#nav a:hover { color: #2a3e18; }
#nav a.nav-selected, #nav a.nav-path-selected { color: #5a8732; background: rgba(42,62,24,1); }

#nav a#pull { display: none; }
 
 
/******************************MakeDropDowns***********************************/
	
#nav ul li > ul {  top: 75px; left: auto; } 

	#nav ul ul {
	position: absolute;
	width: 230px; height: auto;
	margin: 0; padding: 0;
	left: 0; top: 0px; z-index: 15;
	background: #5a8732;
	}
	#nav ul li ul li { position: relative; border: 0; width: 100%; height: auto; display: block; padding: 0; margin: 0; }
	#nav ul li ul li a {
	font-family: 'Nunito', Arial, Helvetica, sans-serif;
	color: #fff; margin: 0; padding: 10px 20px;
	width: 190px; height: auto; text-decoration: none;
	display: block;	text-transform: none;
	text-align: left; float: left; font-size: 14px; 
	}
	#nav ul li ul li a:hover { color: #fff !important; background: #80b056; }
	#nav ul li ul li a.nav-selected { color: #fff !important; background: #2a3e18; }		

/* hide/reveal */
	#nav ul ul,
	#nav ul li:hover ul ul,
	#nav ul ul li:hover ul ul { display: none; }
	
	#nav ul li:hover ul,
	#nav ul ul li:hover ul,
	#nav ul ul ul li:hover ul { display: block; }


/******************************************************************/
}

@media screen and (min-width: 1140px)
{ 
#nav { position: relative; z-index: 6; }

#nav ul {
position: relative; list-style-type: none;
width: auto; height: auto; display: block;
z-index: 6; margin: 0; padding: 0; }

#nav li { width: auto; height: auto; display: inline-block; }
#nav li:hover {  }

#nav a {
display: block; margin: 0; padding: 25px 25px 22px 25px;
text-decoration: none; font-size: 20px; color: #fff; }

#nav a:hover { color: #2a3e18; }
#nav a.nav-selected, #nav a.nav-path-selected { color: #fff; background: rgba(42,62,24,1); }

#nav a#pull { display: none; }

/******************************MakeDropDowns***********************************/
	
#nav ul li > ul {  top: 75px; left: auto; } 

	#nav ul ul {
	position: absolute;
	width: 230px; height: auto;
	margin: 0; padding: 0;
	left: 0; top: 0px; z-index: 15;
	background: #5a8732;
	}
	#nav ul li ul li { position: relative; border: 0; width: 100%; height: auto; display: block; padding: 0; margin: 0; }
	#nav ul li ul li a {
	font-family: 'Nunito', Arial, Helvetica, sans-serif;
	color: #fff; margin: 0; padding: 10px 20px;
	width: 190px; height: auto; text-decoration: none;
	display: block;	text-transform: none;
	text-align: left; float: left; font-size: 14px; 
	}
	#nav ul li ul li a:hover { color: #fff !important; background: #80b056; }
	#nav ul li ul li a.nav-selected { color: #fff !important; background: #2a3e18; }		

/* hide/reveal */
	#nav ul ul,
	#nav ul li:hover ul ul,
	#nav ul ul li:hover ul ul { display: none; }
	
	#nav ul li:hover ul,
	#nav ul ul li:hover ul,
	#nav ul ul ul li:hover ul { display: block; }


/******************************************************************/
}


/*Styles for screen 600px and lower*/
@media screen and (max-width: 999px) {

#nav { }
#nav ul {
display: none; position: absolute; z-index: 3;
height: auto; padding: 0; width: 100%; margin: 0; top:60px; left:0; 
background-color: rgba(0,0,0,0.75); }
#nav li {
display: block; float: left; width: 100%; }
#nav li a {
display: block; color: #fff; margin: 0; text-align: center; 
padding: 12px 0 10px 0; font-size: 18px; text-decoration: none; }
#nav li a:hover { color: #eaeaea; background-color: #80b056; }
#nav li a.nav-selected, #nav li a.nav-path-selected {
 color: #2a3e18; background-color: #80b056;
}

#nav a#pull {
display: block; text-align: left; font-style: normal; text-transform: uppercase;
text-decoration: none; background-color: transparent; font-size: 14px; color: #fff;
width: 100%; height: 60px; padding: 0; margin: 0; position: relative;
}
#nav a#pull:before {
content:"Site Menu"; position: absolute; top: 21px; left: 15px; }
#nav a#pull:after {
content:"";
background: url(/themes/ANAR2017/images/nav-icon.png) no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 12px;
top: 20px;
}

/* hide/reveal */
	#nav ul ul,
	#nav ul li:hover ul ul,
	#nav ul ul li:hover ul ul { display: none !important; }
	
	#nav ul li:hover ul,
	#nav ul ul li:hover ul,
	#nav ul ul ul li:hover ul { display: none !important; }
}