body {margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-family: 'Open Sans', arial, sans-serif; }

#contentwrapper {width: 100%;  margin: 0 auto; }

header {width: 970px;  margin: 0 auto; height: 100px; position: relative; text-align: center;}

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: 10px; width: 295px; text-align: center;}

.toplinks {position: absolute; top: 0px; right: 20px; width: 600px; text-align: right;}
.toplinks a, .toplinks a:visited, .phone a, .phone a:visited {text-decoration: none; color: #265F92; font-weight: bold; font-family: Oswald, 'arial narrow', sans-serif; margin-left: 10px;}
.toplinks a:hover, .phone a:hover {text-decoration: underline; color: #265F92;}

.socmed {display: inline-block;position: relative; top: 20px; MARGIN-LEFT: -15PX}

.chatbttn{ position: relative; float: left; top: 20px;/*position: absolute; top: 20px; left: 357px;*/}

.search {background-color: white; border-radius: 5px; -webkit-border-radius: 5px; width: 150px; height: 30px; display: inline-block; position: relative; top: 10px; }
.searchbox {border: 0;  background: transparent; width: 140px; position: absolute; top: 5px; left: 5px; }
.searchbutton{position: absolute; top: 6px; right: 5px}


.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}
.bottomlinks a, .toplinks a {white-space: nowrap;}



section {width: 970px;  margin: 0 auto; line-height: 1.5; border: solid 0px orange}

article {width: 68%;  position: relative; float: right; text-align: left; min-height: 380px;}

article.inside {width: 100%; background: url(../images/white_bg.png); margin-bottom: 20px; padding: 10px 5% 20px 5%; min-height: 509px;}
article.inside {width: 63%; }

.printer {position: relative; float: right; font-size: 20px;}
.printer a, .printer a:visited {color: #266294;}
.printer a:hover {color: #76BE43;}


aside.inside {z-index: 99;  width: 295px; position: relative; float: left;  min-height: 400px; top: 10px;}
aside.home {height: 430px; top: -20px; position: relative; float: left;  }

.hb {background: url(../images/HomeBankingBox.png) no-repeat 0 40px; width: 295px; height: 220px; position: absolute; top: 0px; left: 0; overflow: hidden;}
.hb1, .hb2, .hb3, .hb4, .hb5, .hb h2 {position: absolute; top: 80px; left: 20px;}
.hb1, .hb2, .hb5 {border: 0; background-color: white; border-radius: 3px; -webkit-border-radius: 3px; width: 255px; padding: 5px; color: #125687;}
.hb2 {top: 120px; }
.hb5 {top: 100px;}
.hb3 {border: 0; background: url(../images/Login.png) no-repeat 0 0; width: 64px; height: 34px; overflow: hidden; top: 160px; right: 17px; left: auto; font-size: 0; line-height: 0;}
.hb3:hover {background-position: 0 -34px;}
.hb4 {top: 155px; font-size: 14px; color: white; width: 180px; text-align: left}
.hb4 a, .hb4 a:visited {color: white; text-decoration: none;}
.hb4 a:hover {color: white; text-decoration: underline;}
.hb h2 {font-family: Oswald, 'arial narrow', sans-serif; font-size: 19px; text-transform: uppercase; color: #b0d8f0; font-weight: 400; text-align: left; top: 30px; left: 20px;}

a.which {background: url(../images/WhichLogIn.png) no-repeat 0 0; width: 195px; height: 34px; overflow: hidden; display: block; position: absolute; top: 205px; left: 55px}
a.which:hover {background-position: 0 -34px;}
.whichbox {border: solid 3px #00A7E1 ; background-color: white; text-align: left; padding: 10px; width: 600px; position: absolute; top: 160px; right: 100px; z-index: 1000; border-radius: 5px; display: none;}

#creditcontainer {
    width: 100%;
    height: 100%;
    position: absolute;
    visibility:hidden;
    display:none;
}

#creditcontainer:target {
    visibility: visible;
    display: block;
}
.creditbox-reveal-modal {
    border: solid 3px #00A7E1;
    background-color: white;
    text-align: left;
    padding: 10px;
    margin: 0 auto;
    top: 10px;
    max-width: 600px;
    max-height: 600px;
    overflow: auto;
    position:relative;
    z-index:1000;
    border-radius: 5px;
}


/*.creditbox {border: solid 3px #00A7E1 ; background-color: white; text-align: left; padding: 10px; width: 600px; position: absolute; top: 160px; right: 100px; z-index: 1000; border-radius: 5px; display: none;}*/

.bus {background: url(../images/BusinessBillPay.png) no-repeat; width: 295px; height: 78px; position: absolute; top: 250px;left: 0; color: white;}
.bus1, .bus2 {position: absolute; top: 50px; left: 35px;}
.bus2 {left: auto; right: 20px; top: 35px;}
.bus1 a, .bus1 a:visited {color: white;}
.bus1 a:hover {color: #76BE43;}

a.bus2 {border: 0; background: url(../images/Login.png) no-repeat 0 0; width: 64px; height: 34px; overflow: hidden; font-size: 0; line-height: 0;}
a.bus2:hover {background-position: 0 -34px;}

.addthis_toolbox {width: 160px; text-align: right; font-size: 20px;position: relative; float: right;}
.addthis_default_style a {margin-left: 10px;}

.Mshow {display: none;}


a.alrtbttn {background: url(../images/Alerts.png) no-repeat 0 0 ; display: inline-block; width: 117px; height: 30px; font-size: 0; line-height: 0; display: inline-block; position: relative; top: -20px; margin-right: 5px;}
a.alrtbttn:hover {background-position: 0 -30px; }

a.alrtbttn2, a.alrtbttn2:visited { position: relative; top: 0px; margin-right: 5px;}
/*
a.alrtbttn2, a.alrtbttn2:visited {background-color:  #76BE43; display: inline-block; width: 117px; height: 32px; color: white; text-decoration: none;  position: relative; top: 0px; margin-right: 5px; padding-top: 5px; font-weight: normal; text-align:center;}
a.alrtbttn2:hover {color: white; background-color: #00A7E1; text-decoration: none; }*/



.alertbox{border: solid 3px #76be43; background-color: white; text-align: left; padding: 10px; width: 500px; position: absolute; top: 60px; right: 55px; z-index: 1000; border-radius: 3px; display: none;}
.alertbox i {color: #00A7E1 ;}

/* alerts */
.alertbar {min-height: 20px; padding: 10px 0; width: 100%; background-color: #d30101; color: white;  }
.alert {width: 96%; max-width: 1170px; margin: 0 auto; padding-right: 40px; position: relative;text-align: left}
.alert a, .alert a:visited,  .alert a:link, .alert a:link:active, .alert a:visited:active {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}


.exit {position: relative; float: right;cursor: pointer;  -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);color: #00A7E1; font-size: 20px;}


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

.regionbox {}

.code_block_indiv_content {width: 100%; padding: 0; margin: 0}
.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}

.credit {position: absolute; background-color: white;  bottom: 120px; right: 10px; padding: 2px 5px;-webkit-box-shadow: 0 0 5px 0 #000000; box-shadow: 0 0 5px 0 #000000; opacity: 0.5; border-radius: 3px; display: none;}

.whitebar {width: 100%; text-align: center; min-height: 280px; padding: 20px 0; background-color: white; }
.box1, .box2, .box3 {width: 25%; padding: 10px; border-left: solid 1px silver; position: relative; float: left; min-height: 200px; text-align: left; background-color: white; margin: 0}
.boxes {width: 100%; max-width: 970px; margin: 0 auto;}
.box1, .box2, .box3 {min-height: 300px}
.box1 h1, .box2 h1, .box3 h1, .box1 h2, .box2 h2, .box3 h2, .code_block_indiv_content h2 {margin-top: 0;  color: #125687; }
.boxes p {margin: 0 0 5px 0;}

.box0 {width: 25%;  position: relative; float: left; }




.help {width: 25%; padding: 10px; position: relative; float: left; overflow: hidden; height: 200px;}
.arrow, .helper {position: absolute; top: 30px; right:20px;}
.arrow {left: 0; right: auto; z-index: 100; width: 49px; height: 56px; }
.helper {background-color: #125687; height: 140px; width: 205px; padding: 15px 10px 10px 35px; z-index: 90}
.helper h3 {font-family: Oswald, 'arial narrow', sans-serif; font-size: 19px; text-transform: uppercase; color: white; font-weight: 400; text-align: left; margin: 0; width: 80%;}

.greenbar {width: 100%; background-color: #76be43; height: 48px; position: relative; clear: both;}
.whitestripe {width: 70%; position: absolute; top: 0; left: 0; height: 14px; background-color: white;}
.greenbar section {text-align: right;}

.blubar {background-color: #125687; color: white; width: 100%; min-height: 120px;}


footer {width: 970px;  margin: 0 auto; padding: 10px;  }

.bottomlinks {position: relative; float: left; text-align: left; color: white; width: 55%; font-family: Oswald, 'arial narrow', sans-serif; margin: 10px 0;}
.bottomlinks a, .bottomlinks a:visited, .phone a, .phone a:visited {text-decoration: none; color: white;}
.bottomlinks a:hover, .phone a:hover {text-decoration: underline; color: white;}

.footnote {font-size: 12px; width: 55%; text-align: left; position: relative; float: left; }
.images { position: relative; float: left;}
.images img {margin-right: 5px;}
.text{ position: relative; float: left; padding: 10px 0; clear: left;}

.phone {width: 45%; color: white; position: relative; float: right; text-align: right; font-size: 13px;}
.phone ul {list-style: none;text-align: right;}
.phone ul li {margin: 0; line-height: 1.25;}

.mobi, .wordiness {display: none;}

/*
: Dk Blue (265F92) Green (77BC1F) Light Blue (00A7E1).

#265F92: #265F92
Light #265F92: #b0d8f0
#5DC3F0
Cyan: #00A7E1
Green: #77BC1F

*/

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

.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: #265F92;}
a:hover {color: #76be43;}
.breaker {clear: both;}
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}
.captcha_warning {font-size: 14px; color: red; font-weight: bold;}
textarea {font-size: 14px; font-family: 'Open Sans', arial, sans-serif;}

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


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

.cta a, .cta a:visited, a.cta, a.cta:visited, input[type="submit"] {display: inline-block; background-color: #76BE43; color: white; padding: 5px 20px; text-decoration: none;font-family: Oswald, 'arial narrow', sans-serif;  border: 0; border-radius: 5px; text-transform: uppercase; font-size: 16px; font-weight: 400}
.cta a:hover, a.cta:hover, input[type="submit"]:hover { background-color: #00a7e0; color: white;  text-decoration: none;}



h1, .blog_title, .content_blog_header, .category_name {color: #265F92; font-size: 24px;font-family: Oswald, 'arial narrow', sans-serif; font-weight: bold;}
h2, .content_rates_category1, .faq_header, .faq_question, .comments_section_header  {color: #265F92; font-size: 18px; font-weight:bold;font-family: Oswald, 'arial narrow', sans-serif;}
h3, .content_rates_table_title, .region_faq_header, .comment_title {color: #265F92; font-size: 16px; font-weight:bold; text-transform: uppercase;font-family: Oswald, 'arial narrow', sans-serif;}
h4 {color: #265F92; font-size: 14px; font-weight: bold; }
h5 {color: black; font-size: 14px; font-weight: bold; }
h6 {font-family: Oswald, 'arial narrow', sans-serif; color: #125687; font-size: 14px; text-transform: uppercase; font-weight: normal}

/* forms */
.captcha_warning {font-size: 14px; color: red; font-weight: bold;}
.required_legend {padding-bottom: 20px;color: gray;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: 33%;}
.taft_formElement-wrapper {width: 66%; }
input[type="text"] {width: 100%;}
input.fbPhoneprt{ width:50px;}
.captcha, .no-sortable {clear: both;}
.taft_formElement-wrapper label {margin-left: 5px;}
.wide p{border-bottom: solid 1px #666;}
div.no-sortable {text-align: center;}

/*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.custform ul {padding: 0; margin: 0;}
.taft_label-wrapper {clear: both; width: 100%; position: relative; float: left; min-height: 14px; border: solid 0px red; font-size: 12px;}
.taft_formElement-wrapper {width: 100%; position: relative; float: left; min-height: 30px; border: solid 0px blue; padding-bottom: 10px; }
.captcha {clear: both; margin: 10px 0}
.taft_formElement-wrapper label {margin-left: 5px;}
.wide {margin: 20px 0;}
form.custform .col2 {width: 48%; margin: 0 2% 0 0; position: relative; float: left;}
*/

form.custform input[type="text"], form.custform textarea, form.custform select {width: 100%; padding: 5px;}
form.custform input[type="submit"] {background-color:  #76BE43; color: white; padding: 5px 10px; border: 0;}
form.custform input[type="submit"]:hover {background-color:#2A658F ;}
input[type="text"].ph{ width:50px;}


@media only screen and (max-width: 500px) {

	.taft_label-wrapper, .taft_formElement-wrapper {width: 100%; min-height: auto;}
	.taft_formElement-wrapper {margin-bottom: 10px;}
}
/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #265F92; 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 {border-bottom: 1px solid #b0d8f0 ; font-size: 12px; }
.regions_rates_table_effectivedate {font-size: 12px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 12px; color: #76be43;}
.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: #265F92; 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: #265F92; 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;}
.comments_sortbox {position: relative; float: right; background-color: white; top: -20px; }
.comment_item {border: solid 1px #265F92; 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 #265F92; 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 #265F92; 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;}