/*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;
    background-image: url(design/bg.gif);
    background-position: top;
    background-color: #A89C86;
    background-repeat: repeat-x;
}
/* --- WRAPPER  --- */
#wrapper {
    width: 901px;
    margin-left: auto;
    margin-right:auto;
    position:relative;
}
/* --- HEADER  --- */
#header {
    background-color: #5B4E3C;
    height: 121px;
    width: 901px;
}
/* --- BANK LOGO  --- */
#logo {
    float: left;
    height: 121px;
    width: 262px;
}
/* --- BEGIN INTERNET BANKING  --- */
#ibanking {
    font-size: 11px;
    color: #FFF;
    width: 240px;
    float: right;
    padding-top: 15px;
}
#ibanking h1{
    font-size: 16px;
    color: #FFF;
    padding-left: 5px;
    padding-bottom: 2px;
}
#ibanking_column_wrap{
    width: 250px;
}
#ibanking_column_left{
    text-align: right;
    width: 56px;
    padding-right: 4px;
    float: left;
}
.ibanking_ID {
    width: 56px;
    padding-top: 6px;
    padding-bottom: 7px;
}
.ibanking_password {
    width: 56px;
    padding-top: 6px;
}

#ibanking_column_right{
    text-align: left;
    width: 180px;
    float: left;
}
.form {
    margin: 0px;
}
.textfield {
    padding: 0px;
    height: 23px;
    width: 125px;
    border: 1px solid #FFF;
    margin-bottom: 1px;
}
.login_button {
    font-size: 11px;
    font-weight: bold;
    background-color: #CC6D0F;
    height: 23px;
    width: 45px;
    border: 1px solid #FFF;
    color: #FFF;
    cursor: pointer;
}
.enroll_button {
    font-size: 11px;
    font-weight: bold;
    background-color: #CC6D0F;
    height: 23px;
    width: 54px;
    border: 1px solid #FFF;
    color: #FFF;
    cursor: pointer;
}

/* --- END INTERNET BANKING  --- */
/* --- BEGIN MAIN NAVIGATION  --- */
#mainNav {
    background: url(design/bg_nav.jpg) repeat-y left top;
    height: 37px;
    float: left;
    width: 901px;
}
#mainNav ul {
    list-style: none;
    margin-left: 262px;
    padding: 0;
}
#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: #000000;
    width: 126px;
    height: 22px;
    padding-top: 9px;
    padding-bottom: 0px;
    font-size: 11px;
}
#mainNav ul li a:hover {
    color: #FFF;
    background-image: url(design/bg_nav_rollover.jpg);
    background-repeat: no-repeat;
}
#mainNav ul li a:active {
    color: #FFF;
    background-image: url(design/bg_nav_rollover.jpg);
    background-repeat: no-repeat;
}
#mainNav .active {
    color: #FFF;
    background-image: url(design/bg_nav_rollover.jpg);
    background-repeat: no-repeat;
}
#mainNav .active a{
    color: #FFF;
}

/* MAIN NAV HOVER STYLES FOR HORIZONAL ONLY */
#mainNav ul li ul{
    visibility: hidden;
    position: absolute;
    z-index: 10;
    width: 185px;
    top: 29px;
    margin-left: 0px;
    left: 0;
}
#mainNav ul li ul li{
    padding: 0;
    margin: 0;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    border-left-color: #FFF;
}
#mainNav ul li ul li a{
    width: 175px;
    background-color: #1E4B78;
    text-align: left;
    color: #FFF;
    padding-left: 10px;
    height: 21px;
}
#mainNav ul li ul li a:hover{
    background: #ffffff;
    color: #1E4B78;
}
/* 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;
}
/* --- END MAIN NAVIGATION  --- */
/* --- CONTENT WRAPPER  --- */
#content_wrapper {
    background-color: #FFF;
    padding: 10px;
    width: 881px;
    float: left;
}
/* --- BEGIN FEATURED PRODUCT  --- */
#featured_product {
    float: left;
    height: 189px;
    width: 231px;
    border-right-width: 10px;
    border-bottom-width: 10px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    background-color: #C9DBE9;
    padding-left: 13px;
    padding-top: 13px;
    padding-right: 8px;
}
#featured_product a{
    color: #1E4B8E;
    text-decoration: underline;
    font-weight: bold;
}
#featured_product a:hover{
    text-decoration: none;
}
#featured_product ul{
    list-style-type: none;
    clear: both;
    padding-top: 30px;
}
#featured_product ul li{
    background-image: url(design/bullet_arrow1.gif);
    background-repeat: no-repeat;
    padding-left: 15px;
    background-position: 1px 4px;
}
#featured_product h1{
    font-size: 17px;
    padding-bottom: 10px;
}
#featured_product h2{
    font-size: 13px;
    color: #1E4B78;
}
#featured_left_column {
    width: 155px;
    padding-top: 10px;
    float: left;
}
#featured_right_column {
    width: 70px;
    float: right;
    padding-top: 10px;
}
/* --- END FEATURED PRODUCT  --- */
/* --- HERO / FLASH  --- */
#hero {
    float: right;
    height: 202px;
    width: 618px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
}
/* --- BEGIN THREE BOX AREA  --- */
#three_box_area {
    background-image: url(design/bg_boxes.jpg);
    background-repeat: no-repeat;
    height: 171px;
    width: 880px;
    float: left;
    padding-top: 15px;
}
#community_box {
    height: 161px;
    width: 252px;
    color: #FFF;
    padding-top: 10px;
    padding-left: 10px;
    float: left;
}
#community_box h1{
    color: #FFF;
    font-size: 14px;
}
#community_box h2 {
    color: #C7D2DD;
    font-size: 12px;
}
#community_box strong{
    color: #C7D2DD;
    font-size: 12px;
}
#community_box ul{
    list-style-type: none;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 16px;
}
#community_box ul li{
    background-image: url(design/bullet_arrow2.gif);
    background-repeat: no-repeat;
    background-position: 1px 7px;
    padding-left: 15px;
    padding-top: 3px;
}
#community_box a {
    font-size: 11px;
    font-weight: bold;
    /*color: #7A6C58;*/
color:#FFF;
    text-decoration: underline;
}
#community_box a:hover {
    text-decoration: none;
}
#market_box {
    height: 170px;
    width: 243px;
    float: left;
    padding-left: 50px;
}
#market_box h1{
    font-size: 14px;
    padding-bottom: 10px;
}
#market_border {
    font-size: 14px;
    background-color: #A99C89;
    height: 108px;
    width: 180px;
    padding: 5px;
}
#market_iframe {
    height: 106px;
    width: 178px;
    border: 1px solid #FFF;
}
#weather_box {
    height: 170px;
    width: 269px;
    float: left;
    padding-left: 55px;
}
#weather_box h1{
    font-size: 14px;
    padding-bottom: 10px;
}
#weather_border {
    font-size: 14px;
    background-color: #A99C89;
    height: 109px;
    width: 211px;
    padding: 5px;
}
#weather_iframe {
    height: 107px;
    width: 209px;
    border: 1px solid #FFF;
}
/* --- END THREE BOX AREA  --- */
/* --- CONTENT HEADER (INTERIOR)  --- */
#content_header{
    font-size: 18px;
    color: #FFF;
    background-color: #CC6D0F;
    height: 25px;
    width: 867px;
    padding-left: 14px;
    padding-top: 5px;
}
/* --- BEGIN BREADCRUMB  --- */
#breadcrumb {
    font-size: 11px;
    color: #476E95;
    text-decoration: none;
    padding-top: 10px;
    padding-left: 14px;
}
#breadcrumb a {
    text-decoration: underline;
    color: #476E95;
}
#breadcrumb a:hover {
    text-decoration: underline;
}
/* --- END BREADCRUMB  --- */
/* --- BEGIN CONTENT  --- */
#content {
    padding: 14px;
    width: 863px;
}
#content h1{
    font-size: 18px;
    color: #134271;
    padding-bottom: 10px;
}
#content h2{
    font-size: 14px;
    color: #5B4E3D;
    padding-bottom: 5px;
}
#content a {
    color: #476E95;
    text-decoration: underline;
}
#content a:hover {
    text-decoration: none;
}
#content ul {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 35px;
    list-style-type: none;
}
#content ul li{
    background-image: url(design/bullet_arrow_white.gif);
    background-repeat: no-repeat;
    background-position: 1px 4px;
    padding-left: 15px;
}
#content strong {
    font-weight: bold;
}
#content em {
    font-style: italic;
}
/* --- END CONTENT  --- */
/* --- BEGIN FOOTER  --- */
#footer_wrapper {
    width: 891px;
    padding-left: 10px;
    background-color: #FFF;
    float: left;
    background-image: url(design/bg_footer.gif);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 15px;
}
#footer_header_links {
    font-size: 13px;
    color: #369;
    width: 420px;
    float: left;
}
#footer_header_links a{
    color: #369;
    text-decoration: underline;
    font-size: 11px;
}
#footer_header_links a:hover{
    text-decoration: none;
}
#footer_header_links h1{
    font-size: 13px;
    color: #369;
    padding-bottom: 10px;
}
#footer_header_links ul li{
    display: inline;
}
#footer_reorder {
    width: 235px;
    float: left;
    text-align: center;
}
#footer_FDIC {
    width: 135px;
    float: left;
    text-align: center;
}
#footer_FDIC a{
    font-size: 11px;
    color: #369;
    text-decoration: underline;
}
#footer_FDIC a:hover{
    text-decoration: none;
}
#footer_EHL {
    width: 90px;
    float: left;
    text-align: center;
}
#footer_EHL a{
    font-size: 11px;
    color: #369;
    text-decoration: underline;
}
#footer_EHL a:hover{
    text-decoration: none;
}
.footer_notice_copyright {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    padding-right: 15px;
}
.footer_notice_copyright a{
    color: #369;
    text-decoration: underline;
    font-weight: bold;
}
.footer_notice_copyright a:hover{
    text-decoration: none;
}
#footer_id_theft {
    font-size: 13px;
    font-weight: bold;
    color: #F00;
}
#fdicNotice{
    width: 300px;
    float:right;
    text-align:center;
    padding-right: 20px;
    font-weight:bold;
}
#fdicNotice a{
    color: #914D0A;
}
#fdicNotice a:hover{
    text-decoration:none;
}
/* --- END FOOTER  --- */

/* USER STYLES */
.bg_brown {
    background: #5B4E3C;
}
.bg_blue {
    background: #1F4B78;
}
.bg_orange {
    background: #CC6D0F;
}
.bg_tan 
    background: #A89C86;
}
.white {
    color: #FFFFFF;
}
/* --- CODED BY BH  --- */