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

.page {width: 100%; background: url(../images/Top.jpg) top center no-repeat;}
.wrapper {width: 100%; background: url(../images/TopSlice.jpg) repeat-x top;}

header {width: 960px;  height: 66px; padding: 31px 0; position: relative; margin: 0 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: relative; float: left;}

.search {display: inline;}
.searchbox {height: 17px; border: 0; padding: 2px 5px;}
.searchbutton{position: relative;top: 6px; border: solid 2px white;}
footer .search {display: none;}

.tagline {margin-top: 20px;}

div.silvercloud-acsearch-bar{background-color: white; padding: 2px 5px;}
article div.silvercloud-acsearch-bar{border: solid 1px silver; background: transparent; width: 205px; position: relative; top: 2px}

div.sc-acsearch-hook{}
div.silvercloud-acsearch-bar input{width: 170px;border: 0;}
div.silvercloud-acsearch-bar button{ background-color: transparent; font-size: 0; border: 0; }
div.sc-acsearch-hook button:after{content: "\f002"; font-family: FontAwesome; color: #0055a5; height: 24px; font-size: 16px;color: #6ECFF2;}
footer div.silvercloud-acsearch-bar {display: none;}
	@media only screen and (max-width: 500px) {
		header div.silvercloud-acsearch-bar {display: none;}
		footer div.silvercloud-acsearch-bar {display: block; width: 205px; margin: 0 auto;}
	}
/*aside div.silvercloud-top-content-wrapper.ng-scope.ng-isolate-scope.widget-5dc0385a803e926395637b8e
div.sc-top-content-hook.ng-scope
div.ng-scope div.sc-results-container.sc-tc
div.ng-scope
a.sc-result-item.link.ng-scope
div.silvercloud-results-wrapper-item-details
div.silvercloud-results-wrapper-item-title.ng-binding.ng-scope


aside
div.silvercloud-top-content-wrapper.ng-scope.ng-isolate-scope.widget-5dc0385a803e926395637b8e
div.sc-top-content-hook.ng-scope
div.ng-scope
div.sc-results-container.sc-tc
div.ng-scopea.sc-result-item.answer.ng-scope
div.silvercloud-results-wrapper-item-details
div.silvercloud-results-wrapper-item-title.ng-binding

Red - #c41230
Blue - #01356e (Home Banking Background)
Dark Blue - #002850 (Headers)
Cyan - #00aae7
Dark Cyan - #0399cd (Drop Down Box Outline)
Dark Grey - #333333 (Body Copy Color)

*/

aside div.sc-results-toolbar.sc-tc {display: none;}
aside .silvercloud-results-title.sc-tc.ng-binding{display: none;}
aside div.sc-results-container.sc-tc{padding: 0;}
aside a.sc-result-item.link.ng-scope, div.sc-results-container.sc-tc{color: #00aae7; text-align: left; padding: 10px 0; border-bottom: solid 1px silver;font-family: Arvo, 'Times New Roman', serif; font-weight: 500}
aside a.sc-result-item.link.ng-scope:hover, div.sc-results-container.sc-tc:hover{color: #01356e; background:transparent}
aside a.sc-result-item.link.ng-scope:before{color: #00aae7;}
aside div.silvercloud-results-wrapper-item-title.ng-binding.ng-scope{display: inline;}



.toplinks {text-align: right; position: relative; float: right; }
.toplinks a, .toplinks a:visited { text-decoration: none; color: black;}
.toplinks a:hover {text-decoration: underline; color: #002850;}
.pipe {font-weight: bold; margin: 0px 5px 0px 5px;}

section {background-color: white; width: 960px; margin: 0 auto 20px auto; line-height: 1.5}

.bannerspace {width: 100%; height: 250px; position: relative; margin: 20px 0; }


.header {width: 720px; padding-bottom: 20px; position: relative; float: left; background-color: white; left: -20px; }


iframe.hbnew {border: 0; z-index: 99; position: absolute; top: -20px; right: 0px; width: 280px; height: 290px; overflow: hidden;}

article {width: 100%;  position: relative; float: right; text-align: left;}

article.inside {width: 679px; padding: 0 20px; position: relative; float: left;border-right: solid 1px silver;}

.homebox1, .homebox2 {width: 322px; padding: 0 30px 0 20px;position: relative; float: left; text-align: left;}
.homebox1 {border-right: solid 1px silver;}
.homebox1 .regionbox, .homebox1 .code_block_indiv_content { width: 95%;}

.buttons {width: 212px; position: relative; float: right; border-top: solid 1px silver;}
.buttons a {border-bottom: solid 1px silver;}
.buttons_inside {width: 100%; position: relative; float: right; border-top: solid 1px silver; text-align: center}
.buttons_inside a {border-bottom: solid 1px silver; width: 100%; text-align: center; height: 48px; display: block}


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

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

.regionbox, .code_block_indiv_content {overflow: hidden; margin-bottom: 10px; width: 192px; padding: 10px; text-align: left;}
.regionbox ul {margin: 0px; padding: 0px; list-style: none;}
.regionbox ul li {padding-bottom: 5px;}
.boxtop, .code_block_indiv_top {display: none;}
.boxbottom, .code_block_indiv_bttm {display: none;}

.blu {background: url(../images/BottomSlice.gif) repeat-x top #00366E; width: 100%; min-height: 85px;padding: 20px 0}
footer {width: 960px;  margin: 0 auto; }
.bottomlinks {position: relative; float: right; text-align: right; width: 50%;color: #00aae7;}
.bottomlinks a, .bottomlinks a:visited {text-decoration: none; color: #00aae7;}
.bottomlinks a:hover {text-decoration: underline; color: white;}
.pure {position: relative; float: right; clear: right; margin-top: 0px}
.footnote {font-size: 12px; width: 40%; text-align: left; position: relative; float: left; line-height: 1.25; color: white; }
.images { position: relative; float: left; width: 100%}
.images img {margin-right: 10px;}
.text{display: none;}


.icons{ }
.icons img {margin-left: 10px;}

.bottomlinks .icons{display: inline;}


.mobi {display: none;}

.arvoblu {color: #00A9E5; font-size: 16px; font-family: Arvo, 'Times New Roman', serif; font-weight: 700;}
.arvoblu a, .arvoblu a:visited{color: #00A9E5; text-decoration: none;}
.arvoblu a:hover{color: #01356E; text-decoration: none;}


/*
change '#002850' to main site color

Red - #c41230
Blue - #01356e (Home Banking Background)
Dark Blue - #002850 (Headers)
Cyan - #00aae7
Dark Cyan - #0399cd (Drop Down Box Outline)
Dark Grey - #333333 (Body Copy Color)

*/

/*****************************************/
a, a:visited {color: black;}
a:hover {color: red;}
.breaker {clear: both;}
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}

h1, .blog_title, .content_blog_header {color: #002850; font-size: 20px; font-family: Arvo, 'Times New Roman', serif; margin-top: 0;}
h2, .content_rates_category1, .faq_header, .faq_question, .content_blog_header, .comments_section_header  {color: #002850; font-size: 14px; font-weight:bold;font-family: Arvo, 'Times New Roman', serif;}
h3, .content_rates_table_title, .region_faq_header, .comment_title {color: #002850; font-size: 16px; font-weight:bold; text-transform: uppercase;font-family: Arvo, 'Times New Roman', serif;}
h4 {color: #002850; 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 */
.captcha_warning {font-size: 14px; color: red; font-weight: bold;}
.required_legend {padding-bottom: 20px;color: gray;font-style: italic;}

/* rates page */
.content_rates_table {margin-bottom: 20px; width: 100%;}
.content_rates_table_fields {background-color: #002850; 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: silver; border-bottom: 3px solid white; font-size: 10px; }
.regions_rates_table_effectivedate {font-size: 9px;}
.regions_rates_table_title {display: none;}
.regions_rates_table_fields { font-size: 10px; color: #002850;}
.aprnote {font-size: 10px; width: 180px;}

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

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