/* ------- NORMALIZES EVERYTHING ------- */
* {
    font-family: "Trebuchet MS";
    font-size: 12px;
    color: #000000;
    margin: 0px;
    padding: 0px;
}
/* ------- END OF NORMALIZING ------- */

#wrapper {
    width: 929px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.bg {
    background-color: #666666;
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-image: url(/2375/mirror/design/bg.jpg);
}
/* ---------- NAVIGATION BEGINS ---------- */
#nav_area {
    background-image: url(/2375/mirror/design/nav.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 99px;
    width: 929px;
}
#top_nav {
    float: left;
    width: 909px;
    text-align: right;
    padding-right: 20px;
}
#top_nav ul {
    list-style-type: none;
    padding-top: 8px;
}
#top_nav ul li {
    display: inline;
    padding-left: 15px;
}
#top_nav a {
    color: #666666;
    text-decoration: none;
    font-size: 12px;
}
#top_nav a:hover {
    color: #961C07;
}
#main_nav {
    float: left;
    width: 924px;
    padding-left: 5px;
    height: 34px;
    padding-top: 37px;
}
#main_nav ul {
    list-style-type: none;
}
#main_nav ul li {
    text-align: center;
    display: inline;
    height: 47px;
}
#main_nav  ul  li  a {
    color: #000000;
    text-decoration: none;
    width: 131px;
    float: left;
    text-align: center;
    padding-top: 12px;
    height: 23px;
    font-size: 11px;
}
#main_nav ul li a:hover {
    color: #961C07;
}
#main_nav ul li a:active {
    background-image: url(/2375/mirror/design/nav_active.jpg);
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-repeat: no-repeat;
    width: 131px;
    height: 24px;
}
#main_nav .home_selected a {
    background-image: url(/2375/mirror/design/nav_active.jpg);
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-repeat: no-repeat;
    width: 131px;
    height: 24px;
}
#main_nav .personal_selected a {
    background-image: url(/2375/mirror/design/nav_active.jpg);
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-repeat: no-repeat;
    width: 131px;
    height: 24px;
}
#main_nav .business_selected a {
    background-image: url(/2375/mirror/design/nav_active.jpg);
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-repeat: no-repeat;
    width: 131px;
    height: 24px;
}
#main_nav .ebanking_selected a {
    background-image: url(/2375/mirror/design/nav_active.jpg);
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-repeat: no-repeat;
    width: 131px;
    height: 24px;
}
#main_nav .junior_selected a {
    background-image: url(/2375/mirror/design/nav_active.jpg);
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-repeat: no-repeat;
    width: 131px;
    height: 24px;
}
#main_nav .tools_selected a {
    background-image: url(/2375/mirror/design/nav_active.jpg);
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-repeat: no-repeat;
    width: 131px;
    height: 24px;
}
#main_nav .investor_selected a {
    background-image: url(/2375/mirror/design/nav_active.jpg);
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-repeat: no-repeat;
    width: 131px;
    height: 24px;
}
#sub_nav {
    background-image: url(/2375/mirror/design/bg_sub_nav.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 23px;
    width: 908px;
    padding-left: 21px;
    padding-top: 5px;
}
#sub_nav ul {
    list-style-type: none;
}
#sub_nav ul li {
    background-image: url(/2375/mirror/design/bullet_arrows_yellow_redbg.gif);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    padding-left: 15px;
display: inline;
}
#sub_nav ul li a {
    color: #FFFFFF;
    text-decoration: none;
    
}
#sub_nav a:hover {
    text-decoration: underline;
}
/* ---------- NAVIGATION ENDS ---------- */
/* ---------- SPLASH STUFF BEGINS ---------- */
#splash_banner {
    background-image: url(/2375/mirror/design/splash_banner3.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 192px;
    width: 920px;
    text-align: right;
    padding-right: 9px;
}
#flash {float: right;
        }
#splash_content_area {
    background-image: url(/2375/mirror/design/bg_splash_content.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 481px;
    width: 919px;
    padding-left: 10px;
}
.product_box {
    float: left;
    height: 239px;
    width: 380px;
    padding-left: 20px;
    padding-top: 17px;
}
.product_box h1 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

.product_photo {
    width: 100%;
    padding-top: 15px;
    text-align: center;
}
.grey_border_box {
    float: left;
    width: 234px;
    padding-top: 7px;
    padding-left: 7px;
    border: 1px solid #CCCCCC;
    text-align: center;
    margin-top: 5px;
    padding-bottom: 7px;
}
.grey_border_box2 {
    float: left;
    width: 230px;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 4px;
    padding-bottom: 7px;
    border: 1px solid #CCCCCC;
    text-align: left;
    margin-top: 5px;
}

.grey_border_box2 a {
    color: #A41E05;
    text-decoration: underline;
}
.grey_border_box2 a:hover {
    text-decoration: none;
}

.newsletter_logo_holder {
    text-align: left;
    margin-bottom: 5px;
}
.newsletter_textfield {
    height: 18px;
    width: 150px;
    border: 1px solid #000000;
    margin-top: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
}
.email_submit {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #961C07;
    padding: 0px;
    height: 20px;
    width: 45px;
    border: 1px solid #000000;
}
#community_resources_header {
    width: 230px;
    font-size: 18px;
    font-weight: bold;
    color: #961C07;
    padding-bottom: 2px;
    float: left;
    text-align: left;
}
#weather_box_header {
    width: 230px;
    font-size: 18px;
    font-weight: bold;
    color: #961C07;
    float: left;
    text-align: left;
}

/* ---------- SPLASH STUFF ENDS ---------- */
/* ---------- GENERAL STYLES FOR BOTH SPLASH & INTERIOR BEGINS ---------- */
#column_1 {
    float: left;
    width: 248px;
}
/* ---------- ONLINE STUFF BEGINS ---------- */
#online_banking_area {
    float: left;
    height: 115px;
    width: 218px;
    padding-left: 13px;
    border-top-width: 7px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ECC23B;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding-top: 10px;
    background-image: url(/2375/mirror/design/bg_online_banking2.jpg);
    background-repeat: no-repeat;
    padding-right: 15px;
    margin-top: 5px;
}
#online_banking_area h1 {
    font-size: 13px;
    font-weight: bold;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
}
#online_banking_area ul {
    list-style-type: none;
}
#online_banking_area ul li {
    display: inline;
    float: left;
    padding-right: 15px;
}
#online_banking_area a {
    color: #A41E05;
    text-decoration: underline;
}
#online_banking_area a:hover {
    text-decoration: none;
}
#login_area {
    text-align: left;
    float: left;
    color: #000000;
    width: 150px;
    margin-bottom: 9px;
}
.form {
    margin: 0px;
}
.textfield {
    padding: 0px;
    height: 18px;
    width: 95px;
    border: 1px solid #666666;
    margin-bottom: 1px;
}
.login {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #961C07;
    padding: 0px;
    height: 18px;
    width: 43px;
    border: 1px solid #000000;
}
#user_id {
    font-size: 11px;
    color: #A41E05;
    text-align: right;
    float: left;
    padding-right: 5px;
    padding-top: 2px;
}
#online_biz_banking {
    font-size: 13px;
    font-weight: bold;
    float: left;
    width: 150px;
    margin-top: 7px;
}
#online_biz_link {
    float: right;
    margin-top: 7px;
}
#online_biz_link  ul {
    list-style-type: none;
}
#online_biz_link  ul  li {
    background-image: url(/2375/mirror/design/bullet_arrows_yellow.gif);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    padding-left: 15px;
}
#online_biz_link  a {
    font-weight: bold;
    color: #A41E05;
    text-decoration: underline;
}
#online_biz_link  a:hover {
    text-decoration: none;
}
#online_remote_deposit {
    font-size: 13px;
    font-weight: bold;
    float: left;
    width: 200px;
    margin-top: 3px;
}
#online_remote_link {
    float: right;
    margin-top: 2px;
}
#online_remote_link  ul {
    list-style-type: none;
}
#online_remote_link  ul  li {
    background-image: url(/2375/mirror/design/bullet_arrows_yellow.gif);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    padding-left: 15px;
}
#online_remote_link  a {
    font-weight: bold;
    color: #A41E05;
    text-decoration: underline;
}
#online_remote_link  a:hover {
    text-decoration: none;
}
/* ---------- ONLINE STUFF ENDS ---------- */
.yellow_box {
    float: left;
    width: 223px;
    padding-left: 13px;
    border-top-width: 7px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ECC23B;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
}
.yellow_box ul {
    list-style-type: none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}
.yellow_box ul li {
    background-image: url(/2375/mirror/design/bullet_arrows_yellow.gif);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    padding-left: 15px;
}
.yellow_box  a {
    font-weight: bold;
    color: #961C07;
    text-decoration: underline;
}
.yellow_box a:hover {
    text-decoration: none;
}

.yellow_box h1{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 2px;
    color: #961C07;
}
.yellow_box h2{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px;
    color: #961C07;
}
#market_iframe {
    float: left;
    height: 98px;
    width: 221px;
}
#column_2 {
    float: left;
    width: 413px;
}
#main_content {
    float: left;
    width: 384px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 19px;
    margin-top: 5px;
}
#main_content img {
    margin: 5px;
    }
#main_content strong {
    font-weight: bold;
}
#main_content em {
    font-style: italic;
}
#main_content h1 {
    font-size: 18px;
    font-weight: bold;
    color: #961C07;
    margin-bottom: 2px;
}
#main_content h2 {
    font-size: 13px;
    font-weight: bold;
}
#main_content h3 {
    font-size: 14px;
    font-weight: bold;
    color: #961C07;
}
h6 {
    font-family: Palatino Linotype, Century, Futura Bk;
}

#main_content ul {
    list-style-type: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
#main_content ul li {
    background-image: url(/2375/mirror/design/bullet_arrows_yellow.gif);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    padding-left: 17px;
}
#main_content a {
    font-weight: bold;
    color: #961C07;
    text-decoration: underline;
}
#main_content a:hover {
    text-decoration: none;
}

/*2 column content styles*/
#main_content2 {
    float: left;
    width: 632px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 19px;
    margin-top: 5px;
}
#main_content2 strong {
    font-weight: bold;
}
#main_content2 em {
    font-style: italic;
}
#main_content2 h1 {
    font-size: 18px;
    font-weight: bold;
    color: #961C07;
    margin-bottom: 2px;
}
#main_content2 h2 {
    font-size: 13px;
    font-weight: bold;
}
#main_content2 ul {
    list-style-type: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
#main_content2 ul li {
    background-image: url(/2375/mirror/design/bullet_arrows_yellow.gif);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    padding-left: 17px;
}
#main_content2 a {
    font-weight: bold;
    color: #961C07;
    text-decoration: underline;
}
#main_content2 a:hover {
    text-decoration: none;
}

.CalendarTable {  background-color: #383838; width: 500px; margin-top: 3px; margin-right: 0px; margin-bottom: 1px; margin-left: 3px}
.CalendarTitleTD { font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; color: #FFE63E; background-color: #000000; text-align: center; vertical-align: top; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
.CalendarTitleTD a:link {  color: #FFFFFF; text-decoration: none;}
.CalendarTitleTD a:visited {  color: #FFFFFF; text-decoration: none;}
.CalendarTitleTD a:hover {  color: #E1C600; text-decoration: none;}
.CalendarTitleTD a:active {  color: #FFFFFF; text-decoration: none;}
.CalendarTD { font-family: "Times New Roman", Times, serif; font-size: 13px; color: #000000; background-color: #FFFFFF; text-align: center; vertical-align: top; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
.CalendarEmpty { background-color: #dddddd }
.CalendarDay { background-color: #FFFFFF; vertical-align: top }
.CalendarCurrDay { background-color: #FFF3A4; vertical-align: top }
.CalendarDetails { font-family: "Times New Roman", Times, serif; font-size: 13px; color: #000000; text-align: left; vertical-align: top; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
.CalendarBottomTD { font-family: "Times New Roman", Times, serif; font-size: 13px; color: #000000; background-color: #FFFFFF; text-align: center; vertical-align: top; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
.CalendarEventTD { font-family: "Times New Roman", Times, serif; font-size: 11px; font-weight: normal; color: #000000; background-color: #FFFFFF; text-align: left; vertical-align: top; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px; border-size: 1px; border-color: #cccccc; border-style: solid;}
.CalendarEventTD a:link {  color: #000000; text-decoration: none }
.CalendarEventTD a:visited {  color: #000000; text-decoration: none}
.CalendarEventTD a:hover {  color: #E1C600; text-decoration: underline}
.CalendarEventTD a:active {  color: #E1C600; text-decoration: underline}

#column_3 {
    float: left;
    width: 248px;
}

.grey_box  a {
    font-weight: bold;
    color: #961C07;
    text-decoration: underline;
}
.grey_box a:hover {
    text-decoration: none;
}
.grey_box h1{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 2px;
    color: #961C07;
}
.grey_box h2{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2px;
    color: #961C07;
}
#weather_iframe {
    float: left;
    height: 98px;
    width: 221px;
}


/* ---------- GENERAL STYLES FOR BOTH SPLASH & INTERIOR ENDS ---------- */
/* ---------- INTERIOR STUFF BEGINS ---------- */
#interior_banner {
    background-image: url(/2375/mirror/design/interior_banner3.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 164px;
    width: 929px;
}
#interior_outside_wrap {
    background-image: url(/2375/mirror/design/bg_interior_repeat.jpg);
    background-repeat: repeat;
    float: left;
}
#interior_content_wrap {
    background-image: url(/2375/mirror/design/bg_interior_content.jpg);
    background-repeat: no-repeat;
    float: left;
    width: 919px;
    padding-left: 10px;
}
.grey_border_box_interior {
    float: left;
    width: 227px;
    padding-top: 7px;
    padding-left: 7px;
    border: 1px solid #CCCCCC;
    text-align: left;
    margin-top: 5px;
    padding-bottom: 7px;
    font-size: 10px;
    padding-right: 7px;
}
.grey_border_box_interior a {
    font-weight: bold;
    color: #961C07;
    text-decoration: underline;
    font-size: 11px;
}
.grey_border_box_interior a:hover {
    text-decoration: none;
}
.grey_border_box_interior strong {
    font-weight: bold;
}
.grey_border_box_interior h1 {
    font-size: 16px;
    font-weight: bold;
    color: #961C07;
}
.grey_border_box_interior strong {
    font-weight: bold;
}
.grey_border_box_interior ul {
    list-style-type: none;
    padding-top: 10px;
    padding-bottom: 10px;
}
.grey_border_box_interior ul li {
    background-image: url(/2375/mirror/design/bullet_arrows_yellow.gif);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    padding-left: 17px;
}
#interior_bottom {
    background-image: url(/2375/mirror/design/interior_bottom.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 32px;
    width: 929px;
}
hr { height: 1px;
     border-left: none;
     border-right: none;
     border-top: none;
     border-bottom: solid 1px #CCCCCC;
}
/* ---------- INTERIOR STUFF ENDS ---------- */
/* ---------- FOOTER BEGINS ---------- */
#footer_area {
    float: left;
    height: 94px;
    width: 905px;
    padding-left: 23px;
    padding-top: 6px;
}
#footer_links {
    float: left;
    width: 100%;
    height: 15px;
    padding-bottom: 10px;
    padding-top: 5px;
}
#footer_links ul {
    list-style-type: none;
}
#footer_links ul li {
    display: inline;
    padding-right: 20px;
}
#footer_links a {
    text-decoration: underline;
    color: #ECC23B;
}
#footer_links a:hover {
    text-decoration: none;
}
#footer_notice {
    color: #FFFFFF;
    float: left;
    width: 644px;
}
#footer_notice strong {
    font-weight: bold;
    color: #FFFFFF;
}
#footer_notice a {
    color: #ECC23B;
    text-decoration: underline;
}
#footer_notice a:hover {
    text-decoration: none;
}
#footer_FDIC {
    float: left;
    padding-left: 17px;
    text-align: center;
}
#footer_FDIC a {
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: underline;
}
#footer_FDIC a:hover {
    text-decoration: none;
}
#footer_EHL {
    float: left;
    padding-left: 20px;
    text-align: center;
}
#footer_EHL a {
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: underline;
}
#footer_EHL a:hover {
    text-decoration: none;
}
#footer_SHIELD {
    float: left;
    text-align: center;
    color: #FFFFFF;
    font-size: 10px;
}
/* ---------- FOOTER ENDS ---------- */

/* ---------- THE END! ---------- */