body
{
    margin: 0;
    padding: 0;
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #ffffff;
}

a:link {text-decoration: underline; color:#000000}
a:visited {text-decoration: underline; color:#000000}
a:active {text-decoration: underline; color:#000000}
a:hover {text-decoration: underline; color:#1563aa}

#logo
{
    position: absolute;
    left: 16px;
    top: 27px;
}

#container
{
    padding-top: 7px;
    padding-bottom: 15px;
    padding-left: 8px;
    width: 760px;
}

#menu-top
{
    text-align: right;
}

#menu-top a:link {text-decoration: none; color:#999999}
#menu-top a:visited {text-decoration: none; color:#999999}
#menu-top a:active {text-decoration: none; color:#999999}
#menu-top a:hover {text-decoration: none; color:#0060aa}

.menu-top-bar
{
    color: #03b8ec;
    font-size: 12px;
}

#line-left
{
    width: 6px;
    vertical-align: top;
    background-image: url(/images/background_left.gif);
}

#line-center
{
    width: 8px;
    vertical-align: top;
    background-image: url(/images/background_center.gif);
}

#line-right
{
    width: 6px;
    vertical-align: top;
    background-image: url(/images/background_right.gif);
}

#header
{
    width: 570px;
    vertical-align: top;
}

#left-column
{
    width: 170px;
    vertical-align: top;
    background-color: #00bff3;
    background-image: url(/images/logo_background.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
}

#online-banking
{
    font-size: 10px;
    padding: 5px 10px 5px 10px;
    margin: 0;
}

#online-banking a:link {text-decoration: none; color:#000000}
#online-banking a:visited {text-decoration: none; color:#000000}
#online-banking a:active {text-decoration: none; color:#000000}
#online-banking a:hover {text-decoration: none; color:#0060aa}

.online-banking-bar
{
    color: #ffffff;
    font-size: 12px;
}

#lock
{
    float: right;
    margin-right: 10px;
}

#search
{
    display: inline;
    color: #999999;
    margin: 0px 0px 0px 20px;
}

input, select
{
    font-size: 10px;
}

#menu-left-container
{
    background-color: #ffffff;
    padding: 3px 0px 3px 3px;
}

#menu-left
{
    background-image: url(/images/dots.gif);
}

#menu-left a
{
    display: block;
    font-weight: bold;
    padding: 1px 0px 1px 15px;
    margin-bottom: 1px;
}

#content
{
    vertical-align: top;
}

#sidebar
{
    width: 180px;
    vertical-align: top;
    background-image: url(/images/dots.gif);
    padding: 10px;
}

#footer-drop-shadow
{
    margin-bottom: 6px;
}

#checking {border-left: #016e35 7px solid}
#checking:link {text-decoration: none; color:#666666}
#checking:visited {text-decoration: none; color:#666666}
#checking:active {text-decoration: none; color:#666666}
#checking:hover {text-decoration: none; color:#ffffff; background-color: #016e35}

#checking.on:link, #checking.on:visited, #checking.on:active, #checking.on:hover {text-decoration: none; color:#ffffff; background-color: #016e35}

#savings-investments {border-left: #00bff3 7px solid}
#savings-investments:link {text-decoration: none; color:#666666}
#savings-investments:visited {text-decoration: none; color:#666666}
#savings-investments:active {text-decoration: none; color:#666666}
#savings-investments:hover {text-decoration: none; color:#ffffff; background-color: #00bff3}

#savings-investments.on:link, #savings-investments.on:visited, #savings-investments.on:active, #savings-investments.on:hover {text-decoration: none; color:#ffffff; background-color: #00bff3}

#loans {border-left: #1563aa 7px solid}
#loans:link {text-decoration: none; color:#666666}
#loans:visited {text-decoration: none; color:#666666}
#loans:active {text-decoration: none; color:#666666}
#loans:hover {text-decoration: none; color:#ffffff; background-color: #1563aa}

#loans.on:link, #loans.on:visited, #loans.on:active, #loans.on:hover {text-decoration: none; color:#ffffff; background-color: #1563aa}

#mortgage {border-left: #003580 7px solid}
#mortgage:link {text-decoration: none; color:#666666}
#mortgage:visited {text-decoration: none; color:#666666}
#mortgage:active {text-decoration: none; color:#666666}
#mortgage:hover {text-decoration: none; color:#ffffff; background-color: #003580}

#mortgage.on:link, #mortgage.on:visited, #mortgage.on:active, #mortgage.on:hover {text-decoration: none; color:#ffffff; background-color: #003580}


#credit-cards {border-left: #8dc63f 7px solid}
#credit-cards:link {text-decoration: none; color:#666666}
#credit-cards:visited {text-decoration: none; color:#666666}
#credit-cards:active {text-decoration: none; color:#666666}
#credit-cards:hover {text-decoration: none; color:#ffffff; background-color: #8dc63f}

#credit-cards.on:link, #credit-cards.on:visited, #credit-cards.on:active, #credit-cards.on:hover {text-decoration: none; color:#ffffff; background-color: #8dc63f}

#account-extras {border-left: #0598c0 7px solid}
#account-extras:link {text-decoration: none; color:#666666}
#account-extras:visited {text-decoration: none; color:#666666}
#account-extras:active {text-decoration: none; color:#666666}
#account-extras:hover {text-decoration: none; color:#ffffff; background-color: #0598c0}

#account-extras.on:link, #account-extras.on:visited, #account-extras.on:active, #account-extras.on:hover {text-decoration: none; color:#ffffff; background-color: #0598c0}

#rates {border-left: #4ab867 7px solid}
#rates:link {text-decoration: none; color:#666666}
#rates:visited {text-decoration: none; color:#666666}
#rates:active {text-decoration: none; color:#666666}
#rates:hover {text-decoration: none; color:#ffffff; background-color: #4ab867}

#rates.on:link, #rates.on:visited, #rates.on:active, #rates.on:hover {text-decoration: none; color:#ffffff; background-color: #4ab867}

.menu-left-item
{
    border-bottom: #ffffff 1px solid;
}

#footer-right a:link {text-decoration: none; color:#999999}
#footer-right a:visited {text-decoration: none; color:#999999}
#footer-right a:active {text-decoration: none; color:#999999}
#footer-right a:hover {text-decoration: none; color:#0060aa}

#footer-left
{
    position: relative;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

#footer-right
{
    width: 100%;
    text-align: right;
    vertical-align: top;
    color: #999999;
    line-height: 16px;
    padding-right: 10px;
}

.footer-buttons
{
    position: absolute;
    left: 5px;
    visibility: hidden;
    color: #ffffff;
    font-size: 10px;
}

#equal-housing-lender
{
    top: -70px;
}

#ncua
{
    top: -70px;
}

#sub-navigation
{
    margin-bottom: 15px;
}

#sub-navigation a:link {text-decoration: none; color:#00000}
#sub-navigation a:visited {text-decoration: none; color:#00000}
#sub-navigation a:active {text-decoration: none; color:#00000}
#sub-navigation a:hover
{
    text-decoration: none;
    color:#0060aa;
    list-style-image: url(/images/arrow_bullet.gif);
}

#sub-navigation a.on
{
    color:#0060aa;
}

#sub-navigation ul
{
    margin: 0px 0px 0px 15px;
    padding: 0px;
    list-style: none;
}

#sub-navigation li
{
    margin-bottom: 5px;
}

#sub-navigation li.on
{
    list-style-image: url(/images/arrow_bullet.gif);
}

#sub-navigation li.on a
{
    color:#0060aa;
}

#sub-navigation li:hover
{
    list-style-image: url(/images/arrow_bullet.gif);
}

.drop-menu
{
    position: absolute;
    left: 184px;
    visibility: hidden;
    width: 180px;
    font-size: 10px;
    background-color: #f3f3f3;
    border-top: 1px #dddddd solid;
    border-left: 1px #dddddd solid;
    border-right: 1px #dddddd solid;
}

.drop-menu a
{
    display: block;
    width: 155px;
    padding: 2px 10px 2px 15px;
    border-bottom: #dddddd 1px solid;
}

.drop-menu a:link {text-decoration: none; color:#333333}
.drop-menu a:visited {text-decoration: none; color:#333333}
.drop-menu a:active {text-decoration: none; color:#333333}

#drop-menu-checking a:hover
{
    text-decoration: none;
    color:#333333;
    background-color: #aed2bf;
}

#drop-menu-savings-investments a:hover
{
    text-decoration: none;
    color:#333333;
    background-color: #a6e9fb;
}

#drop-menu-loans a:hover
{
    text-decoration: none;
    color:#333333;
    background-color: #adc9e1;
}

#drop-menu-mortgage a:hover
{
    text-decoration: none;
    color:#333333;
    background-color: #adc9e1;
}


#drop-menu-credit-cards a:hover
{
    text-decoration: none;
    color:#333333;
    background-color: #d7ebbc;
}

#drop-menu-account-extras a:hover
{
    text-decoration: none;
    color:#333333;
    background-color: #a8dbe9;
}

#drop-menu-rates a:hover
{
    text-decoration: none;
    color:#333333;
    background-color: #c0e6ca;
}

#checking-choices
{
    border-collapse:collapse
}

#checking-choices td
{
    vertical-align: top;
    padding: 7px;
    border:#e2e2e2 1px solid
}

#checking-choices th
{
    width: 20%;
    padding: 2px;
    border:#e2e2e2 1px solid;
}

#checking-choices th a
{
    color: #ffffff;
    text-decoration: none;
}

#checking-choices tr.green
{
    background-color: #dfede5;
}

#checking-choices td.first-column-light
{
    color: #ffffff;
    font-weight: bold;
    background-color: #46966c;
}

#checking-choices td.first-column-dark
{
    color: #ffffff;
    font-weight: bold;
    background-color: #016e35;
}

#chart
{
    border-collapse: collapse;
}

#chart td
{
    vertical-align: top;
    padding: 7px;
    border: #e2e2e2 1px solid;
}

#chart th
{
    padding: 4px;
    border: #e2e2e2 1px solid;
}

#chart th a
{
    color: #ffffff;
    text-decoration: none;
}

#map-status
{
    text-align: center;
    color: red;
}