@charset "utf-8";
/* CSS Document */
body {
    background: url(/2758/mirror/design/bg_4.jpg) top repeat-x #245468;
    background-attachment: fixed;
}

#wrapper{
    width: 758px;
    margin: 0 auto;
    border: 2px #ffffff solid;
    background: #122B5F;
}




/* SPLASH styles only*/
#spa_header{
    width: 758px;
    height: 124px;
    background: url(/2758/mirror/design/spa_header.jpg);
    position: relative;
}
#online_banking {    
    position: absolute;
    top: 65px;
    left: 610px;
}

#spa_col_wrapper {
    width: 758px;
    height: 254px;
}
#spa_left_col{
    width: 175px;
    height: 235px; /*254px*/
    background: url(/2758/mirror/design/spa_left.jpg) #00344C;
    float: left;
    padding-top: 19px;
}
#spa_right_col {
    width: 583px;
    height: 254px;
    background: url(/2758/mirror/images/pic_rotate_01.jpg) #00344C;
    float: right;
    
}
#spa_blue_bar {
    width: 758px;
    height: 33px;
    background: url(/2758/mirror/design/spa_blue_bar.jpg) repeat-x #122B5F;
    overflow: hidden ;
}
#spa_blue_bar marquee {
    width: 850px;
    font-family:Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    padding-top: 4px;
}
#feature_row{
    width: 758px;
    height: 176px;
    background: url(/2758/mirror/design/feature_row.jpg) #ffffff;

}
.feature_box_long {
    width: 360px;
    height: 176px;
    float: left;
}
.feature_box_short {
    width: 199px;
    height: 176px;
    float: left;
    overflow: hidden;
}
.feature_box_short p{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 9px;
    margin: 0;
    padding: 0 8px 0 8px;
}
.feature_box_short iframe{
    margin: 8px 0 0 7px ;
}
.feature_box_long h1, .feature_box_short h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 17px;
    color: #122B5F;
    margin: 0 ;
    padding: 6px 0 0 12px;
}
.feature_box_long p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000033;
    margin: 0;
    padding: 9px 0 0 12px;
}
.feature_box_long a {
    color: #005896;
}
.feature_box_long a:hover {
    color: #556677;
}
/*Interior Styles */
#int_header {
    width: 758px;
    height: 136px;
    background: url(/2758/mirror/design/int_header.jpg);
}
#int_col_wrapper {
    width: 758px;
}
#int_left_col{
    width: 180px; /*175*/
    height: 263px; /*275 - 12padding*/
    background: url(/2758/mirror/design/int_left.jpg) #122B5F;
    float: left;
    padding-top: 12px;
}
#int_right_col {
    width: 577px; /*582*/
    background: url(/2758/mirror/design/int_right_bg.jpg) repeat-x top #ffffff;
    float: right;
    border-right: 1px solid #122B5F;
}
#content {
    margin: 35px 18px 15px 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    color: #666666;
}
#content h1{
    font-size: 15px;
    color: #0768A9;
    margin: 10px 0 3px 0;
    padding: 0;
    text-transform: uppercase;
    font-variant: small-caps;
    letter-spacing: .04em;
}
#content h2{
    font-size: 13px;
    color: #0768A9;
    margin: 12px 0 0px 0;
    padding: 0;
}
#content p{
    margin: 0;
    padding: 2px 0 8px 0;
    text-align: justify;
    line-height: 1.25;
}
#content a {color: #666666;}
#content a:hover{color: #122B5F;}
#content ul {
    margin: 0 0 5px 35px;
}
#content blockquote{
    padding: 0;
    margin: 0;
}
#content blockquote ul {
    list-style-type: none;
    margin: 0 0 5px 15px;
}
#content blockquote ul li{
    line-height: 22px;
    padding-left: 22px;
    background-image: url(/2758/mirror/design/sail_bullets.gif);
    background-repeat: no-repeat;
    background-position: 0 0.2em;
}
#content blockquote ul li a{
    font-weight: bold;
    /*text-decoration: none;*/
    color: #556677;
}
#content blockquote ul li a:hover{
    color: #122B5F;
}
#board_directors img{
    background: #ffffff; 
    border: 1px solid #122B5F;
    padding: .15em;
    margin: 0 0 5px 15px;
}

.presto {
    margin: 0 55px 0 0;
}


#breadcrumb{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    margin-left: -3px;
}
#breadcrumb a{
    text-decoration: none;
    color: #666666;
    padding: 0 3px 0 3px;
}
#breadcrumb a:hover{color: #122B5F;}
#stock_photo img {
    background: #ffffff; 
    border: 1px solid #122B5F;
    margin: -15px 0px 15px 15px;
    padding: .15em;
}

/*Navigation Styles*/
#navlist{
    width: 156px;
    margin: 0 0  0 11px; 
}
#navlist ul {
    list-style:none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #000033;
        float:left;
}
#navlist ul li{
    padding: 0;
    margin: 0;
    border-top: 1px solid #A9B8C1;
    border-bottom: 1px solid #000033;    
    position:relative;

}
#navlist ul li a{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #223344;
    display:block;
    background:url(/2758/mirror/design/nav_button.jpg) no-repeat #668AA4;
    padding: 2px 0 0 12px;
    margin: 0;
    height: 17px;
    width: 144px; /*156px - 12px left padding */
}
#navlist ul li a:hover{
    color: #ffffff;
    background:url(/2758/mirror/design/nav_button_over.jpg);
}

#navlist ul li ul {
    visibility: hidden;
    position: absolute;
    z-index: 25;
    top: -1px;
    left: 156px;
}

#navlist ul li ul li{
    background: #0A51A1;
    width: 156px;
    padding: 0; 
    margin: 0;
    float:left;
}

#navlist li:hover ul,
#navlist li:hover li:hover ul {
    visibility: hidden;
}
#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: hidden;
}


/* Footer Styles*/
#footer_bar{
    width: auto;
    height: 16px;
    background: url(/2758/mirror/design/footer_bar.gif) repeat-x #1872AF;
    clear: both;
}
#footer_area {
    width: auto;
    color: #005896;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
#footer_area p{
    margin: 0;
    padding: 0px 0 10px 0;
}
#footer_area a {
    color: #005896;
    padding: 0 3px 0 3px;
}
#footer_area a:hover {color: #556677}
#footer_area h1{
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #122B5F;
    margin: 0;
    padding: 0 0 0 0;
}
#footer_area .logo_links a {
    font-family: "Times New Roman", Times, serif;
    font-size: 13px;
    text-transform: uppercase;
    color: #000033;
    font-weight: bold;
    text-decoration: none;
}
#footer_area .logo_links a:hover {
    text-decoration: underline;
    color: #223344;

}

#notice {
    background: #1872AF;
    height: 57px;
}
#notice p {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000033;
    border: 1px solid #000033;
    margin: 3px;
    padding: 3px 6px 3px 6px;
}
#notice a {color: #000066;}
#notice a:hover {color: #000000;}
#copyright {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #000022;
    color: #ffffff;
    padding: 5px;
}
#copyright a {color: #eeeeee;}
#copyright a:hover {color: #aabbcc;}