@charset "utf-8";
/*reset code*/
wrapper, body, div, p, h1, h2, h3, ul, li, form, fieldset {margin:0;padding:0;}
a {outline:0;}
.clear {clear:both;border:0;}
.floatLeft {float:left;border:0;}
.floatRight {float:right;border:0;}
html{
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-image: url(/2011/mirror/design/bkgd_green.gif);
    background-repeat: repeat;
}
#wrapper {
    width:764px;
    margin:0 auto;
    position:relative;
    background-color: #FFFFFF;
}
/* BEGIN HEADER STYLES*/
#header {
    width: 764px;
    height: 256px;
    background-image: url(/2011/mirror/design/header.jpg);
    background-repeat: repeat-x;
}
#topNav {
    height: 31px;
    width: 641px;
    margin-left: 81px;
    background-color: #FFFFFF;
    background-image: url(/2011/mirror/design/topnav.jpg);
    background-repeat: no-repeat;
    font-size: 11px;
    line-height: 1.2em;
    color: #8C8C8C;
    padding: 11px 0 0 42px;
}
#topNav ul {list-style-type:none;}
#topNav ul li {display:inline;}
#topNav ul li a {
    height:16px;
    padding:6px 24px 0 28px;
    float:left;
    background-repeat:no-repeat;
    background-position:left center;
    color:#8C8C8C;
    text-decoration:none;
    white-space: nowrap;
}
#topNav ul li a:hover {color:#1E7411;}
#home_icon a {background-image:url(/2011/mirror/design/home_icon.jpg);}
#home_icon a:hover {background-image:url(/2011/mirror/design/btn_Home-hot.gif);}
#bank_icon a {background-image:url(/2011/mirror/design/bank_online_icon.jpg);}
#bank_icon a:hover {background-image:url(/2011/mirror/design/btn_Bank-Online-hot.gif);}
#cash_icon a {background-image:url(/2011/mirror/design/cash_mgmt_icon.jpg);}
#cash_icon a:hover {background-image:url(/2011/mirror/design/btn_Cash-Mgmt-hot.gif);}
#site_icon a {background-image:url(/2011/mirror/design/site_map_icon.jpg);}
#site_icon a:hover {background-image:url(/2011/mirror/design/btn_Site-Map-hot.gif);}
#logo {
    width: 255px;
    height: 146px;
    float: left;
    padding-top: 68px;
}
#logo img {border:0;float:left;}
#hero {
    height: 214px;
    width: 496px;
    float: right;
    background-image: url(/2011/mirror/design/hero.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
#hero img {float:left;border:0;}
/* MAIN NAVIGAITON */
#mainNav {
    height: 21px;
    width: 764px;
    font-size: 11px;
    float: left;
    clear: both;
}
#mainNav ul {padding:0;list-style:none;margin-left:10px;}
#mainNav ul li {float:left;display:inline;position:relative;}
#mainNav ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    height: 15px;
    padding: 4px 10px 2px 10px;
    text-transform: uppercase;
    float: left;
    background-color:#1E7411;
}
#mainNav ul li a:hover {
    color:#1E7411;
    background-color:#FCD700;
}
#mainNav ul li a.end {
    padding-right:21px;
    background-image:url(/2011/mirror/design/mainnav_end.jpg);
    background-repeat:no-repeat;
    background-position:right top;
}
#mainNav ul li a.end:hover {background-image:url(/2011/mirror/design/mainnav_end_hover.jpg);}
/* MAIN NAV HOVER STYLES FOR HORIZATONAL ONLY */
#mainNav ul li ul{
    visibility: hidden;
    position: absolute;
    z-index: 10;
    width: 160px;
    top: 21px;
    left: -10px;
}
#mainNav ul li ul li{padding:0;margin:0;}
#mainNav ul li ul li a{
    width:185px;
    text-align:left;
    font-weight:normal;
    color:#333333;
    border-top:solid 1px #E4EFE2;
    background-color: #BED8BA;
    border-bottom:solid 1px #0E3607;
    background-color: #BFD9BB;
}
#mainNav ul li ul li a:hover{background-color:#A0C59A;color:#000000;}
/* 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;}
#mainNav ul li ul li ul li {
    display: none;
}

#date {
    padding: 10px 0 5px 15px;
    font-size: 10px;
}
#scrolling_text {
    clear: both;
    width: 724px;
    height: 32px;
    padding: 20px 20px 0 20px;
}
#scrolling_text marquee {
    font-size: 12px;
    line-height: 1.2em;
    font-weight: bolder;
    color: #1E7411;
}
#scrolling_text a {color:#1E7411;text-decoration:underline;}
#scrolling_text a:hover {text-decoration:none;}

/* BEGIN CONTENT STYLES */

#content_wrapper {width:764px;}
#splash #left_column{width:432px;padding:0 0 0 15px;float:left;}
#interior #one_column {
    width:480px;
    padding:0 269px 0 15px;
    float:left;
    background-image: url(/2011/mirror/design/bkgd_tree-soft.gif);
    background-repeat: no-repeat;
    background-position: right top;
}
#interior #left_column{
    width:480px;
    padding:0 0 0 15px;
    float:left;
}
#splash #right_column{
    float: right;
    width: 246px;
    padding-left: 47px;
    background-image: url(/2011/mirror/design/right_column.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#interior #right_column{
    float:right;
    width:246px;
    font-size: 11px;
    line-height: 1.6em;
}
#content {font-size:14px;line-height:1.25em;color:#333333;}
.splash_content {
    float: left;
    width: 345px;
}
#left_column .splash_button {
    float: right;
    width: 86px;
    padding-top: 80px;
}
#content p {margin-bottom:10px;}    
#content h1 {margin-bottom:12px;font-size:22px;color:#1E7411;}
#content h2 {margin-bottom:12px;font-size:21px;color:#1E7411;}
#content h3 {margin-bottom:12px;font-size:20px;color:#FE7B0F;}
#content h4 {margin:0 0 12px 0;font-size:19px;color:#7A7A7A;}
#content h5 {margin:0 0 12px 0;font-size:18px;color:#1E7411;}
#content h6 {margin:0 0 12px 0;font-size:17px;color:#FE7B0F;}
#content ul {margin:0 0 18px 20px;list-style-type:square;}
#content a {color:#1E7411;text-decoration:underline;}
#content a:hover {text-decoration:none;}
#content ol {padding:0;margin:0 0 18px 20px;}
#content p a.learnMore {
    font-size: 12px;
    float: right;
    color: #1E7411;
    text-decoration: underline;
}
#content p a.learnMore:hover {text-decoration:none;}
#content blockquote {
    margin: 0 0 20px 0;
    padding: 10px 15px;
    border: solid 1px #1E7411;
    background-color: #A0C59A;
    font-size: 12px;
}
#content table {
    width: 100%;
    font-size: 12px;
    color: #4F4F4F;
}
#content table tr th {
    background-color: #A0C59B;
    color: #1D7410;
    font-size: 15px;
}
.treebkg {
    background-image: url(/2011/mirror/design/bkgd_tree-soft.gif);
    background-repeat: no-repeat;
    background-position: right top;
}


#content table tr td table tr td {
    padding: 10px 5px;
    background-image: none;
}

/* News and Information Box */
#right_column .news_off {
    background-image:url(/2011/mirror/design/news-information.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 36px;
    width: 234px;
    margin-bottom: 15px;
    padding: 39px 6px 0 6px;
    font-size: 10px;
    line-height: 1.4em;
    font-weight: bold;
}
#right_column .news_off ul {list-style-type:none;}
#right_column .news_off li {display:inline;padding-right:2px;}
#right_column .news_off a.red {color:#E10000;text-decoration:underline;}
#right_column .news_off a.more {color:#1E7411;text-decoration:underline;}
#right_column .news_off a {color:#474747;text-decoration:underline;padding-right:2px;}
#right_column .news_off a:hover {text-decoration:none;}
#right_column .news_hover {
    background-image:url(/2011/mirror/design/bkgd_cat01-hot.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 36px;
    width: 234px;
    margin-bottom: 15px;
    padding: 39px 6px 0 6px;
    font-size: 10px;
    line-height: 1.4em;
    font-weight: bold;
}
#right_column .news_hover ul {list-style-type:none;}
#right_column .news_hover li {display:inline;padding-right:2px;}
#right_column .news_hover a.red {color:#E10000;text-decoration:underline;}
#right_column .news_hover a.more {color:#1E7411;text-decoration:underline;}
#right_column .news_hover a {color:#474747;text-decoration:underline;padding-right:2px;}
#right_column .news_hover a:hover {text-decoration:none;}
/* personal banking box */
#right_column .pers_off {
    background-image:url(/2011/mirror/design/personal-banking.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 36px;
    width: 234px;
    margin-bottom: 15px;
    padding: 39px 6px 0 6px;
    font-size: 10px;
    line-height: 1.4em;
    font-weight: bold;
}
#right_column .pers_off ul {list-style-type:none;}
#right_column .pers_off li {display:inline;padding-right:2px;}
#right_column .pers_off a.red {color:#E10000;text-decoration:underline;}
#right_column .pers_off a.more {color:#1E7411;text-decoration:underline;}
#right_column .pers_off a {color:#474747;text-decoration:underline;padding-right:2px;}
#right_column .pers_off a:hover {text-decoration:none;}
#right_column .pers_hover {
    background-image:url(/2011/mirror/design/bkgd_cat02-hot.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 36px;
    width: 234px;
    margin-bottom: 15px;
    padding: 39px 6px 0 6px;
    font-size: 10px;
    line-height: 1.4em;
    font-weight: bold;
}
#right_column .pers_hover ul {list-style-type:none;}
#right_column .pers_hover li {display:inline;padding-right:2px;}
#right_column .pers_hover a.red {color:#E10000;text-decoration:underline;}
#right_column .pers_hover a.more {color:#1E7411;text-decoration:underline;}
#right_column .pers_hover a {color:#474747;text-decoration:underline;padding-right:2px;}
#right_column .pers_hover a:hover {text-decoration:none;}
/* Business Banking Box */
#right_column .busi_off {
    background-image:url(/2011/mirror/design/business-banking.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 36px;
    width: 234px;
    margin-bottom: 15px;
    padding: 39px 6px 0 6px;
    font-size: 10px;
    line-height: 1.4em;
    font-weight: bold;
}
#right_column .busi_off ul {list-style-type:none;}
#right_column .busi_off li {display:inline;padding-right:2px;}
#right_column .busi_off a.red {color:#E10000;text-decoration:underline;}
#right_column .busi_off a.more {color:#1E7411;text-decoration:underline;}
#right_column .busi_off a {color:#474747;text-decoration:underline;padding-right:2px;}
#right_column .busi_off a:hover {text-decoration:none;}
#right_column .busi_hover {
    background-image:url(/2011/mirror/design/bkgd_cat03-hot.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 36px;
    width: 234px;
    margin-bottom: 15px;
    padding: 39px 6px 0 6px;
    font-size: 10px;
    line-height: 1.4em;
    font-weight: bold;
}
#right_column .busi_hover ul {list-style-type:none;}
#right_column .busi_hover li {display:inline;padding-right:2px;}
#right_column .busi_hover a.red {color:#E10000;text-decoration:underline;}
#right_column .busi_hover a.more {color:#1E7411;text-decoration:underline;}
#right_column .busi_hover a {color:#474747;text-decoration:underline;padding-right:2px;}
#right_column .busi_hover a:hover {text-decoration:none;}
/* Tools & Resources Box */
#right_column .tool_off {
    background-image:url(/2011/mirror/design/tools-resources.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 36px;
    width: 234px;
    margin-bottom: 15px;
    padding: 39px 6px 0 6px;
    font-size: 10px;
    line-height: 1.4em;
    font-weight: bold;
}
#right_column .tool_off ul {list-style-type:none;}
#right_column .tool_off li {display:inline;padding-right:2px;}
#right_column .tool_off a.red {color:#E10000;text-decoration:underline;}
#right_column .tool_off a.more {color:#1E7411;text-decoration:underline;}
#right_column .tool_off a {color:#474747;text-decoration:underline;padding-right:2px;}
#right_column .tool_off a:hover {text-decoration:none;}
#right_column .tool_hover {
    background-image:url(/2011/mirror/design/bkgd_cat04-hot.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 36px;
    width: 234px;
    margin-bottom: 15px;
    padding: 39px 6px 0 6px;
    font-size: 10px;
    line-height: 1.4em;
    font-weight: bold;
}
#right_column .tool_hover ul {list-style-type:none;}
#right_column .tool_hover li {display:inline;padding-right:2px;}
#right_column .tool_hover a.red {color:#E10000;text-decoration:underline;}
#right_column .tool_hover a.more {color:#1E7411;text-decoration:underline;}
#right_column .tool_hover a {color:#474747;text-decoration:underline;padding-right:2px;}
#right_column .tool_hover a:hover {text-decoration:none;}
#int_rightNav {background-color: #DADADA;}
#int_rightNav #bottom {
    background-image: url(/2011/mirror/design/personal-banking.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 35px;
    width: 246px;
}
#personalTop {
    background-image: url(/2011/mirror/design/personal-banking.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 246px;
    margin-bottom: 10px;
}
#businessTop {
    background-image: url(/2011/mirror/design/business-banking.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 246px;
    margin-bottom: 10px;
}
#newsTop {
    background-image: url(/2011/mirror/design/news-information.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 246px;
    margin-bottom: 10px;
}
#toolsTop {
    background-image: url(/2011/mirror/design/tools-resources.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 35px;
    width: 246px;
    margin-bottom: 10px;
}
#int_rightNav h3 {
    font-size: 12px;
    padding: 2px 15px;
    background-color: #A0C59A;
    color: #1E7411;
    margin: 0 0 5px 15px;
}
#int_rightNav ul {
    list-style-type: disc;
    color: #1E7411;
    margin: 0 0 10px 40px;
}
#int_rightNav ul li a {
    color: #474747;
    text-decoration: underline;
}
#int_rightNav ul li a:hover {
    text-decoration: none;
}

#promo_box {text-align:center;height:89px;width:246px;}
#promo_box img {border:0;outline:0;}

/*  Footer Styles */
#footer {
    width:758px;
    height:214px;
    padding:7px 3px 0 3px;
    background-image: url(/2011/mirror/design/footer.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
#footer .tier1 {
    height: 64px;
    width: 758px;
}
img.fdic_logo {
    float: left;
    height: 45px;
    width: 85px;
    border: 0;
    padding-bottom: 1px;
}
img.ehl_logo {
    float: right;
    height: 46px;
    width: 73px;
    border: 0;
}
#footerLinks {
    height: 36px;
    width: 510px;
    float: left;
    text-align: center;
    padding: 9px 35px 0 45px;
    color: #8A8A8A;
}
#footerLinks ul {list-style-type:none;}
#footerLinks li {display:inline;padding-right:5px;}
#footerLinks a {
    padding-right:5px;
    font-size:11px;
    color:#8A8A8A;
    text-decoration:underline;
}
#footerLinks a:hover {text-decoration:none;}

#footer .tier2 {
height: 88px;
width: 758px;
}
.tier2 h3 {
height: 16px;
line-height: 1em;
color: #12480A;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tier2 p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 1.3em;
color: #474747;
}

#box1 {
float: left;
height: 84px;
width: 115px;
padding: 4px 0 0 16px;
}
#box2 {
float: left;
height: 84px;
width: 118px;
padding: 4px 0 0 0px;
}
#box3 {
float: left;
height: 84px;
width: 118px;
padding: 4px 0 0 0px;
}
#box4 {
float: left;
height: 84px;
width: 128px;
padding: 4px 0 0 0px;
}
#box5 {
float: left;
height: 84px;
width: 118px;
padding: 4px 0 0 0;
}
#box6 {
float: left;
height: 84px;
width: 140px;
padding: 4px 0 0 0;
}
#footer .tier3 {
    height: 56px;
    width: 758px;
    font-size: 11px;
    color: #474747;
}
#footer .copyright {
    float: left;
    height: 56px;
    width: 216px;
    padding-left: 15px;
}
#footer .info {
    float: left;
    height: 56px;
    width: 248px;
}
#footer .notice {
    float: left;
    height: 56px;
    width: 279px;
}