html {
    margin: 0;
    padding: 0;
}
body {
    background: url(/2203/mirror/design/bg.jpg) repeat-x top #cccccc;
    margin: 0;
}
#logo {
    width: 283px;
    height: 90px;
    float:left;
}
#interiorLeft {
    background-color: #FFFFFF;
    float: left;
    width: 220px;
}
dl {
    padding: 0;
    margin: 0;
}
.listBgSquare {
    background-image: url(/2203/mirror/design/bullet.jpg);
    background-repeat: no-repeat;
    background-position: 5px 13px;
    margin: 0px;
    padding: 0px;
}
#need2KnowText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    float: left;
    width: 173px;
    padding: 15px 10px 0 10px;


}
#need2KnowText ul {
    margin: 0;
    padding: 4px 0 4px 0;
    list-style-type: none;
}
#need2KnowText ul li {
    margin: 0;
    padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 23px;
} 
#need2KnowText ul li a {
    color: #ffffff;
    text-decoration: none;
} 
#need2KnowText ul li a:hover {
    text-decoration: underline;
} 
.boldWhite13px {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
}
#wrapper {
    width: 952px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
#navArea {
    float: left;
    height: 49px;
    width: 951px;
    background-color: #333333;
}
#splashMainContainer {
    float: left;
    width: 951px;
    background-color: #FFFFFF;
}
#interiorRight {
    float: left;
    width: 729px;
    overflow:hidden;
}
#interiorHead {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #999999;
    text-align: left;
    float: left;
    height: 22px;
    width: 719px;
    padding-left: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding-top: 8px;
}
#logo_printonly{   
    display: none;
}

#content {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    text-align: left;
    padding: 10px;
    float: left;
    width: 710px;
    line-height: 1.25;
}
#content p {
    margin: 3px 0 9px 0;
} 
#content a, #splashContent a {
    color: #4018AD;

}
#content a:hover,  #splashContent a:hover {
    color: #999999;

}
#content blockquote {
    font-weight: bold;
    font-size:12px;
    color: #4018AD;
    margin: 2px 0 0 20px;
    line-height: 1.5;
}
#content blockquote a {
    text-decoration: none;

}
#content blockquote a:hover {
}

#content h2 {
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 2px 0;    
    padding: 0;
    color: #4018AD; 
}

#content ul {    
    margin: 1px 0 2px 25px;
}

.table_heading * {    
    color: #FFFFFF;
    font-weight: bold;
}

#stock_photo img {
    background: #ffffff; 
    border: .1em solid #4018AD;
    margin: 3px 3px 15px 15px;
    padding: .15em;
}

#leftColumn {
    float: left;
    /*height: 637px;*/
    width: 220px;
    padding-bottom: 2px;
}
#rightColumn {
    float: left;
    height: 637px;
    width: 731px;
}
#blue {
    background-color: #4018AD;
    float: left;
    height: 14px;
    width: 948px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
}
#need2knowArea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #4018AD;
    float: left;
    width: 196px;
    border-top-width: 9px;
    border-right-width: 12px;
    border-bottom-width: 10px;
    border-left-width: 12px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
}
#bankInfoArea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #4018AD;
    float: left;
    padding-bottom: 9px;
    width: 196px;
    border-right-width: 12px;
    border-bottom-width: 10px;
    border-left-width: 12px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
}
#weatherArea {
    background-color: #4018AD;
    float: left;
    /*height: 185px;*/
    width: 196px;
    border-right-width: 12px;
    border-bottom-width: 1px;
    border-left-width: 12px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-color: #4018AD;
    border-left-color: #FFFFFF;
}
#weatherHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    height: 21px;
    width: 183px;
    padding-top: 7px;
    padding-left: 12px;
}
#iframe {
    height: 144px;
    width: 191px;
    float: left;
    border-right-width: 2px;
    border-left-width: 2px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #4018AD;
    border-left-color: #4018AD;
}
#stocksLink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    height: 21px;
    width: 195px;
    text-align: center;
    padding-top: 7px;
}
#splashPhoto {
    float: left;
    height: 426px;
    width: 731px;
}
#splashContent {
    float: left;
    /*height: 201px;*/
    width: 721px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
}

#splashContent p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #333333;
    padding: 0 35px 0 15px;

}
.splashContentHead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #4018AD;
}
#footerArea {
    float: left;
    height: 137px;
    width: 948px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    background-color: #FFFFFF;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
    position: relative;
}
#icon_links{
    width: 250px;
    height: 50px;
    position: absolute;
    top: 23px;
    left: 450px;

}
#footerLinks {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #4018AD;
    float: left;
    height: 51px;
    width: 751px;
    padding-left: 12px;
    padding-top: 5px;
    line-height: 20px;
}
#footerLinks a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #4018AD;
    text-decoration: underline;
    padding: 0 8px 0 0;
}
#footerLinks a:hover {
    text-decoration: none;
}
#logoFDIC {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4018AD;
    text-align: center;
    float: left;
    height: 46px;
    width: 94px;
    padding-top: 2px;
}
#logoFDIC a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4018AD;
    text-decoration: underline;
}
#logoFDIC a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4018AD;
    text-decoration: none;
}
#footerNotice {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #333333;
    float: left;
    height: 25px;
    width: 929px;
    padding: 5px 7px 7px 12px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
}
#footerNotice a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #DFEAFF;
    text-decoration: underline;
}
#footerNotice a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #DFEAFF;
    text-decoration: none;
}
#footerCopyright {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    float: left;
    height: 16px;
    width: 935px;
    padding-left: 12px;
    padding-top: 5px;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #4018AD;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #FFFFFF;
}
#footerCopyright a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4018AD;
    text-decoration: underline;
}
#footerCopyright a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4018AD;
    text-decoration: none;
}
.footerHead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #4018AD;
}
#top {
   /* background-image: url(/2203/mirror/design/splash_r1_c1.jpg);*/
    background: #333333;
    background-repeat: no-repeat;
    float: left;
    height: 99px;
    width: 951px;
}
#logoEHL {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4018AD;
    text-align: center;
    float: left;
    height: 40px;
    width: 91px;
    padding-top: 12px;
}
#logoEHL a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4018AD;
    text-decoration: underline;
}
#logoEHL a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #4018AD;
    text-decoration: none;
}
#bankInfoText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    float: left;
    width: 183px;
    padding-left: 12px;
    padding-top: 12px;
}
#date {
    float: left;
    width: 183px;
    padding-top: 12px;
    padding-left: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}
#topRightArea {
    float: right;
    height: 99px;
    width: 293px;
}
#topLinks {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-align: right;
    float: left;
    height: 12px;
    width: 293px;
    padding-top: 13px;
}
#topLinks a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
}
#topLinks a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: underline;
}

#loginArea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    text-align: right;
    float: left;
    width: 281px;
    padding-right: 12px;
    padding-top: 13px;
    margin: 0;
}

#loginArea .text {
    color: #FFFFFF;
}

#loginArea .buttons{
    margin-top:3px;
}

.form {
    margin: 0px;
}
.loginButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #4018AD;
    text-align: center;
    padding: 0px;
    height: 15px;
    width: 48px;
    border: 1px solid #FFFFFF;
}
.onlineHead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}
.access {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
}
.submitButton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #4018AD;
    padding: 0px;
    height: 15px;
    width: 78px;
    border: 1px solid #FFFFFF;
}
.textfield {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0 0 0px 0;
    height: 17px;
    width: 126px;
    border: 1px solid #000000;
}
.boldWhite10px {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}
#navlist {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    float: left;
    width: 951px;
}
#navlist ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    font: Verdana, Arial, Helvetica, sans-serif;
}
#navlist ul li {
    font: Verdana, Arial, Helvetica, sans-serif;
    float: left;
    display: inline;
    position: relative;
}
#navlist ul li a {
    display: block;
    background: url(/2203/mirror/design/bt_nav_f1.jpg)  no-repeat #cccccc;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    width: 190px;
    height: 25px;
    padding-top: 24px;
    padding-bottom: 0px;
}
#navlist ul li a:hover {
    color: #4316AD;
    background: url(/2203/mirror/design/bt_nav_f2.jpg)  no-repeat #cccccc ;
    text-decoration: none;
    font: Verdana, Arial, Helvetica, sans-serif;
    background-repeat: no-repeat;
    padding-top: 22px;
    height: 27px;
}

#navlist ul li ul{
    visibility: hidden;
    position: absolute;
    z-index: 10;
    width: 185px;
    top: 46px;  
    left: 1px; 
    border: 1px #cccccc solid;
    
}
#navlist ul li ul li{
    text-align:center;
    padding: 0;
    margin: 0;
    border: 1px solid #cccccc;
}
#navlist ul li ul li a{
    padding: 4px 0 0 0;
    margin: 0;
    width: 185px;

    background: #f7f7f7;
    height: 17px;
}
#navlist ul li ul li a:hover{
    padding: 4px 0 0 0;
    margin: 0;
    background: #ffffff;
        height: 17px;
}

/* hide drop downs until you hover over main button */
#navlist li:hover ul, #navlist li:hover li:hover ul {
    visibility: visible;
}
#navlist li:hover li ul, #navlist li:hover li:hover li ul {
    visibility: hidden;
}
/* do the normal show, with increased specificity, for good browsers */
#navlist 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 #navlist li ul {
     display: none;
}


#interiorMainContainer {
    float: left;
    width: 950px;
    background-color: #FFFFFF;
}