/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'open_sansregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

@font-face {
    font-family:'open_sansregular';
    src: url('../webfonts/OpenSans-Regular-webfont.eot');
    src: url('../webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'open_sansbold';
    src: url('../webfonts/OpenSans-Bold-webfont.eot');
    src: url('../webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../webfonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../webfonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {background:url('../siteart/layout/bg.jpg') repeat; font-size:14px; font-weight:normal; color:#000; -webkit-text-size-adjust: none; font-family:'open_sansregular';}

.wrap {width:90%; margin:0 auto; max-width:1230px;}

.show-tablet {display:none;}

a:hover, button:hover {cursor: pointer !important;}

/*** typography styles ***/
p {margin-bottom:14px;}
.no-margin {margin:0 !important;}

a {color:#144b98; text-decoration:none;}
a:hover {color:#f9d11e;}

strong {font-family:'open_sansbold'; font-weight:normal;}

.blue {color:#144b98;}
.yellow {color:#f9d11e;}
.red {color:#dd0000;}
.white {color:#fff;}
.black {color:#000;}

.call-it {color:#144b98; text-decoration:none; font-family:'open_sansbold';}
.call-it:hover {color:#000;}
.directions {color:#000; text-decoration:none; font-family:'open_sansbold';}
.directions:hover {color:#144b98;}

h1 {font-size:32px; font-family:'open_sansbold'; font-weight:normal;}
h2 {font-size:28px; font-family:'open_sansbold'; font-weight:normal; color:#144b98; margin-bottom:14px;}
h3 {font-size:24px; color:#144b98; font-weight:normal; margin-bottom:5px; font-family:'open_sansbold';}
h4 {font-size:20px; font-family:'open_sansbold'; font-weight:normal; margin-bottom:10px;}
h5 {font-size:18px; color:#000; font-family:'open_sansbold'; font-weight:normal; margin-bottom:0;}
h6 {font-size:16px; font-family:'open_sansbold'; font-weight:normal;}


.mb-10 {margin-bottom:10px;}
.col-half {width:50%; float:left;}

a.btn {width:50%; max-width:370px; background:#144b98; color:#fff; text-decoration:none; display:block; padding:5px 1%; font-family:'open_sansbold'; text-align:center; margin-bottom:10px;}
a.btn:hover {background:#f9d11e; color:#000;}

.full-image {width:100%; display:block; margin-bottom:10px;}
.full-image img {width:100%; height:auto; display:block;}


/*** header styles ***/
.headermenu{padding: 0px 20px;}
header {width:100%; padding:15px 0;}
.logo {width:38%; float:left; margin:10px 0% 0 0;}
.logo img {width:100%; height:auto; display:block; max-width:325px;}
.rt-header {
    width: 60%;
    float: left;
    margin-left: 0%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.contact-block {width:28%; float:left; text-align:center; margin-top:7px;}
.sm-logos {
    width: 62%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sm-logos img {width:85%; height:auto; max-width:350px; display:block;}

.headersect{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}

/*** nav styles ***/
nav {
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe822+1,f4bb1a+100 */
	background: #ffe822; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffe822 1%, #f4bb1a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffe822 1%,#f4bb1a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffe822 1%,#f4bb1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe822', endColorstr='#f4bb1a',GradientType=0 ); /* IE6-9 */
}
nav ul {width:100%; text-align:center;}
nav li {position:relative; display:inline-block; zoom:1; *display:inline;}
nav a:link, nav a:active, nav a:visited {text-decoration:none; color:#000; font-size:16px; font-weight:normal; display:block; line-height:40px; font-family:'open_sansbold'; padding:0 20px;}
nav a:hover {background:#f4bb1a;}
nav ul ul {display: none; position: absolute; z-index:99999; top: 40px; left:0; width:220px; background:#144b98; text-align:left;}
nav ul ul ul {position: absolute; left: 100%; top:0;}
nav ul li:hover > ul {display: block; z-index:99999;}
nav ul ul li {float: none;  position: relative; display:block;}
nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited {
	font-size:14px;
	line-height:14px;
	padding:7px 0px 7px 20px;
	border-bottom: 1px solid #0C2C58;
	color:#fff;
}
nav ul ul li.stand-out a {background:#d40000;}

nav ul ul li a:hover {background:#f4bb1a; color:#000;}

.topheader{background:#144b98; text-align: center; width: 100%; padding: 8px 0px; color: #fff; font-weight: 800; font-size: 16px;}
.topheader a{color: #fff!important;}
.topheader span{text-decoration: underline!important; font-weight: 900;}

/*** home content styles ***/
.cycle-contain {width:100%; display:block; position:relative; border-bottom:4px #fff solid;}
.cycle-slideshow {width:100%; overflow:hidden; display:block; z-index:1; position:relative;}
.cycle-slideshow img {width:100%; height:auto; display:block; top:0; left:0;}
.cycle-prev, .cycle-next {position:absolute; top:0; width:6%; opacity:0.6; filter:alpha(opacity=60); z-index:99999; height:100%; cursor:pointer;}
.cycle-prev {left:0;  background:url('../siteart/layout/lt-slide-arrow.png') 50% 50% no-repeat; background-size:60%;}
.cycle-next {right:0; background:url('../siteart/layout/rt-slide-arrow.png') 50% 50% no-repeat; background-size:60%;}
.cycle-prev:hover, .cycle-next:hover {opacity:1; filter:alpha(opacity=100);}

.search-box {width:90%; margin:0 5%; z-index:99; background:rgba(255,255,255,0.8); padding:20px 0; position:absolute; bottom:70px;}


/*** content styles ***/

article {padding:25px 0;}

article.application {height:4000px;}

.contact-info {width:30%; margin-right:3%; float:left;}
.map {width:67%; float:left; margin-bottom:20px;}
.map iframe {width:100%; height:300px; display:block;}

.staff {width:100%; display:block;}
.staff p {width:23%; float:left; margin-right:2%;}

.exp-logo {width:100%; display:block;}
.exp-logo img {width:100%; height:auto; max-width:300px; display:block;}
.invbanner {
    width: 100%;
    background: #134995;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/*** footer styles ***/
.manu-logos {width:100%; display:block; background:url('../siteart/layout/blue-bg.jpg') repeat; padding:20px 0;}
.manu-logos:after {content:""; clear:both; display:block;}
.manu-logos a {width:18%; margin:0 1%; float:left;}
.manu-logos a img {width:100%; height:auto; display:block; margin:0 auto; max-width:219px;}

footer {width:100%; text-align:center; padding:15px 0; color:#ababaa; font-size:10px; font-weight:normal;}
footer a {color:#ababaa;}


.btn {
	background-color: #144b98;
	color: #fff;
	font-size: 16px;
	padding: 10px auto;
	margin: 20px 0 60px;
	font-weight: 700;
	line-height: 45px;
	border-radius: 8px;
	width: 20%;
	min-width: 120px;
}

/*** form styles ***/
/* quick search */
.search-box label {width:34%; float:left; color:#000; font-family:'open_sansbold'; font-size:18px; margin-left:3%; padding:4px 0;}
.search-box input {
	width:31%;
	width:calc(31% - 10px);
	padding:6px 5px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border:0;
	color:#8e8d8d;
	font-size:12px;
	background:#fff;
	float:left;
	margin-right:3%;
}
.search-box input.button {
	width:25%; 
    margin:0;
    padding:7px 0;
    background:#144b98;
    border:0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
	-webkit-appearance: none;
}
.search-box input.button:hover {background:#f9d11e; color:#000;}

#formpage {display:block; width:100%;}
#formpage .row {width:100%; display:block;}
#formpage .row:after {content:""; display:block; clear:both;}
#formpage .col3 {width:31.33333%; float:left; margin-right:2%;}
#formpage .col-full {width:98%;}
#formpage .checkbox-flex {margin-top:10px;}

#formpage input.checkbox {width: auto!important;
	padding:6px 5px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	font-size:12px;
	background:#fff;
	margin-bottom:7px;}

#formpage label {display:block; margin-bottom:3px;}
#formpage label.label-row {display: inline-block; margin-right: 25px;}

#formpage input {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	font-size:12px;
	background:#fff;
	margin-bottom:7px;
}

#formpage textarea {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	font-size:12px;
	background:#fff;
	height:100px;
	margin-bottom:7px;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:100%;
	width:calc(100% - 2px);
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	background:#fff;
	margin-bottom:7px;
}

#formpage input.checkbox {padding:0; border:0; margin:0 5px 0 0; width:13px; height:13px; display:inline; background-color:#fff;}
#formpage input.radio {padding:0; border:0; margin:0 5px 0 0; width:15px; height:15px; display:inline;}

#formpage .check {white-space:nowrap; margin-right:10px;}

/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#8e8d8d; 
	color:#FFF;
	border:1px solid #16598d;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {background:none; border:0; outline-style:none;}


#formpage input.button,
#formpage input.button:focus {
    width:100%; 
    margin:0;
    padding:7px 0;
    background:#144b98;
    border:0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
	-webkit-appearance: none;
}
#formpage input.button:hover {background:#f9d11e; color:#000; cursor: pointer !important;}


/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align: center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 5px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:underline;}



/*** responsive styles ***/
@media screen and (max-width:1500px) {
	nav a:link, nav a:active, nav a:visited{
	    font-size: 15px;	
		padding: 0 13px
	}	
}
@media screen and (max-width:1365px) {
	nav a:link, nav a:active, nav a:visited {padding:0 8px;}
}
@media screen and (max-width:1200px) {
.headersect {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}	
.logo {
        width: 100%;
        float: left;
        margin: 10px 0% 0 0;
        text-align: center;
        display: flex;
        justify-content: center;
 }
.logo a{
 text-align: center;
}
.logo img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 370px;
    text-align: center;
}
	.rt-header {
    width: 100%;
    float: left;
    margin-left: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.contact-block {
	width: 100%;
}
.sm-logos {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.sm-logos a{
  	text-align: center;
    display: flex;
    justify-content: center;
}
.sm-logos img {
    width: 85%;
    height: auto;
    max-width: 270px;
    display: flex;
    text-align: center;
    justify-content: center;
}
}
@media screen and (max-width:1160px) {
	nav a:link, nav a:active, nav a:visited {padding:0 7px; font-size:13px;}
	.search-box label {font-size:16px; width:37%; margin-left:2%;}
}

@media screen and (max-width:1024px) {
	.show-tablet {display:block;}
	.hide-tablet {display:none;}
	#simple-menu {float:left; background:url('../siteart/layout/mobile-nav-icon.png') no-repeat center left; height:40px; width:60px; padding-left:30px; display:block; cursor:pointer; line-height:40px; color:#000; font-size:16px; font-family:'open_sansbold';}
	

	
	.search-box label {font-size:14px;}
}
@media screen and (max-width:768px) {
	h3 {font-size:20px;}
	h5 {font-size:16px;}
	
	article.application {height:4800px;}
	
	.cycle-prev, .cycle-next {background-size:100%;}
	.search-box {bottom:30px; padding:10px 0;}
	.col-half {width:100%;}
	.col-half:nth-of-type(1) {margin-bottom:10px;}
	
	.contact-info {width:100%; margin-right:0%;}
	.map {width:100%;}
	.map iframe {height:250px;}
	.staff p {width:31.33333%;}
	
	#formpage .row:after {clear:none;}
	#formpage .col3 {width:48%;}
}
@media screen and (max-width:640px) {
	a.btn {width:98%;}
	
	header {padding:10px 0;}
    .logo img {  
	max-width: 315px;
	}
	.manu-logos a img{max-width: 84px;}
	.manu-logos {padding:10px 0;}
	.manu-logos a {width:23%;}
}
@media screen and (max-width:480px) {
	h3 {font-size:18px;}
	h5 {font-size:14px;}
	
	article.application {height:6100px;}
	
	.sm-logos {
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-wrap: wrap;
    }

	    .sm-logos img {
        width: 85%;
        height: auto;
        max-width: 210px;
        margin-bottom: 14px;
        display: flex;
        text-align: center;
        justify-content: center;
    }
	.cycle-prev, .cycle-next {width:8%;}
	.search-box label {font-size:12px;}
	
	.staff p {width:48%;}
	
	#formpage .col3, #formpage .col-full {width:100%; margin-right:0;}
}
@media screen and (max-width:375px) {
	
	article.application {height:6320px;}
	
	.search-box {bottom:5px;}
	.search-box label {width:94%; margin-left:3%; padding:0;}
	.search-box input {margin:0 3%; width:51%; width:calc(51% - 10px);}
	.search-box input.button {width:40%;}
	
	.manu-logos a {width:31.33333%;}
}
@media screen and (max-width:320px) {
	.staff p {width:100%; margin-right:0;}
	    .manu-logos a img {
        max-width: 70px;
    }
}