@import url("https://fonts.googleapis.com/css?family=Alegreya:400,700|Open+Sans:400,600,700");
*{box-sizing: border-box;} 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;padding: 0;border: 0;}
body {font-family: Open Sans;font-weight: normal;font-size: 16px;-webkit-font-smoothing: antialiased;line-height: 1;}
body {position:relative;}

table, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;}
strong, b, h1, h2, h3, h4, h5, h6 {font-weight: bold;}
em {font-style: italic;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
main {display:block;}

a, a:visited {color: #5E1613;text-decoration: underline;}
a:hover, a:active {color: #123a5b;text-decoration: underline;}
p {line-height: 1.8em;}
h1 {font-family: Open Sans;font-size: 1.75em;color: #123a5b;}
h2 {font-family: Open Sans;font-size: 1.5em; color: #123a5b;margin-bottom:1em;}
h3 {font-family: Open Sans;font-size: 1.25em;color: #5E1613;margin-bottom:1em;}
h4{font-family: Open Sans;font-size: 1em;color: #123a5b;margin-bottom:1em;}
h5, h6 {color: #123a5b;}
ul{list-style-type: disc;margin:1em 1em 1em 1.5em;line-height:1.8em;}
ol {margin:1em 1em 1em 1.5em;line-height:1.8em;}

#skipContent a {padding: 8px;position:absolute;top: -80px;left:0px;color:white;border-right:2px solid white;border-bottom:2px solid white;border-bottom-right-radius:8px;background:#123a5b;z-index:1122222;transition:top 1s ease-in-out;}
#skipContent a:focus {top: 0px;transition: background .5s ease-in-out;}

.clearIt {clear:both;}
a.btn.iconButton {font-size:16px;padding:8px 25px 8px 25px;}

.nav-holder {background:#5E1612 url(../images/header.jpg) 0px -13px repeat-x;/*position: fixed*/;width: 100%;z-index: 9999;height: 80px;top: 0px;} 
.nav-holder:after {display:block;content: '';-webkit-box-shadow:0px 9px 13px 0px rgba(0, 0, 0, 0.44);-moz-box-shadow:0px 9px 13px 0px rgba(0, 0, 0, 0.44);box-shadow:0px 9px 13px 0px rgba(0, 0, 0, 0.44);height:80px;position:absolute;width:100%;z-index:2;top:0px;pointer-events: none;}

/*-Banner Title -*/
#banner_title {z-index:9998;left:0;right:0;margin-right:auto;margin-left:auto;}
#banner_left {float: left;margin:10px 0 0 40px;}  
#banner_right {float: right;}
#banner_title #banner_left a {text-decoration: none;}
#banner_title #banner_left h1 {font-family: Alegreya;font-size: 2.5em;letter-spacing: 1px;color: #FFFFFF;color: white;text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.31);font-weight: 400;margin: 0px;}
#banner_title #banner_left h2 {font-family: Open Sans;font-size: 1em;color: #FFFFFF;color: white;text-transform: uppercase;text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.31);font-weight: 500;margin: 0px 0px 0px 117px;letter-spacing: -0.7px;}

.content {top: -12px;position: relative;padding-top: 90px;}

#page {margin-top: 0px;margin-bottom: 5px;border-bottom: 10px solid #123A5B !important;}
#page h1 {padding:10px;}
#page h1.brownbar_bar{padding-bottom:1em;text-align:center;}
#page p {margin-bottom: 1.5em;}
#page a {color: #5E1612}
#page a:hover {color: #5E1612; text-decoration:none;}
#page img {max-width:100%;}

#home_button_small { display:none;}
#home_button {float: left;list-style: none;padding: 10px 10px 0px 20px;text-align: center;}
#home_button a {color: #FFF;font-size: 22px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#home_button a:hover {opacity: 0.5;}
#contact_us a {float: left;font-family: Open Sans;font-size: 13px;letter-spacing: 0.48px;color: #FFFFFF;color: white;text-transform: uppercase;font-weight: 600;text-decoration: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out }
#contact_us a:hover {opacity: 0.5;}
#contact_us {float: left;padding: 37px 10px 10px 0;}
.clear {clear: both;}
#page .inside-padding {margin: 0 auto;  max-width:65em;padding: 10px;}
#footer .inside-padding {margin: 0 auto;  max-width:1500px;padding: 10px;}
#header .inside-padding {padding: 0px 10px 0px 10px;}
#header-left {width: 22%;float: left;margin: 0 auto;position: relative;}
#header > .inside-padding {padding: 25px 5px 25px 5px;}
#header {max-width: 1500px;margin: 0 auto;}

a#logo {display: block;position: relative;z-index: 999;padding: 30px 0 30px 0;}
#footer a#logo {padding: 35px 0 35px 10px;}
#footer #logo img {max-width: 70%;}
#header a#logo {padding: 0px;width: 150px;}
#logo img {max-width: 100%;max-height: 100%;width: auto;height: 72px;}
#social ul {margin: 0;padding: 15px 0 10px 0;float: left;}
#social ul li {list-style: none;float: left;padding: 10px 10px 0px 10px;text-align: center;}
#social {display: block;float: right;}
#social li a {color: #FFF;font-size: 22px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#social li a:hover {opacity: 0.5;}
#header_social {display: block;float: left;width: 100%;background:#FFF;}
a.contactBtn:hover, a.loginBtn:hover {opacity: 0.7;}
#menu_holder {position: relative;z-index: 9999;}
#logo_padding {display: block;float: left;margin-left:20px;}

/*-- Footer --*/
#footer a {color: #5E1612}
#footer a:hover {color: #5E1612; text-decoration:none;}
#footer a.scrollToTop {color: #fff}
#footer a:hover.scrollToTop {color: #fff; text-decoration:none;}
#footer_title a {font-family: Open Sans;font-weight: bold;font-size: 1.15em;color: #123a5b;text-decoration: none;padding-left: 10px;}
.footer_title a {font-family: Open Sans;font-weight: bold;font-size: 1.15em;color: #123a5b;text-decoration: none;padding-left: 10px;}
#footer {margin-top: 0px;position: relative;}
#footer > .inside-padding {padding: 40px 10px 20px 10px;position: relative;}
#footer-right {float: left;width: 45%;padding-top: 15px;position: relative;}
#footer-left #social_footer li a {padding: 0;background: rgba(255, 255, 255, 0.35);text-align: center;font-size: 25px;}
#footer-left #social_footer li a:hover em {color: #5E1612;}
#footer-left #social_footer {float: left;list-style: none;margin: 0;padding: 0px;}
#footer-left .fa-facebook-official {color: #516CBD;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#footer-left .fa-twitter {color: #0099CC;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#footer-left .fa-youtube {color: #B31217;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#footer-right .quick_col li {display: inline-block;margin: 5px;width: 143px;text-align: center;background: rgba(255, 255, 255, 0.9);padding: 3px 10px 3px 10px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border-radius: 2px;}
#footer-right .quick_col li:hover {background: rgba(255, 255, 255, 0);}
#footer-right .quick_col li a {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#footer-right .quick_col li:hover a {color: #FFF;}
#footer-left #social_footer li {display: inline-block;margin: 0px 9px 9px 9px;}
#footer-right ul {float: left;padding: 0 110px 0 30px;margin: 0;}
#footer-right ul li em:hover {color: #002F87 !important;}
#footer-right li {margin-bottom: 9.1px;}
#footer-right li a {font-family: Open Sans;font-size: 14px;letter-spacing: 0.07px;color: #123a5b;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: none;font-weight: 600;display: block;}
#footer-right ul li em {font-size: 26px;color: #0076A9;width: 25px;text-align: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#footer-right li a:hover {color: #5E1612;} 
#footer-left ul li {display: inline-block;padding: 2px;margin-left: 15px;}
#footer-left ul li a {color: #123a5b;text-decoration: none;}
#footer-right iframe {max-width: 500px !important;width: 100% !important;}
#footer-left .fa-circle {font-size: 8px;padding: 0 18px 0 10px;}
#footer-left .fa-circle:before {position: absolute;margin-top: -8px;}
#footer-left {float: left;width: 45%;padding-top: 15px;margin-right: 10%;}
#footer-left ul {float: left;list-style: none;margin: 0px;padding: 0px;}
#footer-left ul li a:hover {color: #5E1613;}
#footer h2 {color:#5e1613;margin: 0px 0px 30px 0px;font-size: 1.55em;text-transform: uppercase;border-bottom: solid 1px #5E1612;}
#footer h2 a{color:#5e1613;	}
#footer-left p {font-family: Open Sans;font-size: .875em;letter-spacing: -0.06px;color: #123a5b;padding-left: 10px; line-height:2.5em;}
.scrollToTop .fa-arrow-circle-o-up {font-size: 24px;float: right;margin: -2px 0px 0px 7px;}
.scrollToTop {padding: 5px 10px 5px 10px;text-align: center;background: #5E1613;text-decoration: none;display: none;float: right;margin-top: 70px;font-family: Open Sans;font-weight: bold;font-size: 13px;line-height: 20.32px;color: #FFFFFF;color: white;text-transform: uppercase;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.scrollToTop:hover {text-decoration: none;background: #123A5B;color: #FFF;}

/*card styles*/
.cardCol {width:33%; display:inline; float:left; line-height: 1.8em;margin:0 auto;}
.cardBox {margin: 5px;;display: block;border-color: #ebebeb;border-width: 2px;border-radius: 10px;position: relative;transition: background 3s;font-size:16px;}
.cardBox a {display: block;border: 2px solid rgb(235, 235, 235); -moz-border-radius: 7px; -webkit-border-radius: 7px;border-radius: 7px;color: #0a0a0a;text-decoration: none;}
.cardBox:hover, .cardBox:active {text-decoration: none;background: #ebebeb;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
.cardTitle {background: #123a5b !important;color: #fff !important;padding: 3px 3px 3px 10px;border-radius: 5px;font-weight: 400 !important;font-size: 16px !important;margin: .5em;}
.cardImg { margin: .5em;clear:both;float:left; display:block;width:95%; max-height:120px;overflow:hidden;}
.cardImg img{max-width:100%; overflow:hidden;}
.cardContent {font-size: .9em;line-height: 2em;transition: all 0.3s ease 0s;padding: 0 5px 6px 5px;margin: .5em;color:#000; clear:both;display:block;}
.cardContent2 {font-size: .9em; line-height: 2em; transition: all 0.3s ease 0s; padding: 0 5px 6px 5px; margin: .5em;}
#page p.cardTitle {margin-bottom:.5em;}
#page .cardBox a {color:#000;}

@media screen and (min-width: 950px) and (max-width: 1120px) {
	#header > .inside-padding {padding: 0px;} 
	.scrollToTop {position: static;display: inline-block !important;transform: none;clear: both;float: none;margin: 0;} 
    .nav-holder{background: #5e1612 url(../images/header-med-large.jpg) repeat-x;}
	.nav-holder:after {display: block;content: '';-webkit-box-shadow: 0px 9px 13px 0px rgba(0, 0, 0, 0.44);-moz-box-shadow: 0px 9px 13px 0px rgba(0, 0, 0, 0.44);box-shadow: 0px 9px 13px 0px rgba(0, 0, 0, 0.44);/*height: 117px;*/position: absolute;width: 100%;z-index: 2;top: 0px;pointer-events: none;}
	#logo_padding {}
	#logo img {margin-top:0px;}
}	

@media screen and (max-width: 951px) {
    #banner_left {margin-left: 0;}
}	

@media screen and (max-width: 960px) {
	/* card styles*/
	.cardCol {width:100%;}
    .cardImg {clear:none;float:left; display:inline;max-width:30%; max-height:120px;overflow:hidden;}
    .cardBox, .cardBox a {display:inline-block;width:99%;}
    .cardContent { clear:none;float:left; display:inline;font-size:.9em; line-height:2em;max-width:100%;margin:0px;}
    .cardContent2 { clear:none;float:left; display:inline;font-size:.9em; line-height:2em;max-width:60%;}
}
	
@media screen and (min-width: 601px) and (max-width: 750px) {
    #header a#logo { width:94px;}
    #contact_us {float:right;padding:6px 10px 5px 0px;}
    #social ul {padding:0px 0px 10px 0px;clear:both;}
  	#page {margin-top: 0px;margin-bottom: 3px;border-bottom: 10px solid #123A5B !important;}
	#footer > .inside-padding {padding: 10px 10px 10px 10px;position: relative;}
}

@media screen and (max-width: 900px) {
	.inside-padding {padding:10px;}
	#footer-left {width: 100%;text-align: center;}
	#footer-left #credits p {padding-left: 0px;font-size: 13px;}
	#footer-right {width: 100%;text-align: center;}
	#footer-right ul {text-align: center;float: none;list-style: none;padding: 10px;}
	.fontSize a {margin-right: 10px;margin-left: 0px;}
	#footer-left {width: 100%;text-align: center;}
	#footer-left ul {width: 100%;}
	#footer-left #social_footer li {margin: 2.4%;width: 16%;text-align: center;}
	#footer-left #social_footer {width: 30%;margin-left: 35%;}
	#footer_quick {width: 75%;margin-right: 0px;}
	#footer-right .quick_col li {width: 28%;}
	#footer h3 {margin: 0px 0px 1em 0px;}

}

@media screen and (min-width: 501px) and (max-width: 600px) {
    #banner_title #banner_left h1 {font-size: 2em;}
    #banner_title #banner_left h2 {font-size: .8em; margin-left: 98px;}
    #header a#logo { width:94px;}
    #contact_us {float:right;padding:6px 10px 5px 0px;}
    #social ul {padding:0px 0px 10px 0px;clear:both;}
	#page {margin-top: 0px;margin-bottom: 3px;border-bottom: 10px solid #123A5B !important;}
	#page h1 {font-size:1.25em;}
    #page h2, #page h3{font-size:1.15em;}
	#page p {font-size:1em;}	
	#footer > .inside-padding {padding: 10px 10px 10px 10px;position: relative;}
 }
 
/* card styles*/
@media screen and  (max-width: 600px) {
    #logo img {height: auto; max-height: 72px;}
    .cardCol {width:100%;}
	.cardBox { font-size:1.2em;}
    .cardImg {clear:both;float:left; display:block;max-width:100%; max-height:150px;overflow:hidden;}
    .cardContent {color:#000; clear:both;float:left; display:block;font-size:1em; line-height:1.75em;max-width:100%;margin:0px;}
    .cardContent2 {color:#000; clear:both;float:left; display:block;font-size:1em; line-height:1.75em;max-width:100%;margin:0px;}
    .cardImg img{ overflow:hidden;width:100%;}
	.cardTitle {font-size:1em;}
}
 
@media screen and (min-width: 401px) and (max-width: 500px) {
	#header a#logo { width:85px;}
	#logo_padding {max-width: 75px;margin-top:10px;margin-left:7px;}
	#logo img {max-width:100%;margin-top:0px;}
	.nav-holder{height:85px;background: #5e1612 url(../images/header-med-small.jpg) repeat-x;}
	.nav-holder:after {height:85px;}
	#home_button_small { width:30px;padding:30px 0 20px 20px; color: #fff; display: inline-block;float:left;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;}
	#home_button_small a {color:#fff; font-size:1.75em;}
	#banner_left {margin: 15px 0 0 50px;}
	#banner_title #banner_left h1{font-size:2.25em;}
	#banner_title #banner_left h2{display:block;font-size:1em;margin:-5px 0px 0px 100px;}
	#social {display: none;}
	.subHero {height: 95px;}
	#page {margin-top: 0px;margin-bottom: 3px;border-bottom: 10px solid #123A5B !important;}
	#page h1 {font-size:1.25em;}
    #page h2, #page h3{font-size:1.15em;}
	#page p {font-size:1em;}	
	#footer > .inside-padding { padding: 10px 10px 10px 10px;position: relative;}
}

@media screen and (min-width: 366px) and (max-width: 400px) {
	#header a#logo { width:75px;}
	#logo_padding {max-width: 75px;margin-top:10px;margin-left:5px;}
	#logo img {max-width:100%;margin-top:0px;}
	.nav-holder{height:85px; background:url(../images/header-small.jpg) repeat-x;}
	.nav-holder:after {height:85px;}
	#home_button_small {width:20px;padding:30px 0 20px 10px;color: #fff;display: inline-block;float:left;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;}
	#home_button_small a {color:#fff; font-size:1.25em;}
	#banner_left {margin: 15px 0 0 40px;}
	#banner_title #banner_left h1{font-size:2em;}
	#banner_title #banner_left h2{display:block;font-size:1em;margin:0px 0px 0px 80px;}
	#social {display: none;}
	.subHero {height: 95px;}
	#page {margin-top: 0px;margin-bottom: 3px;border-bottom: 7px solid #123A5B !important;}
	#page h1 {font-size:1.15em;}
    #page h2, #page h3{font-size:1.05em;}
	#page p {font-size:1em;}
	#footer > .inside-padding {padding: 10px 10px 10px 10px;position: relative;}
}

@media screen and (max-width: 365px) {
	#header a#logo { width:65px;}
	#logo_padding {max-width: 65px;margin-top:7px;margin-left:5px;}
	#logo img {max-width:100%; margin-top:0px;}
	.nav-holder{height:65px; background:url(../images/header-small.jpg) repeat-x;}
	.nav-holder:after {height:65px;}
	#home_button_small {width:20px;padding:25px 0 20px 10px;color: #fff;display: inline-block;float:left;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;}
	#home_button_small a {color:#fff;}
	#banner_left {margin:10px 0 0 15px;}
	#banner_title #banner_left h1{font-size:1.75em;}
	#banner_title #banner_left h2{display:block;font-size:1em;margin:-2px 0px 0px 54px;}
	#social {display: none;}
	.subHero {height: 75px;}
	#page {margin-top: 0px;margin-bottom: 3px;border-bottom: 7px solid #123A5B !important;}
	#page h1 {font-size:1.15em;}
    #page h2, #page h3{font-size:1.05em;}
	#page p {font-size:1em;}
	#footer > .inside-padding {padding: 10px 10px 10px 10px;position: relative;}
}

@media screen and (max-width: 310px) {
	#header a#logo { width:55px;}
	#logo_padding {max-width: 55px;margin-top:7px;}
	#logo img {max-width:100%;margin-top:0px;}
	.nav-holder{height:55px; background:url(../images/header-small.jpg) repeat-x;}
	.nav-holder:after {height:55px;}
	#home_button_small {width:20px;padding:20px 0 20px 10px;color: #fff;display: inline-block;float:left;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;}
	#home_button_small a {color:#fff;}
	#banner_left {margin: 10px 0 0 30px;}
	#banner_title #banner_left h1{font-size:1.5em;}
	#banner_title #banner_left h2{display:block;margin:0px 0px 0px 45px;font-size:1em;}
	#social {display: none;}
	#page {margin-top: 0px;margin-bottom: 3px;border-bottom: 3px solid #123A5B !important;}
	.subHero {height: 65px;}
	#footer > .inside-padding {padding: 10px 10px 10px 10px;position: relative;}
}