@charset "utf-8";

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

ul#sidenav, ul#sidenav li { margin: 0; padding: 0; list-style-type: none; }
ul#sidenav li a {
display: block; background: rgba(255,255,255,0.5); 
padding: 15px 20px; margin: 0 0 5px 0; font-size: 15px;
box-shadow: 0px 2px 5px #d2d2d2;
font-family: 'Roboto',  Arial, Helvetica, sans-serif; font-weight: 700; } 
ul#sidenav li a.parenttitle { 
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif; 
color: #a27529; font-weight: 500; margin: 15px 0; padding: 0;
background: none; font-size: 200%; margin-bottom: 25px; 
padding-bottom: 25px; border-bottom: 1px dotted #24292d; box-shadow: none; }
ul#sidenav li a.parenttitle:hover { background: none; }
ul#sidenav li a:hover { color: #333; background:  rgba(255,255,255,0.85); }
ul#sidenav a.nav-selected, 
ul#sidenav a.nav-selected:hover { background: #a27529; color: #fff; }

ul#sidenav li ul { margin: 0 0 15px 15px; padding: 0; }
ul#sidenav li ul li a { font-size: 12px; margin: 0 0 2px 0; padding: 8px; font-weight: 400; }

@media screen and (min-width: 850px)
{ 
#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; text-align: center; }

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

#nav a {
display: block; margin: 0 25px; padding: 27px 25px 20px 25px; 
color: #bbb; text-decoration: none; font-size: 24px; text-shadow: 1px 1px 5px #000; 
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif; font-weight: 400; }

#nav a:hover { color: #9e7b2e; }
#nav a.nav-selected, #nav a.nav-path-selected { color: #fff; }

#nav a#pull { display: none; }
}

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

#nav { }
#nav ul {
display: none; position: absolute; z-index: 3;
height: auto; padding: 0; width: 100%; margin: 0; 
top: 80px; left:0; background-color: rgba(0,0,0,0.85);
}
#nav li {
display: block; float: left; width: 100%;  }
#nav li a {
display: block; color: #fff; margin: 0; text-align: center;
padding: 18px 0 15px 0; font-size: 15px; text-decoration: none;
font-weight: 700; }
#nav li a:hover { color: #eaeaea; background-color: rgba(158,123,46,0.35); }
#nav li a.nav-selected, #nav li a.nav-path-selected { color: #eaeaea; background-color: rgba(158,123,46,0.85); }
#nav a#pull {
display: block; border: 0; text-align: left; 
text-decoration: none; background-color: transparent; font-size: 18px;
width: 100%; height: 80px; padding: 0; margin: 0; position: relative;
}
#nav a#pull:before {
content:"Site Map"; color: #fff; position: absolute; top: 30px; left: 25px;
font-family: 'Roboto Slab', Arial, Helvetica, sans-serif; font-weight: 400; }
#nav a#pull:after {
content:"";
background: url(/themes/AspenDevCorp2016/images/nav-icon.png) no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 18px;
top: 32px;
}
}

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

	#nav ul ul {
	position: absolute;
	z-index: 500;
	width: 180px; height: auto;
	margin: 0 0 0 -2px; padding: 0;
	left: 0;
	top: 0px;
	z-index: 15;
	border-left: 2px #c70008 solid;
	border-bottom: 1px #bababa solid;
	background:#fff;
	}
	#nav ul li ul li { position: relative; border: 0; width: 200px; height: auto; display: block; padding: 0; margin: 0; }
	#nav ul li ul li a {
	color: #232020;
	margin: 0 0 -1px 0; padding: 4px 15px;
	width: 150px; height: auto;	
	text-decoration: none;
	font-size: 95%;
	display: block;
	border: 0;
	text-transform: none;
	text-align: left;
	float: left;
	border-bottom: 1px #bababa solid;
	border-right: 1px #bababa solid;
	border-top: 1px #bababa solid;
	background-image: url(/themes/AspenDevCorp2016/images/N94-subnav.jpg);
	background-repeat: repeat-x;
	}
	#nav ul li ul li a:hover { color: #c70008 !important; }*/
		

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


/******************************************************************/