body {margin: 0px; padding: 0px; text-align: center; font-size: 14px; font-family: 'Open Sans', arial, sans-serif; background-color: white; -webkit-text-size-adjust: 100%; } #contentwrapper {width: 100%;} .grade { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c6a88+0,135f7f+100 */ background: #3c6a88; /* Old browsers */ background: -moz-linear-gradient(top, #3c6a88 0%, #02507e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3c6a88 0%,#02507e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3c6a88 0%,#02507e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6a88', endColorstr='#02507e',GradientType=0 ); /* IE6-9 */ } header {width: 100%; height: 150px; position: relative; border-bottom: solid 20px #eee4db;} header .liner {height: 130px;} .liner {width: 96%; max-width: 930px; margin: 0 auto; position: relative; } 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 black; color: black; background-color: yellow; line-height: 1; font-size: 18px;} a.homelink{position: absolute; left: 0px; top: 15px;} a.homelink img {width: 100%; max-width: 222px;} .toplinks {text-align: right; position: absolute; top: 30px; right: 135px; color: white; } .toplinks a, .toplinks a:visited { text-decoration: none; color: white;} .toplinks a:hover, .toplinks a:focus {text-decoration: underline; color: #eee4db;} .pipe { margin: 0px 5px;} .toplinks .pipe:last-child, .toplinks a .fa {display: none;} footer .toplinks {display: none;} .sitesearch {display: inline-block; z-index: 99;position: absolute; top: 26px; right: 0px; width: 125px; height: 24px; } .searchbox {border: solid 1px #979797; width: 100px; position: absolute; left: 0px; top: 0px;padding: 5px 10px; border: 0; border-radius: 5px; } .sitesearch button{position: absolute; right: 0; top: 0; border: 0; background-color: transparent; color: white; height: 24px; font-size: 16px; } .sitesearch button:hover, .sitesearch button:focus {color: #eee4db} .sitesearch label {display: none; } section { max-width: 960px; margin: 0 auto; line-height: 1.5; padding: 15px; } section.nopad, section.notifications{padding: 0; margin: 0;} article { width: 74.32%; max-width: 680px; overflow: hidden; text-align: left; position: relative; float: right;} aside { width: 23.6%; max-width: 216px; overflow: hidden; text-align: left; position: relative; float: left; z-index: 101; } aside.home {top: -200px;} .hb{height: 260px; width: 100%; margin-bottom: 20px; padding: 20px 15px;} .hb h2 {margin: 0 0 20px 0; color: white; line-height: 1; background: url(../images/HomeBankingIcon.png) no-repeat left center; padding-left: 80px; min-height: 50px; display: flex; align-items: center;} .hb a, .hb a:visited{color: white;text-decoration: none} .hb a:hover, .hb a:focus{color: white; text-decoration: underline;} .hb a.hbcta, button.hbcta{padding: 5px 0; width: 100%; display: block; background-color: #C1E8F9; color: #135780; font-weight: bold; text-align: center; color: #276084; border: 0} .hb a.hbcta:hover, .hb a.hbcta:focus, button.hbcta:hover, button.hbcta:focus{background-color: white; color: #135780; text-decoration: none; color: #276084} .hb input{width: 100%; padding: 5px 10px;} .regionbox, .code_block {overflow: hidden; width: 100%; text-align: left; background-color: #c1e8f9; margin-bottom: 20px;} .regionbox ul {margin: 10px; padding: 0px; list-style: none;} .regionbox h2, .code_block h1 {color: white; font-size: 18px; text-align: left; padding: 10px; margin: 0 0 10px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c6a88+0,135f7f+100 */ background: #3c6a88; /* Old browsers */ background: -moz-linear-gradient(top, #3c6a88 0%, #02507e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3c6a88 0%,#02507e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3c6a88 0%,#02507e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6a88', endColorstr='#02507e',GradientType=0 ); /* IE6-9 */ } .code_block p {padding: 10px;} .regionbox a, .regionbox a:visited {color: black;} .regionbox a:hover, .regionbox a:focus {color: black;} .bannerbox {overflow: hidden; width: 100%; margin: 10px 0; text-align: center; } .bigbanner{max-width: 680px; width: 74.32%; height: 200px; margin: 0; padding: 0; position: relative; float: right;} .bigbanner img {width: 100%;} footer {width: 100%; padding: 20px 0; color: white; border-top: solid 5px #eee4db;} .bottomlinks { text-align: right; color: white; width: 40%; position: relative; float: right; } footer a, footer a:visited { color: white;} footer a:hover, footer a:focus {color: #eee4db; text-decoration: underline;} .bottomlinks .pipe:last-child {display: none;} .footnote {font-size: 12px; text-align: left; width: 58%; position: relative; float: left;} .footnote img {position: relative; float: left; margin: 0 10px 0 0;} .mobi, .wordiness {display: none;} /**************** Gold - #eee4db pale gold: #eee4db Blue - #107ca6 (Content headers, links, menu hover, drop down) Light Blue - #d8e8ee Header/Footer, Region header gradation - #157fa8 to #125f7d Online Banking Login Button gradation � #ffffff to #a6d0e1 -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: #107ca6;text-decoration: none; -webkit-transition: all .5s; transition: all .5s;} a:hover, a:focus {color: #eee4db; text-decoration: underline;} .breaker {clear: both; } img {border: 0px;} .print {display: none;} .disclaim {font-size: 11px; line-height: 1;} h1, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year {color: #107ca6; font-size: 30px;} h2, .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 {color: #107ca6; font-size: 18px;} h3, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom {color: black; font-size: 16px; } h4, .forum_thread_date, .forum_mischeader_title {color: #149D49; 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: 96%; margin: 0 2% 5px 2% } .regions_rates_table_row1, .regions_rates_table_row2 {background-color: white; font-size: 12px; } .regions_rates_table_effectivedate {font-size: 12px;} .regions_rates_table_title {display: none;} .regions_rates_table_fields { background-color: white; font-size: 12px; color: #107ca6;} .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: #c1e8f9; color: black; font-weight: bold; } .content_rates_table_row2 {background-color: #eee4db;} .content_rates_table_row_highlight {color: #ae0000;} .sideslider {width: 100%;} .content_rates_table_postfix {line-height: 1;} /* old forms */ .captcha_warning {font-size: 14px; color: #107ca6; 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 #107ca6; padding: 0 10px 10px 0;} .taft_label-wrapper {clear: both; width: 33%;} .taft_formElement-wrapper {width: 66%; } input.fbPhoneprt{ width:50px;} .captcha, .no-sortable {clear: both;} .taft_formElement-wrapper label {margin-left: 5px;} .fb_required_fields{padding-bottom: 20px; color: silver; font-style: italic;} .regionbox .taft_formElement-wrapper, .code_block_indiv_content .taft_formElement-wrapper{width: 66%; } .regionbox .taft_label-wrapper, .code_block_indiv_content .taft_label-wrapper{width: 33%;} /* forms 2017 */ .cms_form_item, .cms_form_content_block {clear: both; padding: 5px 0;} .cms_form_item_sidebyside {width: 50%; padding: 0 20px 0 0; float: left; } .cms_form_clear {clear: both;} .cms_form_label {width: 33%; position: relative; float: left; margin: 0 1% 2px 0; font-weight: normal;} .cms_form_object {width: 66%; position: relative; float: right; margin: 1px 0} .cms_form_textinput { width: 100%;} .cms_form_textarea { width: 100%; height: 100px;} .cms_form_dropdown { width: 100%;} .cms_form_ssn1 {width: 50px;} .cms_form_ssn2 { width: 40px;} .cms_form_ssn3 { width: 70px;} .cms_form_cc_exp {width: 50px;} .cms_form_cc_cvv {width: 50px;} .cms_form_required_block { color: #333; font-style: italic; border-bottom: 1px solid silver;} .cms_form_collapsible {margin-bottom: 10px;} .cms_form_collapsible_header A {display: block; background-color: #dddddd; padding: 5px; font-size: 18px; font-weight: bold; color: Black;} .cms_form_collapsible_header A:before { content: '+ ';} .cms_form_collapsible_header.open A:before {content: '- ';} .cms_form_submitted {color: green; font-weight: bold;} .cms_form_error, .cms_form_errors {color: #107ca6; font-weight: bold;} .cms_form_wrapper .required:before,#existing_elements_column .required:before { content: '* ';} .cms_form_item_backend .required:after { content: '';} /* 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: blue; color: black; text-align: center; font-weight: bold;} td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: black; text-decoration: none;} td.content_calendar_table_headercell a:hover, td.content_calendar_table_headercell a:focus { 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: blue; 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: black; top: -20px; } .comment_item {border: solid 1px blue; 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 blue; width: 100%} table.comments_form_table td {padding: 3px 5px;} .comments_submitted {margin: 10px 0px; border: solid 1px #107ca6; padding: 10px; } .comment_reply_body {border: solid 1px blue; 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;} /** ALERTS ****************************************************/ .alertholder{width: 100%; } .alertbar {padding: 10px 0; width: 100%; } .alertbar.regular{} .alertbar.high{} .alert {width: 96%; max-width: 1160px; margin: 0 auto; padding-right: 40px; position: relative; text-align: left} .alert_icon{} .alert a, .alert a:visited {} .alert a:hover, .alert a:focus {} button.exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 24px; text-align: center; display: block; text-decoration: none !important; background: transparent; border: 0} button.exed:before {content:"\f057"; font-family: 'FontAwesome'; } /** LOCATOR 2.5 **************************************************/ /**************** Gold - #eee4db pale gold: #eee4db Blue - #107ca6 (Content headers, links, menu hover, drop down) Light Blue - #d8e8ee Header/Footer, Region header gradation - #157fa8 to #125f7d Online Banking Login Button gradation � #ffffff to #a6d0e1 -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5); box-shadow: 0 0 5px 0 rgba(0,0,0,.5); *************************/ button#exedout {display: none;} form#locator fieldset label {display: inline;} button#exedout {display: none;} .legend{ top: -10px; border-bottom: solid 2px #107ca6} .boxedsearch, .legend {BACKGROUND-COLOR: transparent; } .boxedsearch label, .boxedsearch legend, .legend_label {font-size: 18px; } .boxedsearch h2{margin-top: 1rem} .cuname { font-size: 22px;} input#submit, a.clear, button.clear{background-color: #107ca6; color: white; border: 0; padding: 7px 20px; display: inline-block; text-decoration: none; line-height: 1;font-size: 16px; font-family: 'Open Sans', arial, sans-serif; height: auto; transition: all .25s} input#submit:hover, input#submit:focus, a.clear:hover, a.clear:focus, button.clear:hover, button.clear:focus{background-color: #c1e8f9; color: black;} form#locator fieldset p{display: flex; justify-content: flex-start; } input[type="checkbox"]{margin-right: 5px;} .legend .legend_label:nth-child(2){margin-right: 20px;} /*S*/ @media only screen and (min-width: 576px) { } /*M*/ @media only screen and (min-width: 768px) { } /*L*/ @media only screen and (min-width: 992px) { } /*XL*/ @media only screen and (min-width: 1200px) { }