body {margin: 0px; padding: 0px; text-align: center; font-size: 16px; line-height: 24px; color: #222;  font-family: 'Open Sans', arial, sans-serif; background-color: WHITE; -webkit-text-size-adjust: 100%;  }

#contentwrapper {width: 100%;  }

.liner {width: 100%;  max-width: 1140px; 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 white; color: black; background-color: yellow; line-height: 1; font-size: 18px;}

.toplinks {text-align: right; font-size: 13px; color: #FFFFFF; background-color: #298252; width: 100%; height:  46px; padding: 7px 20px; Border-bottom: solid 2px #FFFFFF;z-index: 99; position: relative; }
.toplinks a, .toplinks a:visited  {color: #fff; position: relative;top: -9px; text-decoration: none; margin-right: 20px}
.toplinks a:hover, .toplinks a:focus { color: #fff; text-decoration: underline;}
.pipe { margin: 0px 10px;}
.toplinks .pipe {position: relative; top: -9px}

.toplinks .pipe:last-child, .toplinks .pipe:nth-last-child(3), .bottomlinks .pipe:last-child, .bl .pipe:last-child {display: none;}
.tl {display: none;}
.toplinks span {font-size: 19px;}

.socmed {display: inline-block; margin-left: 10px; position: relative; top: 4px}
.socmed a:hover, .socmed a:focus {font-weight: normal; color: #f7f6e4}
.socmedicon {text-align: center; margin: 5px; display: inline-block; font-size: 23px; color: #ffffff; }

header {width: 100%; height: 104px; position: relative;  background-color: #F7F6E4; opacity: .91; margin-top: 10px; padding: 0 20px; z-index: 99;}

a.homelink{position: absolute; left: 0px; top: 19px;}
a.homelink img {Width: 210px; Height: 66px; }


section { width: 100%; background-color: white;  }
section.nopad, section.notifications{padding: 0; margin: 0;}

section.hometop {height: 420px; width: 100%; position: relative; padding: 0 20px; background: transparent; }
section.hometop .liner {height: 420px;}

section.icons { padding: 30px 20px;}
section.icons .liner{ display: flex; justify-content: space-around; align-items: flex-end; }
section.icons a{width: 160px; margin: 8px 10px; display: inline-block;}
section.icons a img{width: 88px;}
.boxedup {margin: 30px 0 0 0; width:100%}
section.icons a:hover .boxedup, section.icons a:focus .boxedup{background-color: #125a33; border: solid 2px #125a33; color: white;text-decoration: none;}


section.intbanner {height: 360px; background: transparent;display: flex; align-items: center; align-content: center; border-bottom: solid 2px #FFFFFF}

section.inside {border-top: 6px solid #298252; padding: 35px 20px;}

article { width: 70%; overflow: hidden; position: relative; float: right; text-align: left; }
aside {width: 25%; min-width: 255px; overflow: hidden; position: relative; float: left; text-align: left; }

.regionbox, .code_block, .bannerbox {overflow: hidden; width: 100%;  text-align: left; padding: 20px; border-radius: 10px 10px 0 10px; background-color: #298252; color: white; margin-bottom: 20px;}
.regionbox h2 {color: #FFF; font-size: 22px; border-bottom: solid 1px white; padding-bottom: 20px; margin: 0}
.regionbox ul {margin: 0; padding: 8px 0 0 20px;}
.regionbox ul li {margin-bottom: 8px; font-size: 14px; line-height: 18px;}
.regionbox a, .code_block a,.regionbox a:visited, .code_block a:visited{color: white; text-decoration: none;}
.regionbox a:hover, .code_block a:hover, .regionbox a:focus, .code_block a:focus{color: white; text-decoration: underline;}

.bannerbox {text-align: center; padding: 0; border-radius: 0; background: transparent;}
.bannerbox img {max-width: 100%; }


section.promo{background: linear-gradient(180deg,#298252 0%,#125a33 100%); background-size: cover;padding: 45px 20px; min-height: 300px; color: black}
.banners {width: 45%; padding-right: 5%; position: relative; float: left;padding-bottom: 20px; }
.banner-container { display: flex; justify-content: space-between;  align-items: center;  align-content: center; width: 100%;}
.banner-container img {margin: 0 5px;}
.address {width: 55%; padding-left: 5%;font-size: 18px; line-height: 22px;position: relative; float: left; text-align: left; padding-bottom: 20px; border-left: solid 1px #222;}
.Aheader{font-family: Cardo; font-size: 28px; line-height: 36px;}
section.promo a, section.promo a:visited {color: #046C2A;}
section.promo a:hover, section.promo a:focus {color: black;}


footer {width: 100%; padding: 40px 20px; background-color: #298252; color: #FFF}

.bottomlinks { text-align: center; color: white; width: 100%}
footer  a, footer  a:visited { color: white;text-decoration: none; }
footer  a:hover, footer  a:focus {color: white; text-decoration: underline; }
.bottomlinks .pipe:last-child {display: none;}

.footnote {font-size: 12px;  text-align: left; margin-top: 20px; line-height: 1.25}

.mobi, .wordiness {display: none;}

nav.pc {width: 100%; z-index: 100; position: relative; }

section.SL_html {width: 100%;  background: #125a33 url(/files/nufcu18/1/banners/spring1_35.jpg) no-repeat center top; background-size: cover; height: 580px; position: absolute; top: 0px; right: 0px; z-index: 1; }


/****************
green - #298252
pale gold #f7f6e4
dk green #125a33

-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; bottom: 0; right: 0; z-index: 10000000}

*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
p {margin: 0 0 12px 0;}
a, a:visited{color: #298252; -webkit-transition:  color .5s, background-color .5s; transition:  color .5s, background-color .5s;}
a:hover, a:focus {color: #125a33; }
.breaker {clear: both; }
.border {border: solid 1px red;}
img {border: 0px;}
.print {display: none;}
.disclaim {font-size: 11px; line-height: 1;}

hr { border: 0; height: 0; border-top: 1px solid silver }

a.cta, a.cta:visited, input[type="submit"]{display: inline-block; margin: 6px 0; padding: 10px 15px; background-color: #295252; color: #FFF; font-size: 14px; text-decoration: none; border: none; cursor: pointer;}
a.cta:hover, input[type="submit"]:hover, a.cta:focus, input[type="submit"]:focus { background-color: #125a33; color: white;  text-decoration: none;}

a.cta2, a.cta2:visited, .boxedup {font-family: 'Cardo', serif; margin: 6px 0; padding: 8px 10px; border: solid 2px #298252; color: #298252; font-size: 18px; text-decoration: none;display: inline-block;}
a.cta2:hover, a.cta2:focus{border: solid 2px #125a33; color: #125a33;text-decoration: none;}

a.cta3, a.cta3:visited {font-family: 'Cardo', serif; margin: 6px 0; padding: 8px 10px; border: solid 2px white; color: white; font-size: 18px; text-decoration: none; display: inline-block;}
a.cta3:hover, a.cta3:focus{border: solid 2px #125a33; color: #125a33;text-decoration: none; background-color: white;}

.Bcat{Font-weight: 700;}
.Bheader {font-family: 'Cardo', serif; font-size: 35px; line-height: 40px; margin-bottom: 16px;}
.Bfiller{font-size: 20px; line-height: 28px;}
.cardo {font-family: 'Cardo', serif;}

.col2, .col3, .col4, .col5, .col6, .col23{padding: 10px 20px; position: relative; float: left; overflow: hidden; margin: 0;}
.col6 {width: 16.6%; padding: 10px; }
.col5 {width: 20%; padding: 10px;}
.col4 {width: 25%;}
.col3 {width: 33.33%;}
.col23 {width: 66.67%;}
.col2 {width: 50%;}

h1{  display: inline-block; text-align:center; color: white;font-family: 'Cardo', serif; padding: 25px 50px; font-size: 36px; line-height: 42px; background-color: #298252; opacity: .88; margin: 0 auto; border-radius: 10px 10px 0 10px  }

h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year
{margin: 18px 0 12px 0; font-size: 30px; line-height: 36px; color: #298252; font-family: 'Cardo', serif; }

h3, .code_block h1, .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, .cms_form_header
{margin: 12px 0; font-size: 26px; line-height: 30px; color: #298252; font-family: 'Cardo', serif;}

h4, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name, .Pheader
{margin: 6px 0 12px 0; font-size: 20px; line-height: 26px; color: #298252; font-family: 'Cardo', serif;}
.Pheader {color: black; text-align: left;}

h5, .forum_thread_date, .forum_mischeader_title {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: 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: blue;}
.aprnote {font-size: 12px; width: 180px;}
td.regions_rates_table_row2 marquee, td.regions_rates_table_row1 marquee {width: 242px;}
*/

.regions_rates_table, table.styled {border: solid 2px #298252; border-collapse: collapse; }
.regions_rates_table td, table.styled td, .regions_rates_table_title, table.styled th {font-size: 15px; line-height: 18px;padding: 12px }
.regions_rates_table_title, table.styled th {color: white; background-color: #298252; font-size: 16px; Font-weight: 700;}
.regions_rates_table_row2, table.styled td:nth-child(even) {background-color: #f7f6e4;}

/* rates page */
table.styled, .content_rates_table {margin-bottom: 20px; width: 100%; border-collapse: collapse;}
table.styled th, .content_rates_table_fields {background-color:  #d3e4f6; color:  #003876; font-weight: 600; line-height: 18px; padding: 28px 30px; border-left: solid 1px white;}
table.styled th:first-child, .content_rates_table_fields:first-child {border-left: none;}
table.styled td, .content_rates_table_row2, .content_rates_table_row1 {background-color:  #f3f6fa; border-left: solid 1px #f3f6fa; border-top: solid 4px white;}
table.styled tr td:first-child, tr td.content_rates_table_row2:first-child, tr td.content_rates_table_row1:first-child {border-left: none; }
.content_rates_table_row_highlight {color: #ae0000;}
.sideslider {width: 100%;}
.content_rates_table_postfix {line-height: 1;}

/* alerts */
.alertbar {min-height: 20px; padding: 10px 0; width: 100%; font-size: 15px;  line-height: 21px; background-color: #c92e2e; color: white; border-top: solid 2px white; }
.alert {width: 96%; max-width: 1140px; margin: 0 auto; padding-right: 40px; position: relative;text-align: left}
.alert a, .alert a:visited {color: white; }
.alert a:hover, .alert a:focus {color: yellow; }
#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, #exed:focus{color: black}


/* old 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.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; margin: 0 !important;}
.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: #222;  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: red; font-weight: bold;}

.cms_form_wrapper .required:before,#existing_elements_column .required:before { content: '* ';}
.cms_form_item_backend .required:after { content: '';}

.cms_form_item, .cms_form_content_block {clear: both; padding: 5px 0; }
.cms_form_label {width: 33%; position: relative; float: left;  margin: 0 1% 2px 0;}
.cms_form_object {width: 66%; position: relative; float: right; margin: 1px 0}
.cms_form_textinput, .cms_form_dropdown  {width: 100%;}
.cms_form_textarea {width: 100%; height: 100px;}
.cms_form_required_block {color: silver; font-style: italic; border-bottom: 1px solid silver;}
fieldset, legend {white-space: normal; width: 100%; border: none;}


/* 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: white; text-align: center; font-weight: bold;}
td.content_calendar_table_headercell a, td.content_calendar_table_headercell a:visited { color: white; }
td.content_calendar_table_headercell a:hover, td.content_calendar_table_headercell a:focus { color: silver; }
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; }
.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: white; 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 red; 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;}
