body {margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-family: Muli, arial, sans-serif; background-color: WHITE; -webkit-text-size-adjust: 100%;color: #333; padding-top: 234px;}

#contentwrapper {width: 100%;  }

.fixed {width: 100%; position: fixed; top: 0px; right: 0px; z-index: 1000 }
.headerbar {width: 100%;background-color: white;}
header {width: 96%;  max-width: 1170px; margin: 0 auto;  height: 154px; position: relative; }
.liner {width: 96%;  max-width: 1170px; margin: 0 auto;  position: relative; }

::target::before, :target:before {content:"";display:block;height:160px; /* fixed header height*/
margin:-160px 0 0; /* negative fixed header height */}

a.skipper, a.skipper:visited {line-height: 0; font-size: 0; border: 0; background: transparent;position: absolute; top: 0; left: 0; z-index: 101}
a.skipper:focus, a.skipper:visited:focus {border: solid 2px white; color: black; background-color: yellow; line-height: 1; font-size: 14px;}

a.homelink{position: absolute; left: 0px; top: 20px;}

.toplinks {text-align: right;  position: absolute; top: 17px; right: 160px; font-size: 13px;  color: #666; }
header  a, header  a:visited, .langlink a, .langlink a:visited  { text-decoration: none; color: #666;}
header a:hover, header a:focus, .langlink a:hover, .langlink a:focus {text-decoration: underline; color: #9B6B31;}
.pipe { margin: 0px 5px;}
.toplinks .pipe:last-child, .toplinks a .fa {display: none;}

.langlink{position: absolute; top: 17px; right: 160px; font-size: 13px;  color: #666;}
.langlink a, .langlink a:visited{color: #0074B3; font-weight: bold}
.langlink a:hover, .langlink a:focus{color: #9B6B31;}

section { width: 100%; z-index:1; position:relative;  }
section.home {background-color: #99cde8; padding-top: 40px;}

.box { height: 400px; border: solid 2px white; border-radius: 3px;  background-size: cover; background-position: center center; position: relative;  width: 30%; margin: 0 1.665% 40px 1.665%; float: left;  }
.boxliner {width: 96%;  max-width: 1140px; margin: 0 auto;  position: relative; }
/*.box.one {width: 40%; position: relative; float: left;}
.box.two {width: 56%; position: relative; float: right;}
.box.three{width: 100%;max-width: 1140px; position: relative; float: left;}*/
.boxtext{background: url(../../COMMON_JS/images/veil_white_80.png); height: 260px; width: 100%; padding: 20px; position: absolute; bottom: 0; left: 0px; line-height: 1.5; text-align: left; overflow: hidden; }
.boxtext h2, .boxtext h1 {font-size: 20px; color: #642200; line-height: 1.15; margin: 0 0 10px 0}
.box.four{width: 100%;max-width: 1140px; position: relative; float: left;  height: auto;-moz-box-sizing: initial; -webkit-box-sizing: initial; box-sizing: initial; }
.box.four img {width: 100%; border-radius: 3px;position: relative; float: left; }

article, article.container-fluid{  width: 100%; max-width: 1400px; overflow: hidden; margin: 0 auto; text-align: left; background-position: top right; background-repeat: no-repeat; min-height: 440px; padding: 40px 115px !important; line-height: 2; }


section.icons {padding: 20px 0;}
section.icons a{ display: inline-block;  padding: 30px;}
section.icons a, section.icons a:visited{color: #642200;}
section.icons a:hover, section.icons a:focus {color: #0074B3;}
section.icons img {margin-bottom: 10px;}


.goldbar {width: 100%; height: 80px; background-color: #bc813b}

.bannerbox, .vidbox { margin-bottom: 10px;}
.bannerbox img {width:100%;}


.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}
/*
section.sitemap .SMheader {color: white;font-size: 16px; font-weight:700; display: block; }
section.sitemap a, section.sitemap a:visited {text-decoration: none; color: white; display: block; padding: 10px 0 0 0; margin: 0;}
section.sitemap a:hover, section.sitemap a:focus {text-decoration: underline; color: white;}
section.sitemap div div {text-align: left; line-height: 1.15}
*/
.footerbar {width: 100%; padding: 20px 0; background-color: #0074B3;}
footer {width: 96%;  max-width: 1170px; margin: 0 auto; padding: 10px 0; color: white; }

.bottomlinks {position: relative; float: right; text-align: right;  width: 50%; }
footer a, footer a:visited {text-decoration: none; color: white;}
footer a:hover, footer a:focus {text-decoration: underline; color: white;}
.bottomlinks .pipe:last-child {display: none;}

.logos{position: relative; float: right; text-align: right; clear: right; width: 50%; margin: 20px 0;}
.logos img {margin: 10px 0 0 10px;}

.footnote {font-size: 12px; width: 50%; text-align: left;  position: relative; float: left;}

section.sitemap {background-color: #642200; color: white; padding: 40px 0; min-height: 230px}
.addr {width: 33%; position: relative; float: left; text-align: left;}
.addr img {margin: 10px 10px 0 0;}

.socmed{width: 33%; position: relative; float: right; text-align: right; margin-bottom: 20px;}
.socmed a {display: inline-block; margin-left: 10px;}

.lmcu {width: 280px; position: absolute; top: 0px; right: 50%; margin-right: -140px;  text-align: right; margin-bottom: 20px;}
.lmcu img {max-width: 100%;}

.mobi, .search span, .wordiness {display: none;}



/*************

All Blue change to  - #0074B3
Gold CTA change text color to - #000000
Gold text on white change to - ##9B6B31

 Blu - #0074B3
 Light Blu - #99cde8
 Gold - #bc813b
 Brown - #642200
 Grey - #666666
 Light Grey - #e0e0e0

****************************/

.mjsinfo {color: fuchsia; font-family: 'Lucida Console', sans-serif; font-size: 18px; padding: 2px 5px; background-color: black; position: fixed; top: 0; left: 0; z-index: 10000000}

*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a, a:visited{color: #0074B3;text-decoration: none; -webkit-transition:  color .5s, background-color .5s; transition:  color .5s, background-color .5s;}
a:hover, a:focus {color: #9B6B31; text-decoration: none;}
.breaker {clear: both; }
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}
.disclaim {font-size: 11px; line-height: 1;}

hr { border: 0; height: 0; border-top: 1px solid silver }


input[type="submit"] {-webkit-appearance: none; -moz-appearance: none;cursor: pointer}

a.cta, a.cta:visited, input[type="submit"], a.clear, a.clear:visited, button#exedout, button.clear, input.go{display: inline-block; background-color: #1589c7; color: white; padding: 10px 20px; text-decoration: none; border: 0; border-radius: 5px; font-size: 12px; text-transform: uppercase; font-family: Muli, arial, sans-serif; line-height: 1}
a.cta:hover, input[type="submit"]:hover, a.cta:focus, input[type="submit"]:focus, a.clear:hover, a.clear:focus, button#exedout:hover, button#exedout:focus, button.clear:hover, button.clear:focus, input.go:hover, input.go:focus  { background-color: #bc813b; color: black;  text-decoration: none;}

a.ctaB, a.ctaB:visited{display: inline-block; background-color: #bc813b; color: black; padding: 10px 20px; text-decoration: none; border: 0; border-radius: 15px; font-size: 16px; text-transform: uppercase; text-shadow: 0 0 0 #030303; font-family: Muli, arial, sans-serif;  line-height: 1}
a.ctaB:hover, a.ctaB:focus { background-color: #1589c7; color: white;  text-decoration: none;}

.Bheader{font-size: 68px; color: white;}

 /*Large Banner - 464px tall on desktop.
 Banner Header - Trajan 400, 68px
 Banner Copy - Muli 300, 26px
 CTA - 160x40, round corners,#bc813b, Muli 400, 16px ALL CAPS*/





.col6 {width: 16.66%; padding: 0 1%; position: relative; float: left;}
.col5 {width: 20%; padding: 0 1%; position: relative; float: left;}
.col4 {width: 25%; padding: 0 1%; position: relative; float: left;}
.col3 {width: 33.33%; padding: 0 1%; position: relative; float: left;}
.col2 {width: 50%; padding: 0 1%; position: relative; float: left;}


h1, h2, h3 {margin-top: 0; }

h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year
{color: #642200; font-size: 40px;font-weight:400;}

h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle, .forum_thread_category, .Category_Header_Text, .content_faq_header, .content_calendar_header
{color: #0074B3; font-size: 36px; font-weight:400;}

h3, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name
{color: #0074B3; font-size: 30px; font-weight:400;}

h4, .forum_thread_date, .forum_mischeader_title {color: #0074B3; font-size: 16px; font-weight:700;; }
h5 {color: black; font-size: 16px;  font-weight:700;}
h6 {color: black; font-size: 14px; font-style: italic; font-weight: bold;}

/* featured rates */
.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: silver; border-bottom: 3px solid white; font-size: 12px; }
.regions_rates_table_effectivedate {font-size: 12px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 12px; color: #0074B3;}
.aprnote {font-size: 12px; width: 180px;}
td.regions_rates_table_row2 marquee, td.regions_rates_table_row1 marquee {width: 242px;}

/* rates page */

/* rates & styled tables */
table.styled, .content_rates_table {margin-bottom: 20px; width: 100%; border-collapse: collapse;}
table.styled th, .content_rates_table_fields {background-color: #0074B3; color: white; font-weight: bold; }
table.styled td, .content_rates_table_row2, .content_rates_table_row1 {}
table.styled tr:nth-child(even) td, .content_rates_table_row2 {background-color: #e3f1f9;}
.content_rates_table_row_highlight {color: #ae0000;}
.sideslider {width: 100%;}
.content_rates_table_postfix {line-height: 1;}

/* new locator */
.boxedsearch, .legend {BACKGROUND-COLOR: #f7f7f7; }
button#exedout {display: none;}
input.go{ padding: 4px 10px; font-size: 14px; margin-left: 5px;}
/*form#locator label, form#locator input[type=text], form#locator select, form#locator textarea, form#locator fieldset legend{font-family: 'Open Sans', arial, sans-serif;font-size: 16px;}*/
#map-canvas { width: 100%; height: 520px; float:none; }
.boxedsearch {height: auto;width: 100%; float: none; margin: 0; z-index: 80;}
.boxedsearch fieldset {width: 33%;position: relative; float: right; top: -150px; }
.legend { top: -100px; margin: 0 0 -80px 0; z-index: 90; position: relative;}


/** ALERTS 2.0 ****************************************************/
	.alertholder{width: 100%; }
	.alertbar {padding: 10px 0; width: 100%; }
	.alertbar.regular{}
	.alertbar.high{}
	.alert {width: 96%; max-width: 1160px; margin: 0 auto; padding-right: 40px; position: relative; text-align: left}
	/*	.alert:before {content: '\f071 \a0 ALERT'; font-family: 'Font Awesome 6 Pro', open-sans, sans-serif; font-weight: 700; display: inline; position: relative; float: left; padding-right: 10px}
	*/
	.alert_icon{}
	.alert a {}
	.alert a:hover, .alert a:focus {}
	button.exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; display: block; text-decoration: none !important; background: transparent; border: 0;}
	button.exed:before {content:"\f057"; font-family: 'FontAwesome'; }


/* old forms */
.captcha_warning {font-size: 14px; color: red; font-weight: bold;}
.required_legend {padding-bottom: 20px;color: gray;font-style: italic;}

/* new forms */
div.taft_formElement-wrapper.wide {width: 100%;}
span.fb_legend {padding-bottom: 10px;color: gray;font-style: italic;}
hr.fb_legend {display: none;}
li.fb_element{ padding: 0 ;}
form.taft_fb_form ul {padding: 0; margin: 0;}
.taft_label-wrapper, .taft_formElement-wrapper  {position: relative; float: left; min-height: 30px; border: solid 0px red; padding: 0 10px 10px 0;}
.taft_label-wrapper {clear: both; width: 33%;}
.taft_formElement-wrapper {width: 66%; }
input.fbPhoneprt{ width:50px;}
.captcha, .no-sortable {clear: both;}
.taft_formElement-wrapper label {margin-left: 5px;}
.fb_required_fields{padding-bottom: 20px; color: silver; font-style: italic;}

.regionbox .taft_formElement-wrapper, .code_block_indiv_content .taft_formElement-wrapper{width: 66%; }
.regionbox .taft_label-wrapper, .code_block_indiv_content .taft_label-wrapper{width: 33%;}


/* for polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}

/* calendars */
.content_calendar_table {border: solid 1px black; border-collapse: collapse}
td.content_calendar_table_headercell {background-color: #0074B3; color: white; text-align: center; font-weight: bold;}
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; text-decoration: none;}
td.content_calendar_table_headercell a:hover, td.content_calendar_table_headercell a:focus { color: silver; text-decoration: none;}
td.content_calendar_table_cell { border: solid 1px black}
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: silver}

/* for polls */
.region_poll_table_inner td {padding: 2px;}
.region_poll_table_inner {margin-bottom: 10px;}
.region_poll_radio_cell input {position: relative; top: 5px;}

/* faqs page */
.faq_toolbar {padding-bottom: 15px;}
.faq_viewed {color: #0074B3; font-size: 11px; font-weight: bold; font-family:  arial, sans-serif;}
.faq_search {margin: 20px 0px}
.faq_question_block {margin-top: 10px;}
.faq_advanced_search_panel {padding: 0px;}
.faq_advanced_search_panel table {margin: 20px 0px;}
.faq_advanced_search_panel table td {padding: 2px 0px;}
.faq_advanced_search_panel i {color: silver;}

/* faqs regions */
ul.region_faq_list li {margin-bottom: 5px;}
span.region_faq_header {display: block; margin-bottom: 10px}

/* blog styles */
.blog_posted_date {display: block; color: gray;}
.comments_sortbox {position: relative; float: right; background-color: white; top: -20px; }
.comment_item {border: solid 1px #0074B3; padding: 0px 10px 10px 10px; margin: 10px 0px;clear: both;}
.comment_posted_by_and_who {color: gray;}
.comment_text {margin-top: 10px;}
table.comments_form_table{border: solid 1px #0074B3; width: 100%}
table.comments_form_table td {padding: 3px 5px;}
.comments_submitted {margin: 10px 0px; border: solid 1px red; padding: 10px; }
.comment_reply_body {border: solid 1px #0074B3; padding: 10px; margin: 10px; background-color: #E9E7E6;}
textarea.comments_form_textbox {width: 98%; height: 75px;}
span.blog_tags_tag a{display: inline-block;}
.blog_share {position: relative; float: right; }
.blog_share a {position: relative; float: right; margin-left: 5px;}
.blog_share ul {list-style: none}
.blog_share ul li{ display: inline-block;}
.blog_share ul li .fa {font-size: 20px; position: relative; top: 7px;}


/* for sidebar content */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.code_block_indiv_content p{margin-top: 0px;}

/* for image gallery */
.slideshow-container {width: 330px; height: 200px; overflow: hidden;}

/* videos */
.video_wrapper {margin-top: 20px; !important}


/* hb */
	a.hbbutton, a.hbbutton:visited, .loanpay a, .loanpay a:visited{display: block; background-color: #1589c7; color: white; padding: 10px 20px; text-decoration: none; border: 0; border-radius: 5px; font-size: 18px;  font-family: Muli, arial, sans-serif; line-height: 1; transition: all .25s;  border-radius: 19px; position: absolute; top: 90px; right: 0; }
	a.hbbutton:hover, a.hbbutton:focus, .loanpay a:hover, .loanpay a:focus { background-color: #bc813b; color: black;  text-decoration: none;}
	.loanpay a{right: 230px; }