/* ------- NORMALIZES EVERYTHING ------- */
*{    
    font: "Trebuchet MS", Arial, Helvetica, sans-serif ;
    font-size: 12px;
    padding: 0;
    margin: 0;
    list-style-type: none;
    border: none;
}
/* ------- END NORMALIZING EVERYTHING ------- */
/* ------- GENERAL STYLES BEGIN ------- */
#bg {
    background-attachment: fixed;
    background-image: url(/design/bg.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
#wrapper {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background-image: url(/design/wrapper_bg.jpg);
    background-repeat: repeat-y;
    width: 932px;
}
#header {
    background-image: url(/design/header.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 118px;
    width: 932px;
}
#main {
    width: 912px;
    overflow: visible;
    float: left;
    padding: 0px 10px 0px 10px;
    background-image: url(/design/wrapper_bg.jpg);
    background-repeat: repeat-y;
    background-position: center top;
}
#left {
    float: left;
    width: 245px;
}
/* ------- NAVIGATION BEGINS ------- */
#nav {
    background-image: url(/design/nav.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 252px;
    width: 216px;
padding-top: 61px;
padding-left: 25px;

}
#nav ul {
    
    }
#nav ul li {
    list-style-type: none;
    width: 227px;
    height:40px;
    position: relative;
    float: left;
}
#nav ul li a {
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: "Trebuchet MS";
    text-decoration: none;
    display: block;
    /*height: 40px;*/
}
#nav ul li a:hover {
    color: #B8D687;
}

#nav ul li ul {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 227; /* usually the width of the main button */
}
#nav ul li ul li{
    width: 185px;
}
#nav li:hover ul, #nav li:hover li:hover ul {visibility: visible;}
#nav li:hover li ul, #nav li:hover li:hover li ul {visibility: hidden;}
#nav li:hover>ul {display: block;visibility: visible;}
 
/* ------- NAVIGATION ENDS ------- */
#online_banking {
    background-image: url(/design/online_banking.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 153px;
    width: 241px;
    padding-left: 12px;
    padding-top: 23px;
}
#online_banking h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFCC00;
    font-weight: normal;
    margin-bottom: 3px;
}
#online_banking h2 {
    font-family: "Trebuchet MS";
    font-size: 15px;
    color: #FFFFFF;
    font-weight: normal;
}
#online_banking ul {
    padding-top: 20px;
    padding-left: 40px;
}
#online_banking ul li {
    background-image: url(/design/bullet_yellow.jpg);
    background-repeat: no-repeat;
    background-position: 1px 4px;
    padding-left: 17px;
    font-family: "Trebuchet MS";
}
#online_banking a {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    height: 22px;
}
#online_banking a:hover {
    color: #CCCDD2;
}
#right {
    float: right;
    width: 658px;
}
/* ------- GENERAL STYLES END ------- */
/* ------- SPLASH STUFF BEGINS ------- */
.separator  {
 font-family: "Trebuchet MS";
    float: left;
    width: 632px;
    background-image: url(/design/separator.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 10px 0px 10px 25px;
}
.separator h1 {
    font-family: "Trebuchet MS";
    font-size: 16px;
    color: #5A688B;
}
.separator h2 {
    font-family: "Trebuchet MS";
    font-size: 15px;
    color: #5A688B;
}
.separator h3 {
    font-size: 12px;
    font-weight: bolder;
    color: #5A688B;
    padding-bottom: 10px;
    font-family: "Trebuchet MS";
}
.arrow3 {
    float: left;
    padding: 7px 0px 0px 3px;
}
.arrow3 li {
    width: 180px;
    float: left;
    display: inline;
    font-size: 12px;
    list-style-position: inside;
    padding-left: 15px;
    background-image: url(/design/bullet_yellow_arrow.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    height: 16px;
}
.arrow3 a {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-family: "Trebuchet MS";
}
.arrow3 a:hover {
    font-size: 12px;
    color: #000000;
    text-decoration: underline;
}
.arrow2 {
    float: left;
    width: 395px;
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
}
.arrow2 li {
    width: 180px;
    float: left;
    display: inline;
    font-size: 12px;
    list-style-position: inside;
    padding-left: 15px;
    background-image: url(/design/bullet_yellow_arrow.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    height: 16px;
}
.arrow2 a {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-family: "Trebuchet MS";
}
.arrow2 a:hover {
    font-size: 12px;
    color: #000000;
    text-decoration: underline;
}
.half {
    width: 316px;
    float: left;
}
.visa {
    float: right;
    padding-right: 35px;
}
.checking {
    float: right;
    padding-right: 35px;
}
.half  p  {
    width: 164px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    height: 80px;
}
.moreInfo {
    color: #FFBB00;
    text-decoration: underline;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(/design/bullet_green_arrow.jpg);
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    float: left;
    padding-bottom: 15px;
}
.moreInfo:hover {
    color: #FFBB00;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(/design/bullet_green_arrow.jpg);
    padding-left: 17px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    float: left;
    padding-bottom: 15px;
}
/* ------- SPLASH STUFF ENDS ------- */
/* ------- INTERIOR STUFF BEGINS ------- */
#breadcrumb {
    float: left;
    width: 633px;
    padding: 12px;
    font-size: 12px;
    color: #666;
    font-family: "Trebuchet MS";
}
#breadcrumb ul {
    padding-left: 23px;
    float: left;
    width: 500px;
}
#breadcrumb ul li {
    float: left;
    display: inline;
    padding-right: 3px;
}
#breadcrumb ul li a {
    color: #666;
    text-decoration: none;
    font-size: 12px;
    padding-right: 4px;
}
#breadcrumb ul li a:hover {
    color: #666;
    text-decoration: underline;
    font-size: 12px;
    padding-right: 4px;
}
#content {
    float: left;
    width: 603px;
    padding: 0px 20px 10px 35px;
    font-family: "Trebuchet MS";
}
#content ul {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
}
#content ul li {
    background-image: url(/design/bullet_green_arrow.jpg);
    background-repeat: no-repeat;
    background-position: 1px 4px;
    padding-left: 17px;
}
#content h1 {
    font-size: 20px;
    color: #5A688B;
    font-weight: bold;
    margin-bottom: 5px;
}
#content p {
    margin-bottom: 10px;  
}
#content  a  {
    color: #5A688B;
    text-decoration: underline;
}
#content   a:hover  {
    text-decoration: none;
}
#content strong {
    font-weight: bold;
}
#content em {
    font-style: italic;
}

#content table input {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    }
#content table textarea {
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    }
#content table td {
padding: 3px;
}
.targetTop {
    float: left;
    width: 500px;
    font-size: 12px;
    color: #5A688B;
    text-decoration: underline;
    background-image: url(arrow5.jpg);
    background-repeat: no-repeat;
    background-position: left 2px;
    padding: 0px 0px 40px 16px;
}
.targetTop:hover {
    float: left;
    width: 500px;
    font-size: 12px;
    text-decoration: none;
    background-image: url(arrow5.jpg);
    background-repeat: no-repeat;
    background-position: left 2px;
    padding: 0px 0px 40px 16px;
}
.targetList {
    float: left;
    width: 250px;
    padding: 10px 372px 30px 0px;
}
.targetList a {
    color: #5A688B;
    text-decoration: underline;
    font-size: 12px;
    line-height: 16px;
}
#content h4 {
    float: left;
    padding: 20px 0px 0px 0px;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    text-transform: uppercase;
}
#content h3 {
    font-size: 14px;
    color: #5A688B;
    font-weight: bold;
    padding-bottom: 13px;
}
#content h2 {
    font-size: 14px;
    color: #659A01;
    font-weight: bold;
    margin-bottom: 10px;
}
/* ------- INTERIOR STUFF ENDS ------- */
/* ------- FOOTER BEGINS ------- */
#footer {
    width: 912px;
    float: left;
    padding: 0px 10px 0px 10px;
    background-image: url(/design/wrapper_bg.jpg);
    background-repeat: repeat-y;
    font-family: "Trebuchet MS";
}
.footerTop {
    float: left;
    height: 43px;
    width: 911px;
    background-image: url(/design/bottom_bar.jpg);
    background-repeat: no-repeat;
}
#footer h1 {
    font-family: "Trebuchet MS";
    float: left;
    font-size: 20px;
    color: #5A688B;
    padding-top: 20px;
    padding-left: 45px;
    padding-bottom: 5px;
    width: 872px;
}
#footer ul {
    float: left;
    width: 832px;
    padding-right: 35px;
    padding-left: 45px;
    padding: 0px 35px 5px 45px;
}
#footer ul li {
    display: inline;
    float: left;
    padding-right: 2px;
}
#footer ul li a {
    padding-right: 3px;
    color: #5A688B;
    text-decoration: none;
}
#footer ul li a:hover {
    padding-right: 3px;
    text-decoration: underline;
}
.notice {
    float: left;
    width: 819px;
    padding-right: 45px;
    padding-left: 45px;
}
.notice a {
    color: #5A688B;
    text-decoration: underline;
    font-weight: bold;
}
.notice a:hover {
    text-decoration: none;
}
.copyright {
    float: left;
    width: 565px;
    padding: 5px 45px 0px 45px;
}
.copyright  a {
    padding-right: 3px;
    color: #5A688B;
    text-decoration: underline;
    font-weight: bold;
}
.copyright a:hover {
    padding-right: 3px;
    text-decoration: none;
}
.logos {
    float: right;
    height: 52px;
    width: auto;
    padding-top: 6px;
}
.fdic {
    padding-right: 17px;
    height: 52px;
    width: 93px;
}
.ehl {
    padding-right: 81px;
    height: 52px;
    width: 37px;
}
/* ------- FOOTER ENDS ------- */
/* ------- THE END! ------- */