#menu {
	clear:both;
	width:	100%;
	z-index:	1;
	background-color:#0e3557;
	max-height:45px;
}

#menu .bar {
	text-align:left;
	width:1366px;
	margin:0px auto;
}

#menu .bar .fa {
	display:		none;
	margin:		0.5em 0.5em 0.5em 0;
	font-size:	1.75em;
	color:		#FFF;
	cursor:		pointer;
}

#menu .navbutton {
	display:inline-block;
	font-size: 17px;
	line-height: 1;
	padding: 14px 30px 14px 30px;
	text-decoration:none;
	color:#FFF;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
}

#menu .navbutton.active, #menu .navbutton:hover {
	color:#0e3557;;
	background:	#FFF;
}

#menu .mobile {
	display:			none;
	position:			fixed;
	right:			-13em;
	overflow:			hidden;
	-webkit-transition:	right 0.25s;
	-moz-transition:	right 0.25s;
	-ms-transition:	right 0.25s;
	-o-transition:		right 0.25s;
	transition:		right 0.25s;
	background: #0e3557;
}

#menu .mobile.enabled {
	right:	0;
}

#menu .mobile .navbutton {
	display:		block;
	line-height:	1;
	padding: 10px 10px 10px 30px;
}

#menu .data .expanded {
	display:none;
	width:1366px;
	margin:0px auto;
	padding:0.5em 0;
	text-align:	center;
	background:	#FFF;
	border-bottom:solid 8px #0e3557;
}

#menu .data .expanded.active {
	display:	block;
}

#menu .data .expanded .section {
	display:			inline-block;
	margin:			0 3em;
	font:			400 1em/1.5em Open Sans;
	white-space:		nowrap;
	text-align:		left;
	vertical-align:	top;
}

#menu .data .expanded .section .title {
	font:	400 1.5em/2.25em "Francois One",Bitter,Georgia,serif;
	color:	rgb(30,80,130);
}

#menu .data .expanded .section .title .fa {
	margin:	0 0.25em 0.15em 0;
}

#menu .data .expanded .section a {
	display:			block;
	padding-right:		0.5em;
	text-decoration:	none;
	color:			#000;
	-webkit-transition:	padding 0.25s;
	-moz-transition:	padding 0.25s;
	-ms-transition:	padding 0.25s;
	-o-transition:		padding 0.25s;
	transition:		padding 0.25s;
}
#menu .data .expanded .section .title a { color:#1e5082; }
#menu .data .expanded .section a:hover {
	padding:	0 0 0 0.5em;
}

#menu .data .expanded .section a.high {
	color:	rgb(0,150,0);
}



@media (max-width:1366px) {
	#menu .bar {width:100%; padding-right:15px; }
	#menu .data .expanded {width:100%;}
	#menu .navbutton {padding: 14px 20px 14px 20px;}
}

@media (max-width:1200px) {
	#menu .navbutton {font-size: 16px;padding: 14px 13px 14px 13px;}
}

@media (max-width:1024px) {
	#menu .bar { text-align: right;padding-left:15px;}
	#menu .bar .navbutton { display: none; }
	#menu .bar .fa { display: inline-block; }
	#menu .fa-bars {margin:7px 0px !important;}
	#menu .mobile { display: block; }
	#menu .data .expanded { width: 100%; text-align: left; }
	#menu .data .expanded .section { margin: 0 1.5em; font-size: 0.9em; line-height: 1.25em; }
	#menu .data .expanded .section .title { font-size: 1.35em; line-height: 1.5em; }
}

@media (max-width:899px) {
	#menu .data .expanded .section { width: 30%; font-size:16px;  }
}

@media (max-width:579px) {
	#menu .mobile .navbutton {padding-left:10px; font-size:15px;}
	#menu .data .expanded { width: 100%; text-align: left; }
	#menu .data .expanded .section { display: block;font-size:14px;width:25%; }
	#menu .data .expanded .section .title { line-height: 2.5em; }
	#menu .data .expanded .section a {margin-right:206px;}
}