/* -------------------------------------------------------------
STYLE SHEET CONTENTS:
                1. Reset
                2. Header Styles
                3. MainNav Styles
                4. Hero Styles
                5. Splash Features Styles
                6. Left Column Styles
                7. Right Column Styles
                8. Content Styles
                9. Footer Styles
                10. Color Specific Styles
---------------------------------1. RESET ----------------------*/
wrapper, body, div, p, h1, h2, h3, ul, li, form, fieldset {margin:0;padding:0;}
.clear {clear:both;}
.floatLeft {float:left;border:0;}
.floatRight {float:right;border:0;}
html {color:#000;font-family:Tahoma, Geneva, sans-serif;font-size:12px;}
body {background-image:url(/3287/mirror/design/body.jpg);background-repeat:repeat-x;background-position:top;}
#wrapper {width:966px;margin:0 auto;position:relative;}
/* ---------------------------------------------------------------
---------------------------------2. Header Styles ----------------*/
#header {width:966px;height:98px;}
#logo {width:355px;height:98px;float:left;}
#logoOLD {width:313px;height:98px;float:left;}
#logo img {border:0;}
#calendarLink {float:right;height:58px;width:218px;}
#calendarLink a {
    float:left;
    height:31px;
    width:183px;
    padding:25px 0 0 36px;
    color:#fff;
    text-decoration:none;
    background-image:url(/3287/mirror/design/calendar-icon.jpg);
    background-repeat:no-repeat;
    background-position:left 16px;
}
#calendarLink a:hover {text-decoration:underline;}
/* --------------------------------------------------
---------------------------------3. MAIN NAVIGAITON */
#mainNav {
    height:36px;
    float:right;
    width:560px;
    padding-top:4px;
    font-size:15px;
}
#mainNav ul {padding:0;list-style:none;}
#mainNav ul li {float:left;display:inline;position:relative;}
#mainNav ul li a {
    display:block;
    text-align:center;
    text-decoration:none;
    font-weight:normal;
    color:#FFF;
    height:36px;
    padding-bottom:0px;
}
#mainNav ul li a:hover {text-decoration:underline;}
#mainNav ul li .item01{width:56px;}
#mainNav ul li .item02{width:100px;}
#mainNav ul li .item03{width:150px;}
#mainNav ul li .item04{width:88px;}
#mainNav ul li .item05{width:89px;}
#mainNav ul li .item6{width:65px;}
#mainNav ul li ul{
    visibility:hidden;
    position:absolute;
    z-index:10;
    width:160px;
    top:32px;
    left:1px;
    font-size:12px;
}
#mainNav ul li ul li{padding:0;margin:0;}
#mainNav ul li ul li a {
    padding:6px 0 6px 15px;
    width:145px;
    background-color:#999;
    text-align:left;
    height:auto;
}
#mainNav ul li ul li a:hover{background-color:#013686;text-decoration:none;}
#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;}
#mainNav li:hover>ul {display:block;visibility:visible;}
html>body #mainNav li ul {display:none;}
/*---------------------------------------------------------
---------------- 4. Hero Styles --------------------------*/
#hero {background-repeat:no-repeat;width:966px;}
.message {float:left;padding:32px 0 0 32px;}
.image  {float:right;}
#hero img{border:0;float:right;}
.version1 {height:200px;background-image:url(/3287/mirror/design/hero1.jpg);}
.version1 .message {font-size:22px;height:167px;width:640px;}
.version1 .image{height:198px;width:287px;}
.version2 {height:223px;background-image:url(/3287/mirror/design/hero2.jpg);}
.version2 .message{font-size:22px;height:191px;width:540px;}
.version2 .image{height:223px;width:385px;}
.version3 {height:223px;background-image:url(/3287/mirror/design/hero4.jpg);background-position: -18px top;}
.version3 .message {font-size:21px;height:191px;width:432px;}
.version3 .image{height:223px;width:492px;}
.version4 {height:223px;background-image:url(/3287/mirror/design/hero3.jpg);}
.version4 .message{font-size:22px;height:191px;width:582px;}
.version4 .image {height:223px;width:322px;}
.version5 {height:223px;background-image:url(/3287/mirror/design/hero2.jpg);}
.version5 .message{font-size:21px;height:191px;width:538px;}
.version5 .image{height:223px;width:386px;}
/* -------------------------------------------------------------------
-------------------------- 5.Splash Features Styles ------------------*/
#feature_wrapper {height:407px;width:966px;}
#feature_wrapper img {border:0;}
#feature_wrapper .feature {
    float:left;
    background-repeat:no-repeat;
    padding-left:13px;
    background-position:13px top;
    width: 225px;
}
#feature_wrapper h3 {
    width:201px;
    height:31px;
    padding:8px 24px 0 10px;
    text-align:right;
    color:#fff;
    font-size:22px;
    font-weight:normal;
}
#feature_wrapper .feature-image {
    width:225px;
    height:130px;
}
#feature_wrapper .feature_content {
    text-align:right;
    padding:7px 12px 0 0;
    width:213px;
    height:61px;
    font-size:12px;
    line-height:1.4em;
    list-style-type:none;
}
.feature_content ul {list-style-type:none;}
#feature_wrapper a {color:#fff;text-decoration:none;}
#feature_wrapper a:hover {text-decoration:underline;}
#online-banking {
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    height: 115px;
    padding-top: 15px;
    color: #FFF;
}
#online-banking .labelTD {padding-left: 30px;line-height: 1.1em;height: 22px;}
#online-banking #Text1 {height: 18px;width: 84px;border: solid 1px #726461;}
#online-banking #submit {height:20px;width:65px;font-size:11px;}
#online-banking .inputTD {height: 27px;padding-left: 5px;}
#online-banking #Destination {height:20px;width:136px;font-size:11px;border: solid 1px #726461;}


/* -------------------------------------------------------------------
-------------------------- 6. Left Column Styles ------------------*/
#left_column {
    float:left;
    height:374px;
    overflow-y:scroll;
    padding:0 24px 0 36px;
    margin:0 7px 10px 0;
}
.about {width:660px;}
.business {width:560px;}
/* -------------------------------------------------------------------
-------------------------- 7. Right Column Styles ------------------*/
#right_column {float:right;padding-right:10px;}
#rightNav {
    font-size:20px;
    width:227px;
    height:384px;
    padding-top:12px;
}
#rightNav ul {list-style-type:none;text-align:right;}
#rightNav ul li {
    float: left;
}
#rightNav ul li a {
    float:left;
    height:41px;
    width:220px;
    padding:11px 7px 0 0;
    color:#FFF;
    text-decoration:none;
    background-repeat:no-repeat;
}
#rightNav ul li a:hover {text-decoration:underline;}
#right_column .news {width:328px;background-repeat:no-repeat;}
#right_column .news .content, #right_column .resources .content {
    width:326px;
    height:142px;
    border:1px solid #ccc;
    margin-bottom:6px;
}
#right_column .content ul {
    padding:0 18px 0 32px;
    list-style-type:none;
    text-align:right;
    height:120px;
}
#right_column .content ul li {padding:12px 0 0 0;height:25px;border-top:dashed 1px #000;}
#right_column .content ul .noBorder {border-top:none;}
#right_column .content ul li a {color:#000;text-decoration:none;}
#right_column .content ul li a:hover {text-decoration:underline;}
#right_column .content .viewAll {
    height:14px;
    width:148px;
    text-align:right;
    float:right;
    font-weight:bold;
    color:#000079;
    text-decoration:underline;
    font-size:11px;
    line-height:1em;
    /* background-image:url(/3287/mirror/design/rss.jpg);
    background-repeat:no-repeat;
    background-position:160px top; */
    padding:4px 20px 0 0;
}
#right_column .content .viewAll:hover {text-decoration:none;}
#right_column .news h3 {
    width:313px;
    height:37px;
    text-align:right;
    font-size:23px;
    color:#FFF;
    font-weight:normal;
    padding-top:3px;
    padding-right:15px;
    padding-bottom:0;
    padding-left:0;
}
#right_column .resources {width:328px;background-repeat:no-repeat;}
#right_column .resources h3 {
    width:313px;
    height:37px;
    text-align:right;
    font-size:23px;
    color:#FFF;
    font-weight:normal;
    padding-top:3px;
    padding-right:15px;
    padding-bottom:0;
    padding-left:0;
}
#right_column .option {height:28px;width:298px;padding:0 22px 0 6px;}
#right_column .left {
    float:left;
    height:18px;
    width:126px;
    padding-top:5px;
}
#right_column .right {
    float:left;
    height:23px;
    width:172px;
    padding-top:5px;
}
#right_column .resources .jumpMenu {
    height:18px;
    width:110px;
    font-size:11px;
    padding:0;
    margin:0;
    float:left;
}
#right_column .go {float:right;}
#content_description {
    width:924px;
    margin:0 auto;
    font-size:17px;
    line-height:1.5em;
    padding:16px 0 0 0;
    height:85px;
}
.quarter_column {float:left;width:241px;}
.quarter_column h3 {
    height:39px;
    width:220px;
    padding:13px 7px 0 0;
    color:#FFF;
    text-decoration:none;
    background-repeat:no-repeat;
    text-align:right;
    font-size:16px;
}
.quarter_column h3 a {color:#fff;text-decoration:none;}
.quarter_column h3 a:visited {color:#fff;text-decoration:none;}
.quarter_column ul {list-style-type:none;margin-bottom:10px;}
.quarter_column ul li {font-size:15px;font-weight:bold;}
.quarter_column ul li.calculators {background-image:url(/3287/mirror/design/calculator.jpg);background-repeat:no-repeat;background-position:100px top;}
.quarter_column ul li a {color:#000;text-decoration:none;}
.quarter_column ul li a:hover {text-decoration:underline;}
.quarter_column ul li ul {margin:0 0 15px 10px;}
.quarter_column ul li ul li {font-size:11px;line-height:1.4em;}
.quarter_column ul li ul li a {color:#000;text-decoration:underline;}
.quarter_column ul li ul li a:hover {text-decoration:none;}
/* -------------------------------------------------------------------
-------------------------- 8. Content Styles ------------------*/
#content_wrapper {width:966px;}
#content {padding:0;}
#content.smallText {font-size:11px;line-height:1.2em;}
#content.mediumText {font-size:13px;line-height:1.4em;}
#content.largeText {font-size:16px;line-height:1.4em;}
#content p {margin-bottom:10px;}
#content.largeText p {margin-bottom:15px;}    
#content h1 {font-size:24px;color:#1f5199;margin-bottom:20px;line-height:1.2em;}
#content h2 {
    font-size:20px;
    color:#1f5199;
    margin-bottom:20px;
    line-height:1.2em;    
}
#content h3 {font-size:16px;margin-bottom:20px;}
#content h4 {
    font-size:14px;
    color:#1f5199;
    margin:0 0 7px 0;
    padding:0px;
}
#content h5 {
    font-size:16px;
    color:#1f5199;
    margin:0 0 7px 0;
    padding:0px;
}
#content ul {list-style-type:disc;margin:0 0 25px ;padding-left:30px;}
#content ul.alignLeft {float:left;}
#content ul.smallList {padding-left:15px;font-size:10px;line-height:1em;}
#content ul li a, .alignLeft li a   {color:#000;}
#content ul li a:hover, #content ul.alignLeft li a:hover {color:#000;text-decoration:none;}
.signup_button {
    float:left;
    clear:left;
    text-align:center;
    height:32px;
    padding-top:9px;
    width:193px;
    background-image:url(/3287/mirror/design/signup-button.jpg);
    color:#fff;
}
.signup_button:hover {text-decoration:none;}
.remote_deposit_button {
    float:left;
    clear:left;
    text-align:center;
    height:32px;
    padding-top:9px;
    width:193px;
    background-image:url(/3287/mirror/design/remote-deposit-button.jpg);
    color:#fff;
}
.remote_deposit_button:hover {text-decoration:none;}
.separator {
    background-image:url(/3287/mirror/design/separator1.jpg);
    height:10px;
    padding-top:28px;
    background-repeat:no-repeat;
    background-position:left 28px;
}
.table_title {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF; 
    background-color: #003777; 
    vertical-align: middle; 
    padding: 5px 5px 5px 5px;
}
/*Table Title*/
.table_cell_color {
    background-color: #e2e9f1;
}
/*Cell Color*/
.table_border {
    border-collapse: collapse;
    border: 1px solid #003777;
}
/*Table Border*/
/* -------------------------------------------------------------------
-------------------------- 9. Footer Styles ------------------*/
#footer-wrapper {height:100px;width:auto;background-repeat:repeat-x;}
#footer {
    width:938px;
    clear:both;
    margin:0 auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#FFF;
    padding:0 14px 0 14px;
}
#footerLinks {width:637px;height:47px;float:left;}
#footerLinks ul {list-style:none;padding-top:12px;}
#footerLinks ul li {display:inline;padding-right:4px;}
#footerLinks ul li a {text-decoration:none;color:#fff;padding-right:5px;}
#footerLinks ul li a:hover {text-decoration:underline;}
#footer .copyright {
    float:left;
    width:205px;
    height:47px;
    padding-top:12px;
}
#logos {float:right;width:91px;height:58px;}
#ehl {border:0;float:left;padding-top:3px;}
#fdic {border:0;float:right;padding-top:1px;}
/* -------------------------------------------------------------------
-------------------------- 10. Color Specific Styles ------------------*/
   /* Features on splash styles */
.splash #feature_wrapper .red {height:407px;background-image:url(/3287/mirror/design/feature-red.jpg);}
.splash #feature_wrapper .blue {height:407px;background-image:url(/3287/mirror/design/feature-blue.jpg);}
.splash #feature_wrapper .green {height:407px;background-image:url(/3287/mirror/design/feature-green.jpg);}
.splash #feature_wrapper .yellow {height:407px;background-image:url(/3287/mirror/design/feature-yellow.jpg);}

   /* Right Nav Styles */
#rightNav ul li a.red {background-image:url(/3287/mirror/design/nav-red.jpg);}
#rightNav ul li a.green {background-image:url(/3287/mirror/design/nav-green.jpg);}
#rightNav ul li a.blue {background-image:url(/3287/mirror/design/nav-blue.jpg);}
#rightNav ul li a.yellow {background-image:url(/3287/mirror/design/nav-yellow.jpg);}
#rightNav ul li a.bright-red {background-image:url(/3287/mirror/design/nav-bright-red.jpg);}
#rightNav ul li a.purple {background-image:url(/3287/mirror/design/nav-purple.jpg);}
   /* Resources Page */
.quarter_column .red {background-image:url(/3287/mirror/design/nav-red.jpg);}
.quarter_column .green {background-image:url(/3287/mirror/design/nav-green.jpg);}
.quarter_column .blue {background-image:url(/3287/mirror/design/nav-blue.jpg);}
.quarter_column .yellow {background-image:url(/3287/mirror/design/nav-yellow.jpg);}
.quarter_column .bright-red {background-image:url(/3287/mirror/design/nav-bright-red.jpg);}
.quarter_column .purple {background-image:url(/3287/mirror/design/nav-purple.jpg);}
   /* Right Column Headers */
   
.red #right_column .resources, 
.red #right_column .news {background-image:url(/3287/mirror/design/right-header-red.jpg);}
.green #right_column .resources, 
.green #right_column .news {background-image:url(/3287/mirror/design/right-header-green.jpg);}
.blue #right_column .resources, 
.blue #right_column .news {background-image:url(/3287/mirror/design/right-header-bright-blue.jpg);}
.yellow #right_column .resources, 
.yellow #right_column .news {background-image:url(/3287/mirror/design/right-header-yellow.jpg);}
.bright-blue #right_column .resources, 
.bright-blue #right_column .news {background-image:url(/3287/mirror/design/right-header-bright-blue.jpg);}
 /* Footer Colors */
 
.green #footer-wrapper {background-image:url(/3287/mirror/design/footer-green.jpg);}
.splash #footer-wrapper, .blue #footer-wrapper {background-image:url(/3287/mirror/design/footer-blue.jpg);}
.yellow #footer-wrapper {background-image:url(/3287/mirror/design/footer-yellow.jpg);}
.bright-blue #footer-wrapper {background-image:url(/3287/mirror/design/footer-bright-blue.jpg);}
.red #footer-wrapper {background-image:url(/3287/mirror/design/footer-red.jpg);}

/*CODED BY CW */