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

}

body {margin: 0px; padding: 0px; text-align: center; font-size: 14px; background-color: WHITE; -webkit-text-size-adjust: 100%; color: #333; }

#contentwrapper {width: 100%;  }

.headerbar {width: 100%;}
.grey {width: 100%; height: 36px; background-color: #717174; color: white; position: absolute; top: 0px; right: 0px;}
.pale {width: 100%; height: 75px; background-color: #f1f1f1; position: absolute; top: 36px; right: 0px;  }
header {width: 96%;  max-width: 1170px; margin: 0 auto;  height: 195px; position: relative; }



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: 120px; text-align: left;}
a.homelink img {width: 100%; max-width: 281px;}

.toplinks {text-align: right;  padding-top: 7px;  font-size: 12px;  color: white; text-transform: uppercase; Z-INDEX: 99;}
.toplinks a, .toplinks a:visited { text-decoration: none; color: white; margin-right: 20px;}
.toplinks a:nth-child(6), .toplinks a:nth-child(6):visited, .toplinks a:nth-child(8), .toplinks a:nth-child(8):visited{color: #F7A11A;}
.toplinks a:hover, .toplinks a:nth-child(6):hover, .toplinks a:nth-child(8):hover {text-decoration: none; color: #e4701e;}
.toplinks .socmed a:nth-child(6), .toplinks .socmed a:nth-child(6):visited, .toplinks .socmed a:nth-child(8), .toplinks .socmed a:nth-child(8):visited{color: white;}
.pipe { margin: 0px 5px;}
.toplinks .pipe {display: none;}
.toplinks .socmed {top: 1px; position: relative; }



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

.pale2 {width: 100%; padding: 50px 0; background-color: #f1f1f1; margin-bottom: 20px; }
.textbox, .picbox {width: 48%; position: relative; float: left; line-height: 1.5;  height: 275px; }
.textbox {text-align: left;}
.textbox .code_block_indiv_content h1 {font-size: 48px;}
.picbox {float: right; }
.picbox img {width: 100%; max-width: 460px;-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.25); box-shadow: 5px 5px 5px 0 rgba(0,0,0,.25);}
a.bannerbg {width: 100%; height: 424px; display: block; margin: 0 auto 20px auto; background-position: center top;-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.25); box-shadow: 5px 5px 5px 0 rgba(0,0,0,.25);}
a.bannerbgR {display: none;}
div.spacer{display: none;}

article {width: 75%;  position: relative; text-align: left; float: left; line-height: 1.5}
aside {  width: 22%; position: relative; float: right;  }

.intbanner {width: 100%; max-width: 2200px; margin: 0 auto 20px auto;  height: 424px; border-bottom: solid 0px white; background-position: center center; }
.intbannerM {display: none;}

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

.bannerbox img {-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,.25); box-shadow: 5px 5px 5px 0 rgba(0,0,0,.25);width:100%; }
aside .bannerbox img {max-width: 246px}

.regionbox, aside .code_block_indiv_content {overflow: hidden; width: 100%;  text-align: left; padding: 20px; background-color: white; margin-bottom: 20px; line-height: 1.5}
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}
.regionbox h2, .code_block_indiv_content h1 {color: #009096; font-size: 16px;}
.regionbox ul li a, .regionbox ul li a:visited {color: #333;}
.regionbox ul li a:hover {color: #b20838}

.sitemap {width: 100%; background-color: #717174; color: white; padding: 40px 0; }

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

.bottomlinks { text-align: center;  width: 100%; margin-bottom: 20px;font-size: 12px; }
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: #717174;}
.bottomlinks a:hover {text-decoration: underline; color: #E4701E;}
.bottomlinks .pipe:last-child {display: none;}

.footnote {font-size: 12px; width: 100%; /*max-width: 530px;*/ text-align: CENTER; margin: 0 auto;  }
.images {width: 100%;  display: flex; flex-wrap: wrap;  justify-content: center;  align-items: center;}
.images img {margin: 0 10px;}
.text{width: 100%;}

.socmed { height: 20px;  display: inline-block; margin-left: 20px;}
.socmed a {display: inline-block; font-size: 18px;}

.sitemap .socmed {display: none;}
.col5 {width: 18%; margin: 20px 1%; position: relative; float: left; text-align: left;}
.col5 a, .col5 a:visited {color: white; display: block; margin-bottom: 10px;}
.col5 a:hover {color: #F7A11A;}
.col5 h3 {color: white;}


.col4 {width: 24%; margin: 20px 1%; position: relative; float: left; text-align: left;}
.col4 a, .col4 a:visited {color: white; display: block; margin-bottom: 10px;}
.col4 a:hover {color: #F7A11A;}
.col4 h3 {color: white;}


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

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

Fonts:
Proxima Nova
Aleo

Colors:
Orang #e4701e
Red #b20838
Yellow #f7a11a
Teal #009096
#f1f1f1 #717174
Light #f1f1f1 #f1f1f1

Proxima Nova wieghts
Regular 400
Medium 	500
Semibold 600
Bold 700
Extrabold 800
*/

hr {border: 0; height: 1px; background-color: #717174;}

.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: #009096;text-decoration: none;transition: color 1s;}
a:hover {color: #b20838; text-decoration: none;}

button.modal_link{ border:0; background: transparent; padding: 0; margin: 0;color: #009096;text-decoration: none;transition: color 1s;font-size: 14px;font-family: "proxima-nova", sans-serif;}
button.modal_link:focus, button.modal_link:hover{color: #b20838; text-decoration: none;}

.breaker {clear: both; }
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}
.disclaim {font-size: 11px; line-height: 1;}

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

.cta a, .cta a:visited, a.cta, a.cta:visited, input[type="submit"], a.clear, a.clear:visited, button#exedout, button.clear, input.go, button.modal_button {display: inline-block; background-color: #009096; color: white; padding: 10px 20px; text-decoration: none;text-transform: uppercase; border-radius: 5px; font-weight: 600;transition: background-color 1s; border: 0; font-family: arial, sans-serif; font-size: 14px; line-height: 1}
.cta a:hover, 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, button.modal_button:hover, button.modal_button:focus { background-color: #b20838; color: white;  text-decoration: none;}

/*input[type="submit"] {padding-top: 5px;}*/

.ctaOR a, .ctaOR a:visited, a.ctaOR, a.ctaOR:visited {display: inline-block; background-color: #e4701e; color: white; padding: 10px 20px; text-decoration: none;text-transform: uppercase; border-radius: 5px; font-weight: 600;transition: background-color 1s; border: 0}
.ctaOR a:hover, a.ctaOR:hover { background-color: #717174; color: white;  text-decoration: none;}


.ratenumber {font-family: aleobold, serif; font-size: 36px; color: #009096;}
.ratename {font-weight: 700; font-size:20px; color: #333333}
.rateapr {}





.col4 {width: 23%; margin: 0 1%; position: relative; float: left;}
.col3 {width: 31%; margin: 0 1%; position: relative; float: left;}
.col2 {width: 48%; margin: 0 1%; position: relative; float: left;}


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

h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year
{color: #333; font-size: 48px;text-transform: uppercase; font-weight: 800; margin-bottom: 20px; line-height: 1}

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: #e4701e; font-size: 18px; text-transform: uppercase;}

h3, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom
{color: #009096; font-size: 16px; }

h4, .forum_thread_date, .forum_mischeader_title {color: #009096; 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: #f1f1f1; 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: #009096;}
.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: #009096; 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: #E4701E; color: white; margin: -20px 0 20px 0 }
.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: BLACK; 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: #f1f1f1;font-style: italic;}

/* new forms */
div.taft_formElement-wrapper.wide {width: 100%;}
span.fb_legend {padding-bottom: 10px;color: #f1f1f1;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;}

.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 #009096}

/* 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: #009096; 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: #f1f1f1; text-decoration: none;}
td.content_calendar_table_cell { border: solid 1px black}
td.content_calendar_table_selectedcell { border: solid 1px black; background-color: #f1f1f1}

/* 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: #009096; 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: #f1f1f1;}

/* 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: #f1f1f1;}
.comments_sortbox {position: relative; float: right; background-color: white; top: -20px; }
.comment_item {border: solid 1px #009096; padding: 0px 10px 10px 10px; margin: 10px 0px;clear: both;}
.comment_posted_by_and_who {color: #f1f1f1;}
.comment_text {margin-top: 10px;}
table.comments_form_table{border: solid 1px #009096; 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 #009096; 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;}

ul.content_blog_list {margin: 0; padding: 0}
.blogbox{clear: both; border-top: solid 1px #E4701E; padding: 20px 0;}
.blogimage{width: 50%; position: relative; float: left; background-size: cover; height: 0; padding-bottom: 25%; margin-right: 20px;}
a.blogmo, a.blogmo:visited{display: inline-block; background-color: #009096; color: white; padding: 10px 20px; text-decoration: none;text-transform: uppercase; border-radius: 5px; font-weight: 600;transition: background-color 1s; border: 0; position: relative; float: right;}
a.blogmo:hover { background-color: #b20838; color: white;  text-decoration: none;}
.blogdate{color: #717174; font-size: 13px;}

/* 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 locator */
.boxedsearch, .legend {BACKGROUND-COLOR: #f7f7f7; }
button#exedout {display: none;}
input.go{ padding: 4px 10px; font-size: 14px; margin-left: 5px;}
.legend, .boxedsearch {border: solid 1px #717174;}
#map-canvas, .boxedsearch { height: 550px;  }

/*
form#locator label, form#locator input, form#locator select, form#locator textarea, form#locator fieldset legend{font-family: 'Open Sans', arial, sans-serif;font-size: 16px;}
*/
/* puts search box under map
#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;}
*/