.toggleMenu{
	display:none;}
.expand{
	display:none;
	font-size:0.875rem;
	padding: 0 2%}

#mainnav{
	float:left;
	width:100%;
	min-height:45px;
	background:#001e62;}
#mainnav ul{
	display:inline-block;
	vertical-align:top;
	margin:0;
	list-style:none;
	min-height:2.8125rem;
	margin:0;
	padding:0;
	width:100%;}
#mainnav ul li{
	display:inline-block;
	vertical-align:top;
	border-right:2px solid #9fa5b0; 
	font-size:1.125rem;
	line-height:1.4rem;
	color:#e7e7e8;
	position:relative;
	padding:0.75rem 1.8%;
	cursor:pointer;}
	float:left;
#mainnav ul li:hover,#mainnav ul li.active{ background:#313d4a;}
#mainnav ul li.first{border-left:2px solid #9fa5b0;}
#mainnav ul li a{
	text-decoration:none;
	color:#e7e7e8;
	display:block}

#mainnav ul ul{
	position:absolute;
	left:-2px;
	top:45px;
	width:160px;
	padding:1.25rem 1.875rem 0.75rem; 
	background: rgba(232,232,232,0.9);
	display:none}
#mainnav ul li:hover ul{ display:block}
#mainnav ul ul li{
	font-size:1.125rem;
	line-height:1.375rem;
	padding:0 0 1.0625rem 0;
	background:none;
	border:0;
	text-align:left;
	float:left;
	width:100%}
#mainnav ul ul li a{
	text-decoration:none;
	color:#001e62;
	background:none;
	padding:0}
#mainnav ul ul li:hover{ background:none}
#mainnav ul ul li a:hover{
	background:none;
	color:#52779b}
#mainnav ul li:last-child ul{
	left:auto;
	right:-2px}


/*****INSIDE NAVIGATION*****/
#menu{
	float:left;
	display:inline-block; 
	padding:0;
	width:75%;
	padding:0.25rem 12.5% 1.5rem;}
#menu ul{
	float:left;
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
	display:inline-block;}
#menu ul li{
	display:block;
	font-size:1.125rem;
	line-height:1.375rem;
	color:#001e62;
	width:100%;
	display:inline-block;}
#menu ul li a{
	color:#001e62;
	text-decoration:none;
	padding:0.75rem 0;
	width:100%;
	display:inline-block;}
#menu ul li a:hover,
#menu ul li a.ln_default,
#menu ul li a.ln2_default,
#menu ul li a.ln3_default{color:#52779b;}
#menu ul ul li a{ display:block; padding:0.75rem 0 0.75rem 8%; width:92%;}
#menu ul ul ul li a{ display:block; padding:0.75rem 0 0.75rem 15%; width:85%;}



/*****MEDIA QUERIES*****/
@media only screen and (max-width:72rem) {
	#mainnav ul li{padding: 0.75rem 1.6%;}
}
@media only screen and (max-width:62rem) {
	#mainnav ul li{padding: 0.75rem 1%;}
}
@media only screen and (max-width:59.9375rem) {
	#sidebar{
		margin-top:1.5rem;
		padding-top:1.5rem;
		border-top: 10px solid #52779b;}
	#menu{
		width:90%;
		padding-right:5%;
		padding-left:5%;}
}
@media only screen and (max-width:53rem) {
	#mainnav ul li a{ font-size: 14px;}
	#mainnav ul li{padding: 0.75rem 1.5%;}
}
@media only screen and (max-width:49.9375rem){
	#mainnav{
		width:100%;
		margin:0;}
	a.toggleMenu{
		display:block;
		font-family: 'Caudex', serif;
		font-size: 25px;
		font-size: 1.5rem;
		line-height: 23px;
		line-height: 1.75rem;
		font-weight: 700;
		color: #e7e7e8;
		padding: 8px 0;
		padding: 0.5rem 0;
		display: inline-block;
		width:100%;}
	a.toggleMenu:hover{color:#e7e7e8;text-decoration:none;}
	.expand{
		display: inline-block;
		float: none !important;
		position: absolute;
		right: 0;
		top: 0;
		padding: 1rem 2.5%;}
	.expand.actv .fa-chevron-down:before {content: "\f077";}

	.toggleMenu i{
		font-size:1.5rem;
		padding:0 2%;
		display:inline-block;}
	#mainnav ul{
		min-height:0;
		display:none;
		position:relative;}
	#mainnav ul li{
		width:100%;
		padding:0 !important;
		border:0;}
	#mainnav ul li.first{border:0;}
	#mainnav ul li a{
		float: left;
		width: 93%;
		line-height: 2rem;
		padding: 1rem 5% 1rem 2%;
		margin: 0;
		text-align:left;}
	#mainnav ul li ul,#mainnav ul li:hover ul{
		position:relative;
		width:100%;
		display:none;
		left:0;
		padding:0.5rem 2%;
		width:96%;}
	#mainnav ul li ul.open{display:inline-block;}
	#mainnav ul li ul{
		left:0;
		top:0;
		right:0;}
	#mainnav ul ul li a{
		width:100%;
		margin:0.75rem 0;
		display:inline-block;}
}
@media only screen and (min-width: 50rem) { 
	header nav{ display:block!important}
}
/* BEGIN: add for mobile menu reasons */
#mainnav .toggleMenu.actv + #topnav .drop_level2_wrapper_mobile ul {
    display: block !important;
    padding: 0 1.3rem;
}
@media only screen and (max-width: 800px){
    .footer_nav {
        display:none;
    }
}
/* END: add for mobile menu reasons */


