@charset "utf-8";
/* FYI: any images that are going to be changed out to accomodate the CMS are
placed in the HTML as IMG tags. Anything that will NOT change is in here as a
BACKGROUND attribute to the containers that keep it in place. This is for the
bank's safety as well as ours. */

/*  STYLES IN USE ON SPLASH AND INTERIOR  */
body {
    font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited {
    color: #339966;
}
a:hover {
    color: #339966;
    text-decoration: none;
}
form {
    margin: 0;
    padding: 0;
}

#wrapper {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    width: 735px;
    height: auto;
}

#footer {
    width: 735px;
    height: 85px;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #7f7f7f;
    text-align: right;
}
#footer a:link, #footer a:visited {
    text-decoration: none;
    color: #333;
}
#footer a:hover {
    text-decoration: underline;
    color: #333
}
#footerLinks {
    margin-top: 6px;
    width: 460px;
    height: auto;
    text-align: center;
    background-color: #FFF;
    float: right;
}

#notice {
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #7f7f7f;
    text-align: center;
    left: auto;
    right: auto;
}
#notice a:link, #notice a:visited {
    text-decoration: none;
    color: #333;
}
#notice a:hover {
    text-decoration: underline;
    color: #333
}

#navigation {
    font-family: "Arial Narrow", "Helvetica-condensed", sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #a3ba8c;
    height: 25px;
    width: 735px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-right: 0px;
    text-transform: uppercase;
}
#navigation ul {
    padding-top: 5px;
    padding-right: 10px;
    margin: 0px;
    text-align: right;
    list-style-type: none;
}
#navigation ul li {
    display: inline;
    margin-left: 13px;
    margin-top: 0px;
}
#navigation a:link, #navigation a:visited {
    color: #000;
    text-decoration: none;
}
#navigation a:hover {
    color: #FFF;
    text-decoration: none;
}


/*  STYLES FOR SUBMENUS */

#navigation ul li ul{
    visibility: hidden;
    position: absolute;
    z-index: 10;
    text-align: left;
    margin: 0 0 0 -100px;
    padding: 0;
    top: 20px;
}
#navigation ul li ul li{
    text-align: left;
    padding: 0;
    margin: 0;
    display: block;
}
#navigation ul li ul li a {
    background: #a3ba8c;
    width: 110px;
    padding: 1px 3px;
    display: block;
}
#navigation ul li ul li a:hover {
    background: #a3ba8c;
}
/* hide drop downs until you hover over main button */
#navigation li:hover ul, #navigation li:hover li:hover ul {
    visibility: visible;
}
#navigation li:hover li ul, #navigation li:hover li:hover li ul {
    visibility: hidden;
}
/* do the normal show, with increased specificity, for good browsers */
#navigation 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 #navigation li ul {
     display: none;
}


/*  STYLES IN USE ONLY ON THE SPLASH PAGE  */
#top_half_container {
    height: 265px;
    width: 735px;
}
#logo_area {
    background-image: url(/2748/mirror/design/home-logo.gif);
    background-repeat: no-repeat;
    width: 316px;
    height: 265px;
    float: left;
    text-align: center;
}
#login_area {
    width: 260px;
    left: auto;
    right: auto;
    border: 0px;
    margin-top: 200px;
    font-family: "Arial Narrow", "Helvetica-condensed", sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000;
}
#login_area a:link, #login_area a:visited {
    color: #FFF;
    text-decoration: underline;
}
#login_area a:hover{
    color: #6F8A53;
    text-decoration: underline;
}
.ibText {
    text-align: left;
}
.ibLink {
    text-align: center;
}
#img_rotator {
    background-color: #999;
    height: 265px;
    width: 419px;
    float: right;
}
#bottom_half_container {
    background-color: #993300;
    height: 169px;
    width: 735px;
}
#feature_left {
    background-color: #000;
    background-image: url(/2748/mirror/design/customer.gif);
    background-repeat: no-repeat;
    float: left;
    height: 169px;
    width: 316px;
}
#feature_right {
    float: right;
    height: 169px;
    width: 419px;
    background-color: #000;
    background-image: url(/2748/mirror/design/tagline.gif);
}
#footerImage /* BG image for homepage footer only */
{
    background-image: url(/2748/mirror/design/footer-bg.gif);
    background-repeat: no-repeat;
    height: 85px;
    width: 735px;
    text-align: right;
}

/* STYLES IN USE ONLY ON THE INTERIOR PAGES */
/* Any images set in the 'main' area of the Interiors will encounter the same
issue - they will float _FAR OFF TO THE LEFT_ of the text. If you use more
than one image on the Interiors, WRITE A NEW CLASS FOR IT. */

#header  // Goes directly underneath navigation bar
{
    height: 99px;
    width: 735px;
}
#headerLogo {
    height: 99px;
    width: 317px;
    background-image: url(/2748/mirror/design/header-logo.gif);
    background-repeat: no-repeat;
    float: left;
    text-align: center;
}
#headerImage {
    height: 99px;
    width: 418px;
    background-image: url(/2748/mirror/design/header-image.jpg);
    background-repeat: no-repeat;
    float: right;
}
#background {
    float: left;
    width: 735px;
    height: auto;
    background-color: #000;
    border-bottom: solid 1px #333;
}
#content {
    background-color: #fff2bf;
    float: right;
    height: auto;
    width: 623px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-bottom: 20px;
}
#content p {
    margin-left: 60px;
    margin-right: 15px;
}
#pageTitle {
    color: #990000;
    font-size: 20px;
    border-bottom: solid 2px #000;
    margin-left: 20px;
    padding-bottom: 15px;
}
#contentImage {
    float: left;
    left: -64px;
    position: relative;
}
#breadcrumb {
    font-size: 10px;
    margin-top: 12px;
    margin-left: 15px;
}
#breadcrumb a:link, #breadcrumb a:visited {
    text-decoration: none;
    color: #666;
}
#breadcrumb a:hover, #breadcrumb a:active {
    text-decoration: underline;
    color: #666;
}
#footer-bg {
    width: 623px;
    height: 85px;
    background-color: #FFF;
    float: right;
    text-align: right;
}