/* basic styles */
body {margin: 0px; padding:  0px; text-align: center; font-family: arial, sans-serif; font-size: 14px; background: url(../images/blubars.png) repeat-x top #E2ECF8; }

a, a:visited {color: black;}
a:hover {color: #006C68;}

h1, .blog_title, .content_blog_header {  color: #012a60;font-size: 18px;}
h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header  {color: #012a60; font-size: 16px; font-weight:bold;}
h3, .content_rates_table_title, .region_faq_header {color: #012a60; font-size: 14px; font-weight:bold; text-transform: uppercase;}
h4 {color: #012a60; 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;}

.floatR {position: relative; float: right;}
.floatL {position: relative; float: left;}
.breaker {clear: both;}
.border {border: solid 1px red;}
img {border: 0px;}
.abso {position: absolute;}
.captcha_warning {font-size: 14px; color: red; font-weight: bold;}
.bttmpad {margin-bottom: 10px;}

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

/* for polls */
.region table td table td {padding: 2px;}
.region table td table{margin-bottom: 10px;}

/* featured rates */
.regions_rates_table {width: 100%;}
.regions_rates_table_row1, .regions_rates_table_row2 {background-color: #DBE5F1; border-bottom: 2px solid white; font-size: 11px; width: auto; white-space: nowrap;} 
.regions_rates_table_effectivedate {font-size: 11px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 11px; color: #012a60;}
.aprnote {font-size: 11px; width: 180px;}

/* calendars */
.content_calendar_table {border: solid 1px black;}
td.content_calendar_table_headercell {background-color: black; 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} 

/*REMOVE IF CLIENT HAS ARTICLES MODULE*/

ul.content_article_list  {padding-left: 15px;}
ul.content_article_list li {list-style: none;}

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


/* faqs page */
.faq_toolbar {padding-bottom: 15px;}
.faq_viewed {color: #012a60; 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 #006C68; 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 #006C68; 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 #006C68; padding: 10px; margin: 10px; background-color: #E9E7E6;}
textarea.comments_form_textbox {width: 98%; height: 75px;}

.required_legend {padding-bottom: 20px;color: gray;font-style: italic;}

.print {display: none;}


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

header {width: 1000px;  height: 155px; position: relative; background: url(../images/Header-images.jpg) no-repeat 0 41px; margin: 0px auto;}

a.skipper, a.skipper:visited {line-height: 0; font-size: 0; border: 0; background: transparent;}
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; top: 45px; left: 10px;}

.search { display: inline;}
.searchbox { background-color: white; width: 91px; padding-left: 10px;  height: 16px;  border: solid #e3e3dd 1px; margin-left: 10px;-webkit-border-radius: 2px; border-radius: 2px;}
.searchbutton {position: relative;  top: 7px; left: -9px; background: none;}


/* top links / utilities */
.toplinks {text-align: right; position: relative; float: right; top: 5px; color: white;}
.toplinks a, .toplinks a:visited { text-decoration: none; color: white;}
.toplinks a:hover {text-decoration: underline; color: #ECF3FB;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

.photo {background: url(../images/background-photo.jpg) no-repeat top; width: 2200px; margin: 0 auto; text-align: center}
section {width: 1000px; margin: 0 auto; text-align: left; padding-top: 20px;}

article.inside {width: 56%; padding: 10px 5%; position: relative; float: left; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px 0 #707070; box-shadow: 0 0 5px 0 #707070; background-color: white; margin-bottom: 10px; }

article.home {width: 680px;  position: relative; float: left; font-size: 12px; width: 278px; }

.hb { background: url(../images/Online-Banking-Box.png) no-repeat;  width: 278px;  height: 151px;  position: relative;  margin-bottom: 0px;}
.hb1,.hb2,.hb3,.hblinks {  position: absolute;  top: 46px; left: 31px;}
.hb1,.hb2 { border: 0px;  width: 220px;background: url(../images/username.png);}
.hb2 {  top: 82px;  background: url(../images/pass.png);}
.hb3 {top: 115px;  left: 200px;  background: url(../images/Login.png) no-repeat 0px 0px;  width: 47px;  height: 26px;  padding: 0px;  border: 0px;  text-indent: -9999px;  line-height: 0px;  font-size: 0;}
.hb3:hover {  background-position: 0px -26px;}
.hblinks {  top: 110px;  left: 30px;}

.bus {background: url(../images/Business-BillPay.png) no-repeat; width: 278px; height: 60px; position: relative;}
.buslinks {position: absolute; top: 35px; left: 30px;}
a.bus1, a.bus1:visited {position: absolute;  top: 20px; display: block;  left: 200px;  background: url(../images/Login.png) no-repeat 0px 0px;  width: 47px;  height: 26px;}
a.bus1:hover {background-position: 0px -26px;}

.ratesbox { background: url(../images/Featured-Rates-Box.png) no-repeat;  width: 228px; padding: 35px 25px 0px 25px;  height: 197px;  overflow: hidden;}

.white {background: url(../images/News-Area-Slice.png) repeat-x;  height: 231px;  text-align: center;  width: 100%; clear: both;}

.homecontent {width: 699px;  overflow: hidden;  height: 195px;  position: relative; float: left;}
.box1, .box2, .box3 {min-width: 207px; width: 32%; height: 195px; position: relative; float: left;overflow: hidden; top: -5px}
.box1 {margin-right: 2%;} 
.box3 { float: right}

.smbanner {width: 276px;  text-align: center;  border-right: solid 1px #E3E3DD;  border-left: solid 1px #E3E3DD;  position: relative; float: right;}
.homecontent .code_block_indiv_content {-webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0 0 0 #707070; box-shadow: 0 0 0 0 #707070; width: 100%; padding: 0;border: solid 0px #ACBBCF}
.homecontent h4 {margin: 0;}
.homecontent p {margin: 5px 0 5px 0;}

a.printer, a.printer:visited{display: block; width: 16px; height: 13px; background: url(../images/printer.png) no-repeat 0 0; font-size: 0; line-height: 0; margin: 2px;}
a.printer:hover {background-position: 0 -13px;}
.print {display: none;}


/* regions and sidebar content*/
aside {z-index: 90; width: 32%;  position: relative; float: right; text-align: center; margin-top: -10px}
.bannerbox { overflow: hidden;-webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px 0 #707070; box-shadow: 0 0 5px 0 #707070; background-color: white; width: 100%; padding: 15px 0; text-align: center; margin-bottom: 10px;}
.vidbox { margin-bottom: 10px;-webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px 0 #707070; box-shadow: 0 0 5px 0 #707070; background-color: white; margin-bottom: 10px;}
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.regionbox ul li {padding-bottom: 5px;}

.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}
.regionbox, .code_block {overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px 0 #707070; box-shadow: 0 0 5px 0 #707070; background-color: white; width: 90%; padding: 10px 5%; margin: 10px 0}



/* 
.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 { width: 100%}
.code_block_bttm {}
.code_block_indiv_content p{margin-top: 0px;}

.blu {background: url(../images/footerbg.png) repeat-x top #ACBBCF; width: 100%; min-height: 200px; text-align: center; margin-top: 10px;}
/* footer */
footer {width: 1000px; margin: 0 auto;}
.bottomlinks {position: relative; float: right; text-align: right; color: white; margin: 10px 0px 35px 0px;}
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: white;}
.bottomlinks a:hover {text-decoration: underline; color: #E2ECF8;}
.ehl, .ncua{position: relative; float: left; margin-right: 5px; font-size: 12px; width: 100%; margin-bottom: 5px;}
.footlogos {font-size: 12px;  text-align: left; position: relative; float: left; clear: both }
.blunote {color: #003399;}

.icons{width: 100%; clear: both; margin: 30px 0px; text-align: left;}
.icons img {margin-right: 10px;}


/*
change '#012a60' to main site color

*/

.mobi, .bottomout {display: none;}

/* for popup */

.veil {width: 100%; height: 1800px; z-index: 100; position: absolute; background-color: black; opacity:0.7; filter:alpha(opacity=70); top: 0px; left: 0px;  }
.centerit {width: 100%; height: 100%; z-index: 101; position: absolute;  top: 0px; left: 0px; text-align: center;}
.box {margin: 20px auto; width: 300px; height: 395px; background-color: white; text-align: center; z-index: 102;opacity:1.0; filter:alpha(opacity=100); } 
.box div.x {text-align: right;}
.box div.x a {font-weight: bold; font-size: 16px;  color: #012a60; text-decoration: none;}
.box div {font-size: 16px; width: 300px; margin: 0;}
.box P {font-size: 10px; margin-left: -15px;}
.box P A, .box P A:link, .box P A:active, .box P A:visited {color: Black; text-decoration: none;}

.osw {font-family: 'Oswald', sans-serif; font-weight: 300}
.osw {font-family: 'Oswald', sans-serif; font-weight: 400}
.oswB {font-family: 'Oswald', sans-serif; font-weight: 700 }