/****************************************************************
 *                                                              *
 * Keating Magee                                                *
 * http://www.keatingmagee.com/                                 *
 *                                                              *
 * Style Sheet Name: classes.css                                *
 * Style Sheet Version: 1.0                                     *
 * Style Sheet Info: Class Definitions                          *
 *                                                              *
 ****************************************************************
 *                                                              *
 * Light Blue = #00aaff                                         *
 * Dark Blue = #284e6c                                          *
 * Orange = #ff6600                                             *
 * Light Gray = #cdc7bb                                         *
 * Dark Gray = #6c6c6c                                          *
 *                                                              *
 ****************************************************************/

/* Class Definitions */

.home {
    width: 230px;
    height: 40px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 20px;
    display: block;
}

.getStartedLink {
    width: 105px;
    height: 30px;
    margin: 5px 22px 0 0;
    padding: 0;
    display: block;
    float: right;
}

.right {
    float: right;
}

.left {
    float: left;
}

.textRight {
    text-align: right;
}

.hide {
    display: none;
}

.red {
    color: #f00;
}

.gray {
    color: #6c6c6c;
}

.alt {
    font-weight: bold;
    text-decoration: none;
    color: #f60;
}

.alt:hover {
    font-weight: bold;
    text-decoration: underline;
    color: #0af;
}

.alt2 {
    font-weight: normal;
    text-decoration: none;
    color: #0af;
}

.alt2:hover {
    font-weight: normal;
    text-decoration: underline;
    color: #f60;
}

.footerText {
    float: right;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #6c6c6c;
}

.submitBtn {
    margin: 0;
    padding: 2px;
    font-weight: bold;
    color: #fff;
    border-top: solid 1px #232221;
    border-right: solid 2px #232221;
    border-bottom: solid 2px #232221;
    border-left: solid 1px #232221;
    background-color: #284e6c;
}


.getStartedLink {
    margin: 22px 0 0 0;
    padding: 0;
    width: 180px;
    height: 30px;
    float: right;
    display: block;
}

.aboutNav {
    margin: 0;
    padding: 0;
    width: 250px;
    height: 30px;
    display: block;
    float: left;
    background-image: url(/img/nav/about_off.jpg);
    background-repeat: no-repeat;
}

.aboutNav:hover {
    background-image: url(/img/nav/about_on.jpg);
}

.getNav {
    margin: 0;
    padding: 0;
    width: 155px;
    height: 30px;
    display: block;
    float: left;
    background-image: url(/img/nav/get_off.jpg);
    background-repeat: no-repeat;
}

.getNav:hover {
    background-image: url(/img/nav/get_on.jpg);
}

.memberNav {
    margin: 0;
    padding: 0;
    width: 225px;
    height: 30px;
    display: block;
    float: left;
    background-image: url(/img/nav/benefits_off.jpg);
    background-repeat: no-repeat;
}

.memberNav:hover {
    background-image: url(/img/nav/benefits_on.jpg);
}

.contactNav {
    margin: 0;
    padding: 0;
    width: 150px;
    height: 30px;
    display: block;
    float: left;
    background-image: url(/img/nav/contact_off.jpg);
    background-repeat: no-repeat;
}

.contactNav:hover {
    background-image: url(/img/nav/contact_on.jpg);
}

.newsNav {
    margin: 0;
    padding: 0;
    width: 170px;
    height: 30px;
    display: block;
    float: left;
    background-image: url(/img/nav/news_off.jpg);
    background-repeat: no-repeat;
}

.newsNav:hover {
    background-image: url(/img/nav/news_on.jpg);
}

.latestNewsBar {
    margin: 25px 0 0 0;
    padding: 0;
    width: 440px;
    border-top: solid 5px #cdc7bb;
}

.latestNewsSubBar {
    margin: 25px 0 0 0;
    width: 233px;    
    border-top: solid 5px #cdc7bb;
}

.cfBankList {
    margin: 20px 0 0 30px;
    padding: 0;
}

.cfBankList li {
    margin: 0;
    padding: 0 0 10px 0;
    list-style-type: square;
}

.cfBankListAlt {
    margin: 20px 0 0 30px;
    padding: 0;
}

.cfBankListAlt li {
    margin: 0;
    padding: 0 0 10px 0;
    list-style-type: none;
}

.cfBankSubList {
    margin: 5px 0 0 15px;
    padding: 0;
}

.cfBankSubList li {
    margin: 0;
    padding: 0 0 5px 0;
    list-style-type: circle;
}