@font-face
{
font-family: powderfinger;
src: url(../powderfinger/POWDRFT_.ttf);
}

@font-face {
  font-family: Univers;
  src: url(UniversLT57Condensed.ttf);
}
.powder {font-family: powderfinger; color: white; font-size: 75px; text-shadow: 3px 3px 5px #000000;}

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

#contentwrapper {width: 100%;  background: url(../images/bgs/HomePhoto.jpg) center 178px no-repeat #ebe6c6;  }

.headerbar {width: 100%; background-color: #a97631; padding-top: 20px; z-index: 99}
header {width: 96%;  max-width: 962px; margin: 0 auto;  height: 118px; position: relative; color: white; z-index: 99}

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: 0px;}

.toplinks {text-align: right;  position: absolute; top: 5px; right: 165px; font-size: 12px;  color: white; }
.toplinks a, .toplinks a:visited { text-decoration: none; color: white;}
.toplinks a:hover, .toplinks a:focus {text-decoration: underline; color: #CAC382;}
.pipe {font-weight: bold; margin: 0px 5px;}
.toplinks .pipe:last-child {display: none;}
.TL2, .TL3, .hide {display: none;}

.search { position: absolute; top: 0px; right: 0px; width: 155px; height: 24px; background-color: white; border-radius: 2px;}
.searchbox {width: 120px; height: 22px; border: 0; position: absolute; left: 5px; top: 1px;}
.searchbox::-webkit-input-placeholder {color: #666;}
.searchbox:-moz-placeholder {color: #666;}
.searchbox::-moz-placeholder {color: #666;}
.searchbox:-ms-input-placeholder {color: #666;}
.search button{position: absolute; right: 0px; top: 1px; border: 0; background-color: white; color: #58595D; height: 22px; border-radius: 0 2px 2px 0; font-size: 16px;}
.search button:hover, .search button:focus {color: #a97631}
.searchbttn, .search label {display: none;}
.search label {display: none;}

.router {width: 320px; position: absolute; top: 40px; right: 0px; text-align: right;}
.router a {margin: 0 0  10px 20px;}


.yellow {background-color:#ffffef; clear: both; width: 100%; text-align: center; position: relative; z-index: 90}

section { width: 96%;  max-width: 962px; min-height: 500px; margin: 0 auto; line-height: 1.5;padding: 40px 0; z-index: 1; position: relative;  }
.yellow section {padding: 0; z-index: 99}
section.home {width: 100%; position: relative;}

article.inside {width: 71%; position: relative; float: right;  padding: 20px 40px; background: url(../images/bg.png); border-radius: 5px; margin-bottom: 10px; z-index: 2; text-align:left; min-height: 500px;}


article.home {width: 100%;position: relative;  z-index: 2; background-color: #FFFFEF;  border-bottom: solid 1px #5a4e45;display: flex; flex-wrap: wrap }
.homebox {width: auto; flex: 1 1 300px;  position: relative;padding: 0px 20px 10px 20px; text-align: left; }
.homebox h1 {margin: 20px 0; font-size: 20px;}
.homebox ul{margin: 0px; padding: 0px; list-style: none; position: relative; left: -20px;}
.homebox ul li {margin: 0px; padding: 0px; list-style: none;}
.homebox ul.region_articles_table {margin: 0px; padding: 0px; list-style: none;}
.homebox ul.region_articles_table li.region_articles_table {margin-bottom: 5px;}
.homebox .code_block_indiv_top {display: none}
.homebox .code_block_indiv_content {overflow: hidden;background:none; width: 100%; padding: 0px; }
.homebox .code_block_indiv_bttm {display: none;}


aside {z-index: 99; overflow: hidden; position: relative; float: left; width: 26%; }
section.home aside { width: 250px; }


.pro{background-color: #958945; width: 250px; height: auto; padding: 5px 10px; margin: 0 auto 10px auto; text-align: center; border-radius: 6px; -webkit-border-radius: 6px;}
.pro a.cta {margin-bottom: 5px;}

.rates {position: relative;   }

.bannerbox, .vidbox { margin-bottom: 10px;}

.regionbox, .code_block_indiv_content {overflow: hidden;background: url(../images/bg.png); width: 100%; padding: 20px; border-radius: 5px; margin-bottom: 10px;text-align:left;}
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.regionbox ul li {padding-bottom: 5px;}
.regionbox h2, .code_block_indiv_content h1 {font-size: 20px; margin-top: 0; color:  #a97631}
.regionbox a, .regionbox a:visited {color: #5a4e45; text-decoration: none;}
.regionbox a:hover, .regionbox a:focus {color: #a97631; text-decoration: none;}


.footerbar {width: 100%; padding: 0; background-color: #FFFFEF;}
footer {width: 96%;  max-width: 962px; margin: 0 auto;  padding: 20px 0; background-color: #FFFFEF; }

.bottomlinks {position: relative; float: right; text-align: right; color: white; color: #5a4e45; width: 40%;}
.bottomlinks a, .bottomlinks a:visited, .footnote a, .footnote a:visited{text-decoration: none; color: #a97631; font-weight: bold;}
.bottomlinks a:hover, .footnote a:hover, .bottomlinks a:focus, .footnote a:focus {text-decoration: underline; color: #5a4e45;}

.ehl, .ncua{position: relative; float: left; margin-right: 5px; font-size: 12px; width: 100%; margin-bottom: 5px; }

.footnote {font-size: 11px; font-family: arial, sans-serif; width: 60%; text-align: left; position: relative; float: left;color: #5a4e45; line-height: 1.5; }
.blunote {font-weight: Bold}
.addr{font-size: 11px; font-family: arial, sans-serif; width: 100%; width: 500px; text-align: right; margin-top: 0; position: relative; float: right;}

.images { position: relative; float: left; }
.images img {margin-right: 5px;}
.text{ position: relative; float: left; padding: 0 10px; width: 66%;}

.goL, .goR {position: relative; float: left; margin: 10px 0;  width: 50%; text-align: center;}
.goR {float: right;}
.goL img, .goR img {width: 100%; max-width: 322px;}

.mobi, .wordiness {display: none;}

/*
brown: #5A4E45
tan #A97631
greeny-gold: #CAC382
pale gold #FFFFEF
blue - #2b637f;
khaki: #9d8e3e

*/

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

.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: #a97631;}
a:hover, a:focus {color: #958945;}
.breaker {clear: both; }
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}
.disclaim {font-size: 11px; line-height: 1;}

a.cta, a.cta:visited, input[type="submit"]  {display: inline-block; background-color: #5a4e45; color: white; padding: 2px 10px; text-decoration: none; border-radius: 3px; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,.2); box-shadow: 2px 2px 3px 0px rgba(0,0,0,.2); font-family: "Roboto Condensed", arial, sans-serif; border: none;}
a.cta:hover, a.cta:focus, input[type="submit"]:hover, input[type="submit"]:focus  { background-color: #d8d4a5; color:  #5a4e45;  text-decoration: none;}

header a.cta{-webkit-box-shadow: 0; box-shadow: 0;padding: 5px 10px;}

.rate {font-size: 42px; color: #a97631; font-weight: 700;}


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

.col4 {width: 23%; margin: 0 1%; position: relative; float: left; text-align: center; margin-bottom: 10px;}
.col3 {width: 31%; margin: 0 1%; position: relative; float: left; text-align: center; margin-bottom: 10px;}
.col2 {width: 48%; margin: 0 1%; position: relative; float: left; text-align: center; margin-bottom: 10px;}





h1 {color: #a97631; font-size: 24px; font-weight: normal; font-family: powderfinger, serif;}
h2, .content_rates_category1, .faq_header, .faq_question  {color: #5A4E45; font-size: 18px; font-weight: normal; font-family: powderfinger, serif;}
h3, .content_rates_table_title, .region_faq_header {color: #5A4E45; font-size: 16px; font-weight: normal; font-family: powderfinger, serif;}
h4 {color:  #5A4E45; 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 {border-top: 1px solid #9D8E3E; font-size: 12px; color: #4B7B94; padding: 5px; }
.regions_rates_table_effectivedate {display: none;}
.regions_rates_table_title {display: none; }
.regions_rates_table_fields { display: none;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #5A4E45; 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: #EBE6C6; color: black;  }
.alert {width: 96%; max-width: 1170px; margin: 0 auto; padding-right: 40px; position: relative;text-align: left}
.alert a, .alert a:visited {color: #A97631; text-decoration: underline;}
.alert a:hover {color: #5A4E45; 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:#5A4E45;}
#exed:hover{color: black}


/* old forms */
.captcha_warning {font-size: 14px; color: red; font-weight: bold;}
.required_legend {padding-bottom: 20px;color: #5A4E45;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: 20%;}
.taft_formElement-wrapper {width: 80%; }
input.fbPhoneprt{ width:50px;}
.captcha, .no-sortable {clear: both;}
.taft_formElement-wrapper label {margin-left: 5px;}

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



.col2  li.fb_element .taft_label-wrapper {width: 40%; padding-right: 10px; border: solid 1px red}
.col2  li.fb_element .taft_formElement-wrapper {width: 60%;  padding-right: 10px; border: solid 1px blue}



/** FORMS newest ************************************************/

	form.cms_form_obj {width: 100% !important; max-width: 100% !important;}
	.cms_form_required_block{color: #5A4E45 !important;  border-bottom: 1px solid #5A4E45 !important}
	.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
	.cms_form_item, .cms_form_content_block {clear: both; padding: 10px 0; margin: 0 !important; }
	.cms_form_textinput, .cms_form_dropdown  {width: 100%; border: solid 1px #A97631}
	.cms_form_textarea {width: 100%; height: 100px; border: solid 1px #A97631}
	.cms_form_item_sidebyside {width: 50%; padding: 0 20px 0 0;}
	.cms_form_label, legend.cms_form_legend{width: 33%; position: relative; float: left; margin: 0 1% 5px 0; font-weight: normal}
	.cms_form_object {width: 66%; position: relative; float: right; margin: 1px 0}
	fieldset.cms_form_fieldset {white-space: normal; width: 100%; border: none;}
	/*XS*/
	@media only screen and  (max-width: 575px) {
		.cms_form_label {width: 100%;  float: none; margin: 0 1% 5px 0; }
		.cms_form_object {width: 100%;  float: none; margin: 1px 0}
	}

	#cms_form_item_5_158, #cms_form_item_5_164, #cms_form_item_5_165, #cms_form_item_5_166 {width: 25%; position: relative; float: left; clear: none; padding: 0 5px}
	#cms_form_item_5_158 .cms_form_label, #cms_form_item_5_164 .cms_form_label, #cms_form_item_5_165 .cms_form_label, #cms_form_item_5_158 .cms_form_textinput, #cms_form_item_5_164 .cms_form_textinput, #cms_form_item_5_165 .cms_form_textinput, #cms_form_item_5_166 .cms_form_label, #cms_form_item_5_166 .cms_form_textinput{width: 100%; float: none;}

	@media only screen and  (max-width: 700px) {
		#cms_form_item_5_158, #cms_form_item_5_164, #cms_form_item_5_165, #cms_form_item_5_166 {width: 50%; position: relative; float: left; clear: none; padding: 0 5px}
	}

	@media only screen and  (max-width: 500px) {
		#cms_form_item_5_158, #cms_form_item_5_164, #cms_form_item_5_165, #cms_form_item_5_166 {width: 100%; position: relative; float: left; clear: none; padding: 0 5px}
	}


/** ACCORDION - FAQS, FORMS, & DIVS ************************************************************/
	.faq_featured_block{ margin: 20px 0 0 0 !important; display: block}
	.faq_header{ display: block}
	.faq_question_block_slide{padding: 10px 0;border-bottom: 0;}
	.faq_question_block_slide_question{padding: 0; border: solid 0px red}
	.faq_question_block_slide_answer{padding: 0 20px 10px 20px;}

	.cms_form_collapsible_header{background: none; border-bottom: 0; }

	button.divheader, .cms_form_collapsible_header a, .cms_form_collapsible_header a:visited, .faq_question_block_slide_question_closed a, .faq_question_block_slide_question_closed a:visited {background-color: #5A4E45; color: WHITE; display: block;padding: 5px 10px; border-radius: 5px; text-decoration: none;font-family: Univers, sans-serif; font-weight: normal}
	button.divheader{margin-top: 20px; width: 100%; text-align: left; border: 0 !important}
	button.divheader:hover, button.divheader:focus, .cms_form_collapsible_header a:hover, .cms_form_collapsible_header a:focus, .faq_question_block_slide_question_closed a:hover, .faq_question_block_slide_question_closed a:focus {background-color: #A97631; color: WHITE;}

	.cms_form_collapsible_header.open a, .faq_question_block_slide_question_open a {background-color: #CAC382; color: #5A4E45; display: block;padding: 5px 10px; border-radius: 5px;}
	.divcontent {width: 100%; padding: 0px 50px 20px 50px; display: none;}


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


/* 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: blue; 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;}
.blog_share {position: relative; float: right; width: 110px}
.blog_share a {position: relative; float: right; margin-left: 5px;}
.comments_sortbox {position: relative; float: right; background-color: white; top: -20px; }
.comment_item {border: solid 1px blue; 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 blue; 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 blue; padding: 10px; margin: 10px; background-color: #E9E7E6;}
textarea.comments_form_textbox {width: 98%; height: 75px;}
span.blog_tags_tag a{display: inline-block;}


/* for sidebar content */
.code_block {overflow: hidden; width: 100%} /* prevents breaking the design with images that are too wide, if width set */
.code_block_top {}
.code_block_center {}
.code_block_bttm {}
.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}

/* new button 2024 */
.buttons { position: absolute; top: 40PX; right: 0;}

.buttons a{display: inline-block; background-color: #5a4e45; color: white; padding: 5px 15px; text-decoration: none; border-radius: 3px; font-family: "Roboto Condensed", arial, sans-serif; border: none; margin-left: 10px; border: solid 1px white;}
.buttons a:hover, .buttons a:focus { background-color: #d8d4a5; color:  #5a4e45;  text-decoration: none;}