@media all and (max-width: 45em) {


	#nav > ul > li {
	background: url('/files/PageLayoutImages/uncollapsed.png') no-repeat right 1em;
	cursor:pointer;
	}
	
	#nav > ul > li.mobDisplay {
	background: url('/files/PageLayoutImages/collapsed.png') no-repeat right 1em !important;
	}
	
	#nav > ul > li > ul {
	position:relative;
	z-index:1;
	margin-top:1em;
	background-color:rgb(239,239,239);
	}
	
	#nav > ul > li > ul.mobDisplay {
	display:block;
	}
	
	#nav > ul > li > ul.mobDisplay > li > ul {
	display:block;
	}
	
	#nav > ul > li > ul > li  {
	font-family: "Trebuchet MS", "Arial", "Helvetica Neue", "Helvetica", Verdana, sans-serif;
	font-size:1.2em;
	padding: 0.4em 0 0.4em 30px;
	border-top:1px solid rgb(221,221,221);
	font-weight:bold;
	}
	
	#nav > ul > li > ul > li > ul > li  {
	font-family: "Trebuchet MS", "Arial", "Helvetica Neue", "Helvetica", Verdana, sans-serif;
	padding: 0.4em 0 0.4em 60px;
	margin-left:-30px;
	border-top:1px solid rgb(221,221,221);
	font-weight:normal;
	}
}
nav {
z-index:10;
}

@media all and (min-width: 45em) {
#nav > ul > li:hover > ul {
display: block;
width: 46em;
position: absolute;
left: 50%;
top: 92%;
margin-left: -20em;
	background-color: #EEFBFD !important;
	border: #e3ecee solid 2px;
	font-family: "Helvetica Neue", "Helvetica", 'Trebuchet MS', Verdana, sans-serif;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	text-align: left;
	padding-bottom:1em !important;
	padding-top:1em;
}

#nav > ul > li {
z-index: 1;
}

#nav > ul > li:nth-child(5) > ul {
 width: 23em; 
 margin-left:-10em;
}

#nav > ul > li:hover > a {
color:#79ad2b !important;
}

#nav ul > li:hover > ul {
z-index:-1 !important;
}

#nav ul > li:hover > ul > li {
z-index:1 !important;
}

#nav ul > li:hover > ul > li:hover > ul {
z-index:2 !important;
}

#nav ul > li:hover > ul > li {
padding-bottom: 0 !important;
}

#nav ul > li:hover > ul > li > a {
padding-bottom: .5em !important;
padding-top: .5em !important;
}
#nav ul > li > ul > li:hover {
background-color:white;
}

#nav ul > li > ul > li:hover > ul > li{
background-color:#d2eef5;
}

#nav > ul > li > ul > li {
	display: inline-block;
	vertical-align: top;
/*	width:49%;*/
	width: -webkit-calc(49% - 2.5em);
	width: -o-calc(49% - 2.5em);
	width: -moz-calc(49% - 2.5em);
	width: calc(49% - 2.5em); 
	margin-left:2em;
	margin-right:.5em;
	padding-bottom: 2em;
	}

	
#nav > ul > li > ul > li:nth-child(2n) {
margin-left:.5em;
margin-right:2em;
}

#nav > ul > li:nth-child(5) > ul > li {
	width: -webkit-calc(99% - 2.5em);
	width: -o-calc(99% - 2.5em);
	width: -moz-calc(99% - 2.5em);
	width: calc(99% - 2.5em); 
	margin-left:1em;
	margin-right:1em;
}

#nav > ul > li > ul > li:hover > ul {
display: block;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	background-color: #d2eef5;
	margin-left: 5px;
	position:absolute;
	margin-left:10%;
	font-size:1.2em;
	padding:.5em;
}

#nav ul > li > ul > li {
font-family:"Trebuchet MS";
border-top:1px solid #c1e2ed;
}

#nav ul > li > ul > li:nth-last-child(-n+2) {
border-bottom:1px solid #c1e2ed;
}

#nav ul > li > ul > li > ul > li {
border-top:1px solid #c1e2ed;
width:15em;
}

#nav ul > li > ul > li > ul > li:last-child {
border-bottom:1px solid #c1e2ed;
}

}
@media all and (min-width: 45em) {
	#nav > ul > li {
	margin:0 !important;
	text-align:center;
	min-width:15%;
	}
	
	#nav > ul > li {
	margin:0 !important;
	text-align:center;
	}
	
	#nav > ul > li > a {
	width:6.2em;	
	}
	
	#nav > ul > li:hover > a {
	background-color: #EEFBFD;
	border: #e3ecee solid 2px;
	border-bottom:none;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-khtml-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	
	width: -webkit-calc(6.2em - 4px);
	width: -o-calc(6.2em - 4px);
	width: -moz-calc(6.2em - 4px);
	width: calc(6.2em - 4px);
	
	height: -webkit-calc(1em - 4px);
	height: -o-calc(1em - 4px);
	height: -moz-calc(1em - 4px);
	height: calc(1.6em - 4px);	
	
	margin-top:-2px;
	}
	


	#nav > ul > li:first-child > ul {
	-moz-border-radius-topleft: 0 !important;
	-webkit-border-top-left-radius: 0 !important;
	-khtml-border-top-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	margin-left: 0;
	left: 0;
	}
	
	#nav > ul > li:last-child > ul {
	-moz-border-radius-topright: 0 !important;
	-webkit-border-top-right-radius: 0 !important;
	-khtml-border-top-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
	right: 0;
	left: -100%;
	}

@media all and (min-width: 48em) {

	#nav > ul > li > a {
	width:6.5em;
	}
	#nav > ul > li:hover > a {
	width: -webkit-calc(6.5em - 4px);
	width: -o-calc(6.5em - 4px);
	width: -moz-calc(6.5em - 4px);
	width: calc(6.5em - 4px);
	height: -webkit-calc(1.6em - 6px);
	height: -o-calc(1.6em - 6px);
	height: -moz-calc(1.6em - 6px);
	height: calc(1.6em - 6px);
	}
}


@media all and (min-width: 53em) {

	#nav > ul > li > a {
	width:6.5em;
	}
	
		#nav > ul > li:hover > a {
	width: -webkit-calc(6.5em - 4px);
	width: -o-calc(6.5em - 4px);
	width: -moz-calc(6.5em - 4px);
	width: calc(6.5em - 4px);
	}
	
}

@media all and (min-width: 62em) {

	#nav > ul > li > a {
	width:7.5em;
	}

	#nav > ul > li:hover > a {
	width: -webkit-calc(7.5em - 4px);
	width: -o-calc(7.5em - 4px);
	width: -moz-calc(7.5em - 4px);
	width: calc(7.5em - 4px);
	}
	
}