@charset "utf-8";
/*reset code*/

wrapper, body, div, p, h1, h2, h3, ul, li, form, fieldset {
    margin: 0;
    padding: 0;
}
html{
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    }
    
body {
    background-color: #E3E1CC;    
 }
img {
    border: 0;
}
.clear{clear:both;}
#wrapper {
    width: 884px;
    position:relative;
    margin: 10px auto 0 auto;
}
/* BEGIN HEADER STYLES*/
#header {
    width: 833px;
    padding: 21px 28px 11px 23px;
    background-image: url(/2405/mirror/design/header.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
}
#logo {
    float: left;
    width: 320px;
}
#logo a {
    text-decoration: none;
}

#locations {
    float: left;
    width: 180px;
    padding-top: 15px;
    padding-left: 20px;
}
#locations ul {
    list-style-type: none;
    line-height: 1.6em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
}
#locations ul li a {
    color: #861F2C;
    text-decoration: none;
    padding-left: 16px;
    background-image: url(/2405/mirror/design/locations_li.jpg);
    background-repeat: no-repeat;
    background-position: left 9px;
    float: left;
    width: 164px;
}
#locations ul li a:hover {
    text-decoration: underline;
}
#ibanking {
    background-image: url(/2405/mirror/design/ibanking.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: right;
    width: 223px;
    padding: 82px 11px 18px 12px;
}
#form1 {
    width: 224px;
    height:21px;
}
#form1 select {
    width: 224px;
    height:21px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1em;
    border-width: 3px;
    border-style: solid;
    border-color: #333 #ccc #ccc #333;
}
/* MAIN NAVIGAITON */
#mainNav {
    height: 60px;
    float: left;
    width: 864px;
    background-image: url(/2405/mirror/design/mainNav.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0px 10px 5px 10px;
}
#mainNav ul {
    padding: 0px 0 0 0;
    list-style: none;
    width: 865px;
}
#mainNav ul li {
    display: inline;
    position: relative;
    width: 144px;
    float: left;
}
#mainNav ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    width: 126px;
    padding: 24px 8px 0 10px;
    height: 34px;
}
#mainNav ul li a:hover {
    background-image: url(/2405/mirror/design/nav_rollover.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    color: #FFFFFF;
    width: 126px;
}

/* MAIN NAV HOVER STYLES FOR HORIZATONAL ONLY */
#mainNav ul li ul{
    visibility: hidden;
    position: absolute;
    z-index: 10;
    width: 125px;
    top: 58px;  
    left: -1px; 
}
#mainNav ul li ul li{
    text-align:center;
    padding: 0;
    margin: 0;
    border: 1px solid #cccccc;
    height:50px;
}
#mainNav ul li ul li a{
    width: 125px;
    background: #f7f7f7;
    padding-top:18px;
    height:32px;
}
#mainNav ul li ul li a:hover{
    background: #ffffff;
}
#mainNav .mainNav_a_spaceing {
    padding-top: 24px;
    height: 34px;
}
/* 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 {
    float: left;
    width: 884px;
}
#hero img {
    float: left;
    width: 585px;
}
#hero_right {
    background-image: url(/2405/mirror/images/hero_right.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    float: right;
    width: 206px;
    padding: 0 76px 0 17px;
    height: 267px;
}
#hero_right h3 {
    color: #fff;
    font-size: 22px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
    margin: 0;
    padding-top: 26px;
}
#hero_right h4 {
    font-size: 14px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
    color: #fff;
    padding-bottom: 15px;
    margin: 0;
}
#hero_right ul {
    list-style-type: none;
    padding-left: 37px;
}
#hero_right li {
    list-style-image: url(/2405/mirror/design/red_square_bullet.jpg);
    list-style-position: outside;
    color: #fff;
    font-size: 15px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
    font-weight: bold;
    padding-bottom: 5px;
}
#feater_wrapper {
    float: left;
    width: 844px;
    padding-left: 20px;
    padding-right: 20px;
    background-image: url(/2405/mirror/design/feature_bg.jpg);
    background-repeat: repeat-y;
    background-position: left top;
}
#promo_feater_wrap {
    background-image: url(/2405/mirror/design/promobox2.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 28px;
    padding-left: 32px;
    height: 140px;
    width: 812px;
}
#promo_feater h3 {
    font-size: 18px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
}
#promo_feater_content {
    padding-left: 12px;
    width: 469px;
    padding-top: 28px;
    font-size: 12px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
}
#promo_feater_content h3 {
    font-size: 18px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
}
#promo_feater_content h4 {
    font-size: 16px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
}
#promo_feater_content h5 {
    font-size: 14px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
}
#promo_feater_content a {
    font-size: 12px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
    color:#000;
    text-decoration:none;
}
#promo_feater_content a:hover {
    font-size: 12px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
    text-decoration:underline;
}
#feature_iframes {

    padding: 15px 24px 16px 20px;
    width: 798px;
    background: url(/2405/mirror/design/featureTop.png) 0 0;
    background-repeat: no-repeat;
    
    
}
#login_learn  {
    float: left;
    background-image: url(/2405/mirror/design/feature_left2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 159px;
    padding: 30px 102px 10px 30px;
    text-align: center;
}
#login_learn  .login a {
    color: #fff;
    font-size: 16px;
    font-family: "Trebuchet MS";
    font-weight: bold;
    line-height: 1em;
    text-decoration: none;
}
#login_learn .spacer {
    padding-top: 40px;
    padding-bottom: 40px;
}
#login_learn  .learn a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
    font-weight: bold;
}
#feature_iframes .weather {
    float: left;
    width: 211px;
    height: 109px;
    background-image: url(/2405/mirror/design/weather_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 25px 69px 5px 5px;
}
#feature_iframes .iframe_weather {
    width: 211px;
    height: 109px;  
}
#feature_iframes .iframe_weather h3 {
    font-size: 18px;
    font-family: "Trebuchet MS";
    line-height: 1em;
}
#feature_iframes .market {
    float: left;
    padding: 26px 5px 5px 5px;
    background-image: url(/2405/mirror/design/market_border2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

#feature_iframes .iframe_market {
    width: 210px;
    height: 137px;
}
#subNav_wrapper {
    width: 884px;
    height:262px;
    float: left;
    background-image: url(/2405/mirror/design/subNav.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    
}
#subNav_wrapperNoHand {
    width: 884px;
    height:262px;
    float: left;
    background-image: url(/2405/mirror/images/subNav2.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    
}
#subNav h1 {
    color: #fff;
    font-size: 22px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
}
#subNav {
    float: left;
    padding-top: 21px;
    padding-left: 28px;
    width: 557px;
}

#subNav ul {
    margin-top: 11px;
    padding-left: 57px;
    list-style-type: none;
}
#subNav ul li {
    list-style-position: inside;
    list-style-image: url(/2405/mirror/design/red_square_bullet.jpg);
    padding-left: 0px;
    
    }
#subNav ul li a {
    color: #fff;
    padding-left: 8px;
    font-size: 12px;
    font-weight: bold;
    font-family: "Trebuchet MS";
    line-height: 1.4em;
    text-decoration: none;
    
}
#subNav ul li a:hover {
    text-decoration: underline;
}
#subNavNoHand h1 {
    color: #fff;
    font-size: 22px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
}
#subNavNoHand {
    float: left;
    padding-top: 21px;
   /* padding-left: 28px;*/
    width: 884px;
}
#subNavNoHand ul {
    margin-top: 11px;
    padding-left: 40px;
    list-style-type: none;
}
#subNavNoHand ul li {
    list-style-position: inside;
    list-style-image: url(/2405/mirror/design/red_square_bullet.jpg);
    padding-left: 0px;
    
    }
#subNavNoHand ul li a {
    color: #fff;
    padding-left: 8px;
    font-size: 12px;
    font-weight: bold;
    font-family: "Trebuchet MS";
    line-height: 1.4em;
    text-decoration: none;
    
}
#subNavNoHand ul li a:hover {
    text-decoration: underline;
}


/* BEGIN INTERIOR CONTENT STYLES */
#content_wrapper {
    /*background: #ffffff url() repeat-y left top;*/
    width: 844px;
    float: left;
    background-image: url(/2405/mirror/design/feature_bg.jpg);
    background-repeat: repeat-y;
    background-position: left top;
    padding: 13px 20px 10px 20px;
}
#left_column {
    float: left;
    width: 624px;
}

#content {
    width: 605px;
   /* background-image: url(/2405/mirror/design/content.jpg);*/
    background-repeat: repeat-y;
    background-position: left top;
    padding: 9px 9px 9px 10px;
    background: #ffffff;
    border: 1px solid #CDA54D;
    margin-top: 9px;
}
#content_description {
}
#content_description p {
    
}
#content_description h1 {
}
#content_description h2 {
    
}
#breadcrumb {
    width: 589px;
    padding: 11px 0 9px 14px;
    background-image: url(/2405/mirror/design/breadcrumb_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 17px;
    
}
#breadcrumb a {
    color: #333;
    font-size: 12px;
    font-family: "Trebuchet MS";
    line-height: 1em;
    text-decoration: none;
}

#content p {
    margin-bottom: 19px;
    color: #333;
    font-size: 12px;
    font-family: "Trebuchet MS";
    line-height: 1.25em;
}    
#content h1 {
    color: #87202D;
    font-size: 20px;
    font-family: "Trebuchet MS";
    line-height: 1.2em;
    
}
#content h2 {
    color: #000000;
    font-size: 15px;
    font-family: "Trebuchet MS";
    line-height: 1.0em;
    border-bottom: 1px solid #CCC;
    text-transform: uppercase;
}
#content h3 {
    color: #fff;
    font-size: 16px;
    font-family: "Trebuchet MS";
    line-height: 1.5em;
    background-image: url(/2405/mirror/images/target_title_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 14px;
    margin-bottom: 12px;
}
#content h4 {
    color: #fff;
    font-size: 14px;
    font-family: "Trebuchet MS";
    line-height: 1.5em;
    background-image: url(/2405/mirror/images/target_title_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 14px;
    margin-bottom: 12px;
}
#content h5 {
    color: #fff;
    font-size: 12px;
    font-family: "Trebuchet MS";
    line-height: 1.5em;
    background-image: url(/2405/mirror/images/target_title_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 14px;
    margin-bottom: 12px;
}
#content h6 {
}
#content ul {
    margin-top: 14px;
    padding-left: 40px;
    list-style-type: none;
    margin-bottom: 20px;
}
#content ul li {
    list-style-position: outside;
    list-style-image: url(/2405/mirror/design/orange_square_bullet.jpg);

}
#content ul li a {
    color: #87202D;
    font-weight: bold;
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration: none;
}
#content .return {
    color: #CBA44B;
    font-size: 11px;
    font-family: "Trebuchet MS";
    line-height: 1.25em;
    font-weight: bold;
}

#content ul li a:hover {
    text-decoration:underline;
}
#content ol {
    margin-top: 17px;
    padding-left: 80px;
    margin-bottom: 22px;
}
#content blockquote {
}
#content hr {
    margin: 3px 0;
    color: #000;
}
#content form {
}
#free_checking {
    background-image: url(/2405/mirror/images/target_title_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 589px;
    padding: 6px 0 5px 14px;
    margin-bottom: 12px;
}
#e_checking {
    background-image: url(/2405/mirror/images/target_title_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 589px;
    padding: 6px 0 5px 14px;
    margin-bottom: 12px;
}
#interest_checking {
    background-image: url(/2405/mirror/images/target_title_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 589px;
    padding: 6px 0 5px 14px;
    margin-bottom: 12px;
}
#travel_checking {
    background-image: url(/2405/mirror/images/target_title_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 589px;
    padding: 6px 0 5px 14px;
    margin-bottom: 12px;
}
#management_account {
    background-image: url(/2405/mirror/images/target_title_bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 589px;
    padding: 6px 0 5px 14px;
    margin-bottom: 12px;
}
#return_top {
    margin-bottom:10px;
}
#return_top a {
    color: #CBA44B;
    font-size: 11px;
    font-family: "Trebuchet MS";
    line-height: 1.25em;
}
#return_top a:hover {
    text-decoration:none;
}
#right_column {
    float: right;
    width: 210px;
    margin-top: 10px;
}
#right_column a {
    text-decoration: none;
}

/* BEGIN FOOTER STYLES*/
#footer {
    float: left;
    width: 832px;
    background-image: url(/2405/mirror/design/footer.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 18px 24px 25px 28px;
}
#footer .footer_left {
    float: left;
    width: 169px;
}
#footer .ehl {
    float: left;
}
#footer .fdic {
    float: right;
}
#footer .footer_right {
    float: right;
    width: 499px;
    padding-left: 10px;
    text-align: right;
}
#footer .footer_right h5 {
    color: #87202D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0;
    margin-bottom: 10px;
}
#footerLinks {
    width: 499px;
}
#footerLinks ul {
    list-style-type: none;
}
#footerLinks li {
    display: inline;
}
#footerLinks  ul li a {
    color: #333;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}
#footerLinks  ul li a:hover {
    text-decoration:none;
}
#footer  .notice  {
    color: #666666;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    margin-top: 20px;
}
#footer  .notice  a {
    color: #87202D;
}
#footer  .notice  a:hover {
    text-decoration:none;
}
#footer  .copywrite {
    margin-top:16px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}
#footer .designby {
    margin-top: 16px;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}
#footer .designby a {
    color: #87202D;
}
#footer .designby a:hover {
    text-decoration:none;
}
/*CODED BY Troy*/

#liquidity {
 
text-align:left;
width:850px;
position:relative;
top:0; 
height:40px;
margin-left:-340px;}