/*reset code*/
wrapper, body, div, p, h1, h2, h3, h4, h5, ul, li, form, fieldset {margin:0;padding:0;}
/*a {outline:0;}*/
.clear {clear:both;}
.floatLeft {float:left;border:0;}
.floatRight {float:right;border:0;}
html{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
body {}
#wrapper {
    width:970px;
    margin:0 auto;
    position:relative;
    z-index: 2;
}
/* BEGIN HEADER STYLES*/
#header {
    background-image: url(/WA/3545choiceone-dev/design/header.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 970px;
    height: 56px;
    position:relative;
    z-index: 2;
}
#ibanking_wrapper {
    height: 77px;
    width: 250px;
    float: left;
    margin-top: 8px;
    z-index: 11;
}
#ibanking {
    height: 41px;
    padding: 3px 0 29px 17px;
    width: 228px;
    float: left;
    z-index: 11;
}
#ibanking  form {
    background-image: url(/WA/3545choiceone-dev/design/ibanking-bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 41px;
    z-index: 11;
}
#ibanking .tier1 {height: 20px;padding-top: 21px;padding-left: 24px;     z-index: 11;}
#ibanking  label {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1em;
    padding-top: 5px;
    padding-right: 6px;
    float: left;
}
#ibanking  .user_id {
    width: 106px;
    height: 16px;
    border: solid 1px #0E3324;
    float: left;
    z-index: 11;
}

#ibanking .go_button {width: 38px;height: 20px;float: right;}

#choiceone_link {
    position: absolute;
    z-index: 3;
    width: 292px;
    height: 150px;
    float: left;
    top: 0px;
    left: 330px;
}
#choiceone_link a {
    display: block;
    height: 150px;
}
/* MAIN NAVIGAITON */
#mainNav {width: 970px; height: 36px; padding-top: 14px;}
#mainNav ul {
    padding:0;
    list-style:none;
    width: 970px;
    margin-left: 4px;
}
#mainNav ul li {float:left;display:inline;position:relative;}
#mainNav ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    width:137px;
    height: 24px;
    padding-top: 12px;
    padding-bottom: 0px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}
#mainNav  a:hover, #mainNav .active {background-color: #5E1A21;color:#fff;}
/* MAIN NAV HOVER STYLES FOR HORIZATONAL ONLY */ 
#mainNav ul li ul{
    visibility: hidden;
    position: absolute;
    z-index: 10;
    width: 192px;
    top: 36px;
    left: -4px;
}
#mainNav ul li ul li{
text-align:center;
padding: 0;
margin: 0;
border: 1px solid #84888b;
}
#mainNav ul li ul li a {width:192px;background:#fff;color:#333;}
#mainNav ul li ul li a:hover{background:#ffffff;background-color: #5E1A21;}
/* hide drop downs until you hover over main button */
#mainNav li:hover ul, #mainNav li:hover li:hover ul{visibility:visible;}
#mainNav li:hover li ul, #mainNav li:hover li:hover li ul{visibility:hidden;}
/* do the normal show, with increased specificity, for good browsers */
#mainNav li:hover>ul {display:block;visibility:visible;}
/* using display is better (no scrollbars when page loads), but IE
can't handle it, so only good browsers should see this */
html>body #mainNav li ul {display:none;}
#hero-wrapper {
    width: 970px;
    background-image: url(/WA/3545choiceone-dev/design/hero-wrapper-bg.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    position:relative;
    z-index: 0;
    /*height: 282px;*/
}
#hero-wrapper-lifestages {
    width: 970px;
   background-image: url(/WA/3545choiceone-dev/design/hero-wrapper-bg.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    position:relative;
    z-index: 0;
    /*min-height: 364px;*/
}
#hero-upper {
    width: 970px;
    background-image: url(/WA/3545choiceone-dev/design/hero_upper_2.png);
    background-repeat: no-repeat;
    background-position: 4px top;
    position:absolute;
    z-index:2;
    height: 150px;
}
#lsbutton{
    width:132px;
    height:34px;
    float:right;
    background-image: url(/WA/3545choiceone-dev/design/lsbutton.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 12px;
    padding-left: 5px;
    z-index: 4;
}
#lsbutton a{
    text-decoration:none;
    display:block;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
    color: #2E5345;
    font-weight: bold;
    width: 118px;
    height: 17px;
    text-align: center;
    padding-top: 5px;
}
#hero-lower {
    width: 966px;
    /*height:282px;*/
    padding-left:4px;
}
#welcome {
    height: 87px;
    width: 322px;
    position: absolute;
    z-index: 1;
    top: 151px;
    border: 0;
    left: 45px;
}
#hero {
    width: 61px;
    background-image: url(/WA/3545choiceone-dev/images/3545_INT_08_LS_getStarted.jpg);
    background-repeat: no-repeat;
    background-position: 4px top;
    /*height: 282px;*/
}
.hero_ls1, .hero_ls2, .hero_ls3, .hero_ls4, .hero_ls5, .hero_ls6 {float:left;}
#hero img {border: 0;}
#splash_wrapper {
    background-image: url(/WA/3545choiceone-dev/design/splash_wrapper_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 9px;
    width: 970px;
}
#splash_content {
    background-image: url(/WA/3545choiceone-dev/design/splash_content_bg.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    width: 962px;
    padding-left: 4px;
    padding-right: 4px;
}
#splash_content .livestyles {float: left; width: 512px;    height: 244px;}
#splash_content .livestyles a {text-decoration: none;}
#splash_content .livestyles img {border: 0;}
#splash_content .devider {
    background-image: url(/WA/3545choiceone-dev/design/devider.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 2px;
    height: 244px;
    float: left;
    border: 0;
}
#splash_content .sense {float: left; height: 244px; width: 447px;}
#splash_content .sense a {text-decoration: none;}
#splash_content .sense img {border: 0;}
/* BEGIN INTERIOR CONTENT STYLES */
#content_wrapper {
    width:970px;
    background-image: url(/WA/3545choiceone-dev/design/splash_wrapper_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 9px;
}
#content_wrap {
    background-image: url(/WA/3545choiceone-dev/design/splash_content_bg.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    width: 956px;
    padding: 11px 0px 20px 14px;
}
#content_wrap .left_column {
    width: 248px;
    float: left;
    color: #666666;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.35em;
}
#content_wrap .left_column h3 {color: #2F5445;    font-size: 18px;}
#content_wrap .left_column img {padding: 15px 0 18px 12px;}
#content_wrap .left_column ul {padding-left: 27px;list-style-type: none;}
#content_wrap .left_column li {}
#content_wrap .left_column a {
    color: #595959;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.85em;
    font-weight: bold;
}
#content_wrap .left_column a:hover {color: #fff;text-decoration:none;}
#content_wrap .right_column {width: 688px; float: left; padding-left: 5px;}
#services {
    background-image: url(/WA/3545choiceone-dev/design/lft_column_bg.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    padding: 17px 0 25px 16px;
    width: 232px;
    margin-bottom: 17px;
}
#services  h3  {
    color: #2F5445;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}
#services  img  {padding: 15px 0 18px 13px;}
#services  ul  {padding-left: 27px;list-style-type: none;}
#services  li  {}
#services  a  {
    color: #595959;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.85em;
    font-weight: bold;
}
#services  a:hover  {color: #fff;text-decoration:none;}
#content_wrap .strategies {padding-left: 16px; padding-right: 12px;}
#content_wrap  .strategies  h4 {
    color: #2E5345;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}
#content_wrap .strategies p {margin-top: 15px;}
#left_content {
    padding: 17px 12px 25px 12px;
    width: 232px;
    color: #595959;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
#left_content p {padding-bottom: 10px;}
#left_content h3  {
    color: #2F5445;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
    padding-bottom: 2px;
}
#left_content a  {
    color: #595959;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.85em;
    font-weight: bold;
}
#left_content a:hover  {text-decoration:none;}
#breadcrumb {
    background-color: #595959;
    padding: 9px 0 9px 11px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}
#breadcrumb ul {
    list-style-type: none;
    padding: 9px 0 9px 11px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
#breadcrumb ul li {
    display: inline;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
}
#breadcrumb a {
    background-color: #595959; 
    color: #fff; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-weight: bold;
    }
    
#breadcrumb a:hover {text-decoration: underline;}
#content_wrap_title {padding: 5px 0px 20px 3px;font-family: Arial, Helvetica, sans-serif; width:724px;}
#content_wrap .title {
    width: 420px;
    float: left;
    padding-left: 5px;
    color: #5E1A21;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}
#content {padding: 5px 6px 20px 8px;font-family: Arial, Helvetica, sans-serif;}
#content_left {width: 490px; float: left;}
#content a{color:#5E1A21;}
#content a:hover{text-decoration:none;}
#tools {width:215px; float:right;}
#printer {
    width:100px;
    height:30px;
    float:left;
    font-size:11px;
    line-height:1em;
    font-family:Arial, Helvetica, sans-serif;
}
#printer a {
    width:77px;
    height:31px;
    float:left;
    padding-right:23px;
    line-height:1em;
    text-align:right;
    color:#000;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    background-image:url(/WA/3545choiceone-dev/design/printer.jpg);
    background-repeat:no-repeat;
    background-position:right top;
}
#printer a:hover {text-decoration:underline;}
#sizer {width:105px; height:31px; float:right;}
#label {
    float:left;
    height:31px;
    width:58px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
}
#icons {width:27px; height:30px; float:left;}
#content_description {}
#content_description p {}
#content_description h1 {}
#content_description h2 {}
#content p {margin-bottom: 10px;}
#content h1 {
    width: 400px;
    line-height: 1em; 
    padding: 8px 0; 
    font-size: 20px; 
}
#content h2 {
    color: #5E1A21;
    font-size: 18px;
    line-height: 1em;
    padding: 8px 0;
}
#content h3 {font-size: 16px; line-height: 1em; padding: 3px 0;}
#content h4 {color: #5E1A21; padding: 3px 0;}
#content h5 {color: #5E1A21; padding: 3px 0;}
#content h6 {}
#content ul{padding: 4px 0 10px 30px; line-height: 1.4em;}
#content ul li {}
#content ol {padding: 4px 0 10px 30px; line-height: 1.4em;}
#content ol li {}
#content blockquote {}
#content hr {}
#lifestage_wrapper {
    padding: 8px 3px 0px 6px;
    font-family: Arial, Helvetica, sans-serif;
    width: 670px;
}
#lifestages {width: 445px; float: left;}
#lifestage_wrapper #lifestages  h1 {
    color:#2E5345;
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 5px;
}
#lifestages  h2 {
    color: #2E5345;
    font-size: 18px;
    line-height: 1em;
    margin-bottom: 5px;
}
#lifestages  h3 {
    color: #2E5345;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1em;
}
#lifestages  h4 {
    color: #2E5345;
    font-size: 14px;
    line-height: 1em;
    margin-bottom: 5px;
}
#lifestages  h5 {
    font-size: 12px;
    font-style: italic;
    color: #595959;
    line-height: 1em;
    margin-bottom: 5px;
}
#lifestage_wrapper #lifestages p {margin-bottom: 10px;}
#lifestage_wrapper #lifestages ul{padding: 4px 0 10px 30px; line-height: 1.4em;}
#lifestage_wrapper .ls_stage {
    background-image: url(/WA/3545choiceone-dev/design/lifestages_content_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    width: 420px;
    margin-top: 10px;
    padding: 6px 8px 5px 7px;
    margin-bottom: 20px;
}
#lifestage_wrapper .ls_person {float: left;}
#lifestage_wrapper  .ls_content {padding-left: 16px; width: 315px; float: left;}
#lifestage_wrapper .ls_learn {float: right;}
#content_right {width: 216px; float: right;}
.table_title {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF; 
    background-color: #2f5345; 
    text-align: center; 
    padding: 5px 5px 5px 5px;
}
.table_cell {
    background-color: #bee2d4;
}
.table_border {
    border-collapse: collapse;
    border: 1px solid #2f5345;
}
/* BEGIN FOOTER STYLES*/
#footer {
    background-image: url(/WA/3545choiceone-dev/design/footer.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 136px;
    width: 958px;
    padding: 23px 0 0 12px;
    font-family: Arial, Helvetica, sans-serif;
}
#footerLinks {
    width: 544px;
    color: #999;
    font-size: 10px;
    line-height: 1.2em;
    float: left;
}
#footerLinks a {color: #666666;}
#footerLinks a:hover {text-decoration: none;}
#footerLinks ul {text-decoration: none;padding-bottom: 16px;list-style-type: none;}
#footerLinks ul li {display: inline;}
#footerLinks ul li a {
    text-decoration: none;
    color: #333;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}
#footerLinks ul li a:hover {text-decoration: underline;}
#footer_content {
    width: 350px;
    color: #999;
    font-size: 10px;
    line-height: 1.2em;
    float: left;
    height:101px;
}
#footer_content p {padding-bottom: 10px;}
#ehl_fdic {width: 175px; height:68px; float:left; padding: 0px 0 0 0px;}
#ehl_fdic img {border: 0;}
#ehl_fdic2 {width: 39px; float: right; padding: 33px 10px 0 10px;}
#ehl_fdic2 img {border: 0;}
#ehl_fdic .ehl {height: 46px; width:36px; border: 0; padding-right: 5px;}
#ehl_fdic .fdic {height: 46px; width: 84px; border: 0;}
#ehl_fdic .facebook {height: 30px; width: 30px; border: 0; padding-right: 5px; padding-bottom: 8px;} 
#sb_pyw {width: 400px; float: left; padding-top: 7px;}
#sb_pyw .pyw {
    width: 131px;
    height: 80px;
    float: left;
    padding-top: 46px;
}
#sb_pyw .webbutton {width:132px;height:101px;float: left; padding-top: 2px;}
#sb_pyw .choiceone {width:135px;height:101px;float:left;}
#sb_pyw .pyw img {border: 0;}
/*CODED BY Troy Crowe */