body {margin: 0px; padding: 0px; text-align: center; font-family: arial, sans-serif; font-size: 14px; font-family: 'Open Sans', arial, sans-serif; color: #333; background: url(../images/InsideBackground.png) no-repeat center top; }

#contentwrapper {width: 100%; max-width: 1200px; margin: 0 auto; }

header {width: 100%; max-width: 1200px;  height: 152px; position: relative; margin: 0 auto;}

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


.search {display: inline;}
.searchbox {border: 0; margin: 0; height: 32px; padding: 3px 10px; position: relative; top: -3px; left: 2px;}
.search button{margin: 0; background-color: #00a5f2; color: white; border: 0; padding-top: 0px; width: 32px; height: 32px; font-size: 18px; margin-right: -4px; top: -2px; position: relative;}
.searchbttn {display: none;}

.socmed {display: inline; position: relative; top: 8px;}
.socmed img {border-left: solid 1px #00315D;}

.toplinks {text-align: right; width: 100%; height: 48px;  background-color: #00315d; color: white; padding: 4px 100px; margin-bottom: 0px; top: -8px;position: relative; font-size: 12px}
.toplinks a, .toplinks a:visited { text-decoration: none; color: white;}
.toplinks a:hover {text-decoration: underline; color: #00a5f2;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}
.bottomlinks a, .toplinks a {white-space: nowrap;}
a.buslog, a.buslog:visited {text-align: center; padding: 10px 5px 4px 5px; background-color: #03A4F5; color: white; text-decoration: none; margin-right: 5px; }
a.buslog:hover {background-color: #03A4F5; text-decoration: none; color: white;}


.holder {width: 96%; max-width: 1000px; margin: 0 auto;}
a.homelink{position: relative; float: left; clear: both;  display: block; width: 209px; height: 79px; }


section { width: 100%; max-width: 1200px; margin: 0 auto; line-height: 1.5; }
section.home {background-color: #eeeeee; padding: 100px;}
section.home h1 {font-size: 24px;}
section.grey {background-color: #eeeeee; padding: 100px 0; }


section.inside {max-width: 1000px; width: 96%; padding: 50px 0 20px 0}

article.homeR, article.homeL, article.homeC  {width: 33.3%; min-width: 313px; height: 240px; text-align: center; position: relative; float: right;  padding: 0 10px;}
article.homeL {float: left;}
article.homeR .code_block_indiv_content, article.homeL .code_block_indiv_content, article.homeC .code_block_indiv_content { background: none; color: black; padding: 0; margin: 0}

article.homeC {text-align: center; padding: 0;position: relative; float: left;}
article.homeC .vidbox {margin: 0 auto;}

.hometop {width: 100%; height: 480px; position: relative; margin-bottom: 20px }

.hb {width: 250px; height: 250px; background-color: #eee; opacity: 0.8; position: absolute; top: 30px; left: 100px; padding: 0 40px; z-index: 99; text-align: left}
.hb img {margin: 10px 0 10px 15px;}
.hb input[type="text"] {border: none; opacity: initial; background-color: white; padding: 5px; width: 100%; position: relative; top: -10px;}
.hb input[type="submit"] {border: none; background-color: #00a5f2; color: white; padding: 5px 0px; position: relative; float: right; margin: 20px 0; width: 100%;}
.hb input[type="submit"]:hover {background-color: #015eb2}
.hb p {clear: both;}
a.hidethis {display: none;}
.hb label {display: none;}


.buttons {width: 100%;  height: 170px; position: absolute; bottom: 0; left: 0; text-align: center;  z-index: 99}

.buttons2 {width: 100%;  height: 170px;  text-align: center;  }

.buttons img, .buttons2 img {margin: 0 5px;}



article.inside {width: 68%;  position: relative; float: left; text-align: left; padding-left: 30px}

aside {z-index: 99; overflow: hidden; width: 24%;  position: relative; float: right;  }

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

.regionbox, .code_block_indiv_content {overflow: hidden; width: 100%;  text-align: left; background-color: #00a5f2; color: white; padding: 20px; margin-bottom: 10px;}
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.regionbox a, .regionbox a:visited {color: white; text-decoration: none;}
.regionbox a:hover {color: white; text-decoration: underline;}
.regionbox h2 {color: white; font-size: 24px;}
.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}

footer {width: 100%; max-width: 1200px; padding-bottom: 20px; font-size: 12px;}

.bottomlinks { color: white; width: 100%; background-color: #00315d;  padding: 10px 2%; }
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: white;}
.bottomlinks a:hover {text-decoration: underline; color: white;}

.footnote {font-size: 12px; width: 96%; max-width: 1000px; text-align: left; margin: 20px auto; }
.images { position: relative; float: left;}
.images img {margin-right: 5px;}
.text{ position: relative; float: left; padding: 0 10px; width: 80%}

.mobi, .buttonbars {display: none;}


/*
#00315d - #015eb2
Dark #00315d - #00315d
Cyan - #00a5f2
Green - #589411
Orange - #e06c25
Red - #b30232
grey - #eeeeee
Dark Gray – #333333 (body copy)

*/

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

.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;}
li {margin-bottom: 10px;}
a, a:visited {color: #00315d;}
a:hover {color: #00a5f2;}
.breaker {clear: both;}
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}
.captcha_warning {font-size: 14px; color: red; font-weight: bold;}

.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, .blog_title, .content_blog_header, .category_name, .podcast_list_header {color: #00315d; font-size: 30px; margin-top: 0; font-weight: 600;}
h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header  {color: #00315d; font-size: 18px; font-weight: 600; margin-top: 0;}
h3, .content_rates_table_title, .region_faq_header, .comment_title {color: #00315d; font-size: 16px; font-weight: 600; text-transform: uppercase;}
h4 {color: #00315d; 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;}


/* 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 {width: 20%; position: relative; float: left; min-height: 30px; border: solid 0px red; padding-right: 10px; clear: both;}
.taft_formElement-wrapper {width: 80%; position: relative; float: left; min-height: 30px; border: solid 0px blue; padding-right: 10px;}
input.fbPhoneprt{ width:50px;}
div.captcha {clear: both;}



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

/* 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: #00315d;}
.aprnote {font-size: 12px; width: 180px;}
td.regions_rates_table_row2 marquee, td.regions_rates_table_row1 marquee {width: 242px;}

/* 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: #00315d; 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}

/* polls */
.content_poll_option, .regions_poll_option {margin: 5px 0px; display: inline-block;}
.content_poll_title, .regions_poll_title {margin: 5px 0px; display: inline-block; font-weight: bold}
.votebutton, .votebutton_regions  {}
.poll input[type=radio] {position: relative; top: 3px;}


/* faqs page */
.faq_toolbar {padding-bottom: 15px;}
.faq_viewed {color: #00315d; 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;}
.blog_main_post a {display: block; margin-bottom: 20px;}
.comments_sortbox {position: relative; float: right; background-color: white; top: -20px; }
.comment_item {border: solid 1px #00315d; 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 #00315d; 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 #00315d; padding: 10px; margin: 10px; background-color: #E9E7E6;}
textarea.comments_form_textbox {width: 98%; height: 75px;}


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

/*PODCASTS*/
img.podlogo {position: relative; float: left; margin: 0 20px 20px 0; }
#pod h2 {clear: both;}
.pod_head {font-weight: bold;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pod_row {clear: both; border-bottom: solid 1px #967943; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pod_row h3 {display: inline;}
.podfo {font-size: 12px; color: #967943;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.prow, .pod_head {padding: 5px 10px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.pod_row a, .pod_row a:visited, .pod_row a:link, .pod_row a:link:active, .pod_row a:visited:active{color: white;text-decoration: none; background-color: #967943; display: inline-block; width: 50%; max-width: 120px; padding: 5px 0; text-align: center; -webkit-transition:  color .5s, background-color .5s; transition:  color .5s, background-color .5s; border-radius: 5px; margin: 0 5px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.pod_row a:hover{background-color: #00315D;color: white;text-decoration: none;}
.pod_row span {padding: 0 10px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
@media only screen and (max-width: 700px) {
	.pod_row h3 {display: block;}

}