@charset "utf-8";
/* CSS Document */
#splash {
    background-image: url(/2209/mirror/design/splash-bg.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    float: left;
    height: 573px;
    width: 874px;
}
#splash .top {
    float: left;
    height: 415px;
    width: 874px;
}
#left {
    width: 275px;
    height: 415px;
    float: left;
    background-image: url(/2209/mirror/design/hopeSlogan.jpg);
    background-repeat: no-repeat;
    background-position: right 315px;
}
#left .splashLogo {
    float: left;
    height: 94px;
    width: 265px;
    padding-right: 10px;
    background-color: #FFFFFF;
}
#navlist    {
    float: left;
    width: 239px;
    padding-left: 20px;
    padding-right: 16px;
    height: auto;
    padding-top: 20px;
}
#navlist ul {
    float: left;
    height: auto;
    width: 239px;
}
#navlist  ul  li   {
    float: left;
    height: 20px;
    list-style-type: none;
    font-size: 13px;
    width: 239px;
    display: block;
    position: relative;
}
#navlist ul li a {
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #F2F2F2;
    height: 19px;
    width: 239px;
    text-decoration: none;
}
#navlist ul li a:hover {
    font-size: 13px;
    font-weight: bold;
    color: #510403;
    float: left;
    height: 19px;
    width: 239px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E0DBBD;
    text-decoration: none;
}


#navlist ul li ul {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 225px; /* usually the width of the main button */
    background: #13634A;    
}
#navlist ul li ul li{
    width: 185px;
}
#navlist ul li ul li a:hover{
    background: #F0F0E1;
}
#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;}
#navlist li:hover>ul {display: block;visibility: visible;}





#splashIMG {
    float: right;
    height: 415px;
    width: 599px;
}
#features {
    float: left;
    height: 143px;
    width: 874px;
    padding-bottom: 6px;
}
#features h1 {
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    float: left;
    height: 17px;
/*    padding-bottom: 9px;*/
}
.feature1 {
    float: left;
    height: 143px;
    width: 193px;
    background-image: url(/2209/mirror/design/curveBox1.jpg);
    background-position: 5px 17px;
    background-repeat: no-repeat;
    padding: 0px 17px 0px 16px;
}
.feature1 h1 {
    padding-bottom: 9px;
}
.feature1 .left {
    float: left;
    width: 79px;
    height: 70px;
    margin-top: 6px;
}
.feature1 .left h3 {
    font-size: 14px;
    color: #333;
    float: left;
    padding-top: 13px;
    padding-bottom: 13px;
}
.feature1 .left ul {
    float: left;
    width: 79px;
    list-style-type: none;
}
.feature1 .left ul li {
    float: left;
    width: 79px;
}
.feature1 .left ul li a {
    font-size: 9px;
    text-transform: uppercase;
    color: #666666;
    text-decoration: underline;
    font-weight: normal;
    width: 79px;
}
.feature1 .left ul li a:hover {
    font-size: 9px;
    text-transform: uppercase;
    color: #333333;
    text-decoration: none;
    font-weight: normal;
    width: 79px;
}


.feature1 #ibAccount {
    float: right;
    width: 114px;
    height: 70px;
    margin-top: 6px;
}
#ibAccount input {
    float: left;
    margin-top: 6px;
}
#ibAccount #text {
    height: 24px;
    width: 108px;
    border: 1px solid #000000;
    float: left;
    margin-top: 8px;
    font-size: 13px;
    line-height: 13px;
    font-family: Arial, Helvetica, sans-serif;
}
.feature1   h2 {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    width: 190px;
    height: 18px;
    background-color: #13624A;
    padding-left: 3px;
}
.feature2 {
    float: left;
    height: 143px;
    width: 193px;
    background-image: url(/2209/mirror/design/curveBox2.jpg);
    background-repeat: no-repeat;
    padding: 0px 17px 0px 11px;
    background-position: left 17px;
}
.floatLeft {
    float: left;
}
.feature2 h2 {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    width: 190px;
    height: 18px;
    background-color: #13624A;
    padding-left: 3px;
}
.feature2 h1 {
    padding-bottom: 9px;
}
.feature3 {
    float: left;
    height: 143px;
    width: 193px;
    background-image: url(/2209/mirror/design/curveBox3.jpg);
    background-repeat: no-repeat;
    padding: 0px 8px 0px 7px;
    background-position: 0px 17px;
}
.feature3 h1 {
    padding-bottom: 9px;
}
.feature4 {
    float: left;
    height: 143px;
    width: 193px;
    background-image: url(/2209/mirror/design/curveBox4.jpg);
    background-repeat: no-repeat;
    padding: 0px 8px 0px 14px;
    background-position: 6px 17px;
}
.feature4 h1 {
    padding-bottom: 3px;
}