body {margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-family: 'Open Sans', arial, sans-serif;  -webkit-text-size-adjust: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+40,ebf5fb+62,ebf5fb+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 40%, #ebf5fb 62%, #ebf5fb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 40%,#ebf5fb 62%,#ebf5fb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 40%,#ebf5fb 62%,#ebf5fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf5fb',GradientType=0 ); /* IE6-9 */
}

#contentwrapper {width: 100%;  }

header {width: 100%; height: 120px; position: relative; background-color: white;}
header .liner { height: 120px;}
.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; z-index: 1000}

a.homelink{position: absolute; left: 0px; top: 20px;}
a.homelink img {width: 100%; max-width: 358px; }

.toplinks {text-align: right;  position: absolute; top: 60px; right: 0px; color: #333; }
.toplinks a, .toplinks a:visited, .tl a, .tl a:visited  {display: inline-block; padding: 5px 20px; background-color: #ec881d; text-decoration: none; color: #333; margin-left: 5px;}
.toplinks a:hover, .tl a:hover {color: white; background-color: #005696;}
.pipe { margin: 0px 5px;}
.toplinks .pipe, .toplinks a .fa, .tl {display: none;}

a.chatter, a.chatter:visited{color: #005696; position: absolute; top: 23px; right: 150px;font-size: 14px; font-family: 'Open Sans', arial, sans-serif; font-weight: 400 }
a.chatter:hover, a.chatter:focus{color: #c3cf21;}

.socmed {width: 70px; height: 20px; position: absolute; top: 20px; right: 0px; text-align: right;}
footer .socmed {display: none;}
.socmed img {margin-left: 10px;}

.PSlogin{width: 100%; background-color: #ebf5fb; padding: 10px calc(100% - 1170px);}
.PSlogin a, .PSlogin a:visited{display: inline-block; background-color: #c3cf21; color: #333; padding: 5px 20px; text-decoration: none; border: 0; border: solid 2px white; margin-left: 20px}
.PSlogin a:hover { background-color: white; color: #333;  text-decoration: none;}


section { width: 100%;  line-height: 1.5; }
section.nopad, section.notifications{padding: 0; margin: 0;}
section.inside {width: 96%; max-width: 1170px; margin: 0 auto;}

article {  width: 60%; overflow: hidden; margin-bottom: 40px;text-align: left; position: relative; float: left;  padding: 40px 0}
aside {  width: 33%; overflow: hidden; margin-bottom: 40px; text-align: left;  position: relative; float: right; padding: 40px 0 20px 0}
article.home {width: 96%; max-width: 1170px; float: none; margin: 0 auto; padding: 0}

.regionbox, .code_block, .bannerbox {overflow: hidden; width: 100%;  text-align: left; margin-bottom: 20px; }
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.bannerbox img {width: 100%; max-width: 360px;}

footer {width: 100%; padding: 0; background: url(../images/BottomSwoosh.png) no-repeat center top; height: 524px; color: #005696;  position: relative; border-bottom: dashed 0px black}
footer .liner {width: 550px; position: absolute; bottom: 0; right: 20%; border: solid 0px fuchsia }

.tag {text-align: right; font-size: 24px; padding: 20px 0;text-shadow: 0 0 5px #ffffff;}
.tag br {display: none;}

.bottomlinks { text-align: right; line-height: 2}
footer a, footer a:visited { color: #005696;}
footer a:hover {color: #ec881d; }
.BL .pipe:last-child {display: none;}
.Qheader { font-weight: 600; font-size: 16px;}

.lined { border-top: solid 1px #005696; height: 1px; clear: both; }

.footnote, .addr {font-size: 12px;  text-align: right; color: #333}



.mobi, .wordiness {display: none;}


section.bigbanner {width: 100%; height: 685px; background-color: silver;}


/****************
Colors
#005696 - #005696
Light #005696 - #ebf5fb
Orang e - #ec881d
#c3cf21 Gre en - #c3cf21


-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5); box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
*************************/

.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: #ec881d; font-weight: 600;text-decoration: none; -webkit-transition:  color .5s, background-color .5s; transition:  color .5s, background-color .5s;}
a:hover {color: #c3cf21; 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; padding: initial}

a.cta, a.cta:visited, input[type="submit"]{display: inline-block; background-color: #ec881d; color: #333; padding: 5px 20px; text-decoration: none; border: 0; border: solid 2px white; font-size: 14px; font-family: 'Open Sans', arial, sans-serif; line-height: 1}
a.cta:hover, input[type="submit"]:hover { background-color: #c3cf21; color:#333;  text-decoration: none;}

a.ctaG, a.ctaG:visited{display: inline-block; background-color: #c3cf21; color: #333; padding: 5px 20px; text-decoration: none; border: 0; border: solid 2px white; }
a.ctaG:hover { background-color: white; color: #333;  text-decoration: none;}



.Bheader {font-weight: 600; font-size: 50px; color: #005596; text-transform: uppercase;}
.Rname{font-size: 22px; color: #005696}
.rate{font-size: 30px; color: #ec881d; font-weight: 600}
.faval {background: url(../images/PromoAreaOval.png) no-repeat; width: 89px; height: 75px; color: white; font-size: 42px; margin: 20px auto; padding-top: 15px; line-height: 1}

.col2, .col3, .col4, .col5, .col6{padding: 10px 20px; position: relative; float: left; overflow: hidden; margin: 0;}
.col6 {width: 16.6%; padding: 10px; }
.col6:nth-child(6n+1){clear: both;}
.col5 {width: 20%; padding: 10px;}
.col5:nth-child(5n+1){clear: both;}
.col4 {width: 25%;}
.col4:nth-child(4n+1){clear: both;}
.col3 {width: 33.33%;}
.col3:nth-child(3n+1){clear: both;}
.col2 {width: 50%;}
.col2:nth-child(odd){clear: both;}


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

h2, .code_block h1, .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, .cms_form_header
{color: #005696;  font-weight: 400; font-size: 30px; }

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

h4, .forum_thread_date, .forum_mischeader_title {color: #005696; 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: #005696;}
.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: #005696; color: white; font-weight: bold; }
.content_rates_table_row2 {background-color: #dfe5ef;}
.content_rates_table_row_highlight {color: #ae0000;}
.sideslider {width: 100%;}
.content_rates_table_postfix {line-height: 1;}

/* alerts */
.alertbar {min-height: 20px; padding: 10px 0; width: 100%; background-color: #ec881d; 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}

/* forms */
.cms_form_item, .cms_form_content_block {clear: both; padding: 10px 0; margin: 0 !important;}
.cms_form_textinput, .cms_form_dropdown  {width: 100%;}
.cms_form_textarea {width: 100%; height: 100px;}
.cms_form_item_sidebyside {width: 50%; padding: 0 20px 0 0;}
.cms_form_label {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, legend.cms_form_legend {white-space: normal; width: 100%; border: 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: #005696; 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: #005696; 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 #005696; 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 #005696; 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 #005696; 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;}
/*.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}*/

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

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


