body {margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-family: 'Open Sans', arial, sans-serif; background-color: WHITE; -webkit-text-size-adjust: 100%; color: #333333; padding-top: 190px;}

#contentwrapper {width: 100%;  }

.headerbar {width: 100%; background-color: white;  height: 130px; position: fixed; top: 60px; right: 0px; z-index: 101; -webkit-box-shadow: 0 0px 5px 0 rgba(0,0,0,.2); box-shadow: 0 0px 5px 0 rgba(0,0,0,.2); }
.blubar { width: 100%; height:60px; background-color: #2b2b7a; position: absolute; top: 0px; right: 0px; }
.blublock  { width: 30%; height: 128px; background-color: #2b2b7a; position: absolute; top: 1px; left: 0px; }
header {width: 100%;  max-width: 1230px; margin: 0 auto;  height: 130px; position: relative; }
header.home {height: 600px}
header .liner {height: 130px;  }
.liner {width: 96%;  max-width: 1170px; margin: 0 auto;  position: relative; text-align: left;  }
.liner.A, .liner.B {margin: 30px auto;}
.liner.B {border-bottom: solid 1px silver; padding-bottom: 30px;}

/*.anchorite {position: relative; top: -210px;}*/
/*:target:before {*/
.anchorite:before {
  display: block;
  content: " ";
  height: 210px;      /* Give height of your fixed element */
  margin-top: -210px; /* Give negative margin of your fixed element */
  visibility: hidden;
}

a.skipper, a.skipper:visited, a.skipper:link,  a.skipper:link:active,  a.skipper:visited:active {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: 114px; top: 1px;}
a.homelink img {width: 100%; max-width: 264px;}
a.homelink2 {display: none;}
a.homelink2 img {width: 100%; max-width: 181px;}


.toplinks2 {display: none; color: #2b2b7a; padding: 0; width:auto;  position: absolute; top: 0; right: 0px;   padding: 20px 10px 0 0; text-align: right; z-index: 102;}
.toplinks2 a, .toplinks2 a:visited, a.faq, a.faq:visited { text-decoration: none; color: #2b2b7a; margin: 0 15px 0 0;}
.toplinks2 a:hover, a.faq:hover {text-decoration: none; color: #3e6fb7;}

a.faq {display: none;position: absolute; bottom: 15px; right: 100px;}
a.faq, a.faq:visited, a.faq:hover { text-decoration: none; color: white; margin: 0 15px 0 0;font-size: 32px;}

/* topinks - see hb.inc.php */

section { width: 96%;  max-width: 1170px; margin: 0 auto; line-height: 1.5; background-color: white; }

article{  width: 100%; overflow: hidden; text-align: left; padding: 40px 0; font-size: 16px;}
article p, article h1, article h2, article h3, article ul, article ol {margin: 20px 80px;}


.foursquare{padding: 40px 60px; width: 100%; border-top: solid 1px silver; border-bottom: solid 1px silver;font-size: 16px;}
.foursquare .textbox, .foursquare .imgbox {height: 400px; width: 50%; overflow: hidden; position: relative; float: left;}
.foursquare .imgbox.two { float: right;}
.foursquare h3 {font-size: 28px; color: white;}
	.textbox, .imgbox {height: 400px; width: 100%; overflow: hidden;}
	.imgbox { background-size: cover; background-position: center top; }
	.textbox {background-color: #2b2b7a; color: white; padding: 60px;font-size: 16px;}
	.textbox .code_block{width: 100%; padding: 0;}

.imgbox .fa {color: #2b2b7a; font-size: 150px; position: absolute; top: 30px; right: -10px; }
.imgbox.two .fa {right: auto; left: -10px;}



aside.bottom {width:100%; float: none; padding: 40px 0; border-top: solid 1px silver;  border-bottom: solid 1px silver }

article.calcpage{width: 66%; position: relative; float: left;}
aside.calcmenu{width: 33%; position: relative; float: right;}
.regionbox.frc {width: 100%;}

aside{font-size: 16px;}



.regionbox, .code_block, .bannerbox, .vidbox  {overflow: hidden; width: 33.33%;  text-align: left; padding: 20px; position: relative; float: left; border: solid 0px silver; font-size: 16px;}
.bannerbox {text-align: center;}
.bannerbox img {width:100%; max-width: 390px; }
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.regionbox ul li{margin-bottom: 5px; }
.code_block h3 {margin-top: 0;}

.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}
.regionbox h2, .code_block_indiv_content h1 {color: #76bc43; font-size: 20px;}

.liner.B .regionbox{width:100%;  float: none; padding: 0;}

.greenbar {width: 100%; height:190px; background: url(../images/E-NewsOverlay.png) #76bc43 no-repeat left bottom; font-size: 18px;  color: #2b2b7a; padding: 40px 0; }
.greenbar h2 {font-size: 36px; margin: 0; color: white;}
.greenbar p { margin: 0;}
.greenbar a.cta {margin: 20px;}
.greenbar br {display: none;}

.footerbar {width: 100%; padding: 20px 0; background-color: #2b2b7a;}
footer {width: 96%;  max-width: 1170px; margin: 0 auto; padding: 10px 0;  }

.footstuff{width: 60%; position: relative; float: left; padding: 30px 20px 30px 0;  text-align: right;}

.bottomlinks{ color: white; margin-bottom: 20px; }
.bottomlinks a, .bottomlinks a:visited{text-decoration: none; color: white;}
.bottomlinks a:hover {text-decoration: underline; color: white;}
.bottomlinks .pipe:last-child {display: none;}

.socmed {color: white; }

.footnote {font-size: 12px; width: 40%; text-align: left; position: relative; float: left;  padding: 20px; color: white;border-left: solid 1px white;  }
.footnote img {position: relative; float: left; margin: 0 10px 10px 0;}
.footnote p {clear: both;}

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

.testim { width: 100%;  background-color: #2b2b7a; padding: 40px 0; margin: 20px 0; color: white; font-size: 18px;}
.testim .code_block, article.wide .code_block {width: 100%; padding: 0; float: none; margin: 0 }

article.wide p, article.wide h1 {margin: 20px 40px;}

.intbanner {width: 100%; height: 240px; background-size: cover; background-position: center center; position: relative;z-index: 1; }
.intoverlay {width: 100%; max-width: 2100px; height: 240px; background: url(../images/InsideHeaderOverlay.png) center top no-repeat; position: relative; padding: 0;z-index: 10; margin: 0 auto; border: solid 0px lime}

.intoverlay2 {width: 100%; max-width: 2100px; height: 240px; background: url(../images/LargeBannerOverlay.png) center bottom no-repeat; position: relative; padding: 0;z-index: 10; margin: 0 auto; border: solid 0px lime}

.intbannertext  { color: white; font-weight: 600; font-size: 48px; text-transform: uppercase; width: 100%; max-width: 1230px; margin: 0 auto; text-align: left; padding: 16px 100px; position: absolute; bottom: 0px; left: 50%; margin-left: -615px;  border: solid 0px yellow}

.FontTwo{color: silver !important}

/*****************
 Font:
 Acumin Pro
 FontAwesome

 Colors:
 Blu � #2b2b7a
 Light Blu - #3e6fb7
 #76bc43 - #76bc43
 Grey - #333333

 black = 800
 semi = 600
 reg = 400
 light = 300

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

.tester {position: absolute; top: 0; left: 0; font-weight: bold; font-size: 18px; z-index: 1020}

*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a, a:visited{color: #333333; font-weight: 600;text-decoration: none; -webkit-transition:  color .5s, background-color .5s; transition:  color .5s, background-color .5s;}
a:hover {color: #3e6fb7; text-decoration: none;}

button.modal_link{ border:0; background: transparent; padding: 0; margin: 0;color: #333333; font-weight: 600;font-size: 14px; font-family: 'Open Sans', arial, sans-serif; }
button.modal_link:focus, button.modal_link:hover{color: #3e6fb7;}

.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,  input[type="reset"], button.modal_button   {display: inline-block; background-color:#76bc43; color: white; padding: 10px 20px;  border-radius: 18px; text-decoration: none; border: solid 1px white; text-transform: uppercase; font-weight: 400; font-size: 14px; font-family: 'Open Sans', arial, sans-serif; line-height: 1}
a.cta:hover, input[type="submit"]:hover, a.clear:hover, a.clear:focus, button#exedout:hover, button#exedout:focus, button.clear:hover, button.clear:focus, input.go:hover, input.go:focus, input[type="reset"]:hover, input[type="reset"]:focus, button.modal_button:hover, button.modal_button:focus{background-color: #3E6FB7; color: white;  text-decoration: none;}

.rateN {font-size: 20px; text-transform: uppercase; color: #2b2b7a; }
.apr {font-size: 12px; color: #333333;}
.rate {font-weight: 800; font-size: 30px; color: #3e6fb7;}


.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;}

.Bheader{position: relative; float: left; color: white; margin: 0 0 10px 0; line-height: 1; font-size: 48px;  text-transform: uppercase; font-weight: 600;}


h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year
{color: #3e6fb7; font-size: 36px; text-transform: uppercase; font-weight: 600;}

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, .content_rates_table_title
{color: #2b2b7a; font-size: 18px; font-weight: 600 }

.content_rates_table_title {color: #76bc43; font-size: 20px; font-weight: 600 }

h3, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name
{color: #76bc43; font-size: 16px; }

h4, .forum_thread_date, .forum_mischeader_title {color: #2b2b7a; font-size: 14px; font-weight: bold; }
h5 {color: black; font-size: 14px; font-weight: bold; }
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: #2b2b7a;}
.aprnote {font-size: 12px; width: 180px;}
td.regions_rates_table_row2 marquee, td.regions_rates_table_row1 marquee {width: 242px;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #2b2b7a; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #0a6104;}
.sideslider {width: 100%;}
.content_rates_table_postfix {line-height: 1;}

/* alerts
.alertbar {min-height: 20px; padding: 10px 0; width: 100%; background-color: red; color: white;  }
.alert {width: 96%; max-width: 1170px; margin: 0 auto; padding-right: 40px; position: relative;text-align: left}
.alert a, .alert a:visited {color: white; text-decoration: underline;}
.alert a:hover {color: yellow; text-decoration: underline;}
#exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; color: white;}
#exed:hover{color: black} */


/* 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;}


/* 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: #2b2b7a; 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 { 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}
.content_calendar_header {clear: both;}

/* 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: #2b2b7a; 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 #2b2b7a; 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 #2b2b7a; 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 #2b2b7a; 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_bttm  {display: none;}
.code_block_center, .code_block_indiv_content {width: 100%; padding: 0; margin: 0}
.code_block_indiv_content p{margin-top: 0px;}

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

/* videos */
.video_wrapper {margin-top: 20px !important;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.forum_catheader_block {background-color: #7b8259;}
.forum_thread_firstpost {border: 1px solid #272727; background-color: #edf1dc; }


/** LOCATOR 2.5 **************************************************/

	button#exedout {display: none;}
	form#locator fieldset label {display: inline;}

	button#exedout {display: none;}
	.boxedsearch, .legend {BACKGROUND-COLOR: white !important; border: solid 1px  #2B2B7A}
	.legend{ top: 0px; border-top: 0}
	.boxedsearch{border-bottom: 0}


	@media only screen and (max-width: 1100px) {
		.boxedsearch fieldset {top: 0px}
	}

	/*S*/
	@media only screen and  (max-width: 767px) {
		.boxedsearch fieldset {width: 100%; float: none; top: 0; margin-bottom: 0}
		.boxedsearch {height: auto;}
		.legend { top: 0px; margin: 0; padding-top: 1px; text-align: left;}
		.legend_label {display: block;}
		.legend_label .fas, .legend_label .far, .legend_label .fa {padding-left: 0;}
		.loc_list {width: 100%; float: none; margin-bottom: 0px;}
	}
	/*XS*/
	@media only screen and  (max-width: 575px) {
		.legend {text-align: left;padding-right: 20px;}
		.legend_label .fas, .legend_label .far, .legend_label .fa { padding: 0 5px 0 0px;}
		.loc_formbox input[type=text] {width: 100% !important;}
	}