BODY {
    height: 100%;
    margin: 0;
    text-align: center;
    width: 100%;
}
HTML, BODY {
    background-color: #FFFFFF;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
LI {
    margin-bottom: 6px;
    margin-top: 0;
}
H1 {
    color: #000000;
    font: 20pt AauxNext-Bold,Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin-bottom: 20px;
    margin-top: 0;
}
H2 {
    color: #000000;
    font: 16pt AauxNext-Bold,Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin-bottom: 10px;
    margin-top: 5px;
}
H3 {
    color: #FFFFFF;
    font: bold 13pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin-bottom: 10px;
    margin-top: 5px;
}
H4 {
    color: #FFFFFF;
    font: bold 24pt AauxNext-Bold,Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin-bottom: 10px;
    margin-top: 5px;
}
H5 {
    color: #000000;
    font: bold 20pt AauxNext-Bold,Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin-bottom: 10px;
    margin-top: 5px;
}
.icon {
    color: #000000;
    font: 16pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin-bottom: 10px;
    margin-top: 5px;
}
.icon:hover {
    color: #E98300;
    font: 16pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin-bottom: 10px;
    margin-top: 5px;
}
.visa-disc {
    color: #000000;
    font: 16pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
}
.head {
    color: #000000;
    font: 20pt AauxNext-Bold,Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
}
A {
    color: #E98300;
    text-decoration: none;
}
A:hover {
    color: #E98300;
    text-decoration: underline;
}
.orange {
    color: #E98300;
    font: bold 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
}
.reg {
    color: #000000;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
}
.regVISA {
    color: #000000;
    font: 16pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
}
.str {
    color: #000000;
    font: 15pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.str12 {
    color: #5E5D5D;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12pt;
}
.month {
    color: #FFFFFF;
    font: 9pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.str2 {
    color: #000000;
    font: bold 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.tiny {
    color: #000000;
    font: 8pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
}
.tiny2 {
    color: #000000;
    font: 6pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
}
.bottomLinks {
    color: #FFFFFF;
    font: 7pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.bottomLinks:hover {
    color: #E98300;
    font: 7pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link {
    color: #000000;
    font: 10pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link:hover {
    color: #E98300;
    font: 10pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link2 {
    color: #FFFFFF;
    font: 9pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link2:hover {
    color: #E98300;
    font: 9pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link3 {
    color: #000000;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link3:hover {
    color: #E98300;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link4 {
    color: #000000;
    font: bold 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link4:hover {
    color: #E98300;
    font: bold 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link5 {
    color: #000000;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link5:hover {
    color: #E98300;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link6 {
    color: #000000;
    font: 13pt AauxNext-Medium,Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
.link6:hover {
    color: #E98300;
    font: 13pt AauxNext-Medium,Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
#main {
    height: 100%;
    min-height: 100%;
    position: relative;
}
#top {
    background-color: #E7E8E9;
    color: #E98300;
    font: 10pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    height: 40px;
    text-decoration: none;
    margin: 0;
    text-align: center;
    width: 100%;
}
#topNav {
    height: 45px;
    position: relative;
    width: 926px;
}

.buttons {
    padding-right: 40px;
}
#phone {
    height: 45px;
    padding: 10px 0;
    position: relative;
    width: 926px;
}
#nav {
    background-color: #939598;
    height: 45px;
    margin: 0;
    padding: 10px 0;
    width: 100%;
    text-align: center;
}
#navButton {
    background-color: #939598;
    height: 32px;
    padding: 7px 0 0;
    text-align: center;
    width: 926px;
}

#middle {
    background-image: url("../images/head-repeat.gif");
    background-repeat: repeat-x;
    height: 250px;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
}
#middlePill {
    position: relative;
    top: 44px;
    width: 1000px;
    z-index: 200;
}
#purple {
    background-image: url("../images/pill-repeat.png");
    background-repeat: repeat-x;
    height: 151px;
    position: absolute;
    right: 0;
    top: 243px;
    width: 30%;
    z-index: 100;
}
#content {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin: 0 auto;
    padding: 35px 0 20px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 926px;
}
#content2 {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 866px;
    z-index: 10;
}
#content3 {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 866px;
    z-index: 300;
}
#landing {
    color: #000000;
    font: bold 13pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin-left: 15px;
    text-decoration: none;
}
#landing IMG {
    padding-bottom: 15px;
}
#left {
    width: 293px;
}
#middleHome {
    margin-left: 15px;
    width: 240px;
}
#right {
    margin-left: 15px;
    top: 30px;
    width: 329px;
}
.entry {
    height: 35px;
    padding: 15px 20px;
}
.date {
    background-color: #FFFFFF;
    border: 1px solid #E98300;
    color: #E98300;
    float: left;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-align: center;
    text-decoration: none;
    width: 32px;
}
.news {
    color: #000000;
    float: right;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
    width: 200px;
}
#rates {
    color: #000000;
    font: 11pt/14px Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    padding: 15px 20px;
    text-decoration: none;
    width: 240px;
}
#rates DIV {
    text-align: left;
    width: 163px;
}
#helpful {
    color: #000000;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    padding: 15px 20px;
    text-decoration: none;
    width: 250px;
}
#helpful DIV {
    text-align: left;
    width: 200px;
}
#life {
    color: #000000;
    float: left;
    font: 14pt AauxNext-Medium,Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin-left: 15px;
    text-align: center;
    text-decoration: none;
}
#textNav {
    border: 1px solid #CCCCCC;
    color: #000000;
    font: 11pt/14px Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    width: 218px;
}
#textNav DIV {
    text-align: left;
    width: 200px;
}
#chartLeft {
    color: #000000;
    float: left;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
#chartLeft UL {
    margin: 0 0 0 15px;
    padding: 0;
}
#chartRight {
    float: left;
    margin-left: 30px;
}
#chartNav {
    border: 1px solid #CCCCCC;
    color: #000000;
    font: 11pt/14px Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    width: 163px;
}
#chartNav DIV {
    text-align: left;
    width: 160px;
}
#chart {
    background-image: url("../images/chart.gif");
    margin-top: -20px;
    width: 625px;
}
#chartLeft {
    color: #000000;
    float: left;
    font: 11pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-decoration: none;
}
#chartRight {
    float: left;
    margin-left: 30px;
}
#textHeaderNav {
    color: #000000;
    font: 11pt/14px Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    text-align: center;
    text-decoration: none;
    width: 210px;
}
#textHeaderNav DIV {
    margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 15px;
    text-align: left;
    width: 160px;
}
#textHeaderNav UL {
    margin: 15px 0 15px 10px;
    padding: 0;
    text-align: left;
    width: 180px;
}
#textHeaderNav LI {
    list-style: none outside none;
    padding-left: 20px;
}
#softLeft {
    float: left;
    width: 600px;
}
#softLeft P {
    width: 530px;
}
#softRight {
    float: left;
    margin-left: 30px;
}
#bottom {
    background-color: #939598;
    height: 285px;
    margin: 0;
    text-align: center;
    width: 100%;
}
#bottomNav {
    position: relative;
    top: 20px;
    width: 926px;
}
#bottomNav DIV {
    color: #FFFFFF;
    float: left;
    font: 7pt Arial,Verdana,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    margin-left: 35px;
    text-align: left;
    text-decoration: none;
}
#loanSplashLanding {
    background-color: #D95E00;
    height: 252px;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
}
#loanSplash {
    background-color: #D95E00;
    height: 251px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#bankingSplashLanding {
    background-color: #A71930;
    height: 252px;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
}
#bankingSplash {
    background-color: #A71930;
    height: 251px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#accountsSplashLanding {
    background-color: #452325;
    height: 252px;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
}
#accountsSplash {
    background-color: #452325;
    height: 251px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#memberSplashLanding {
    background-color: #002663;
    height: 252px;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
}
#memberSplash {
    background-color: #002663;
    height: 251px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#ratesSplashLanding {
    background-color: #2F0048;
    height: 252px;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
}
#ratesSplash {
    background-color: #2F0048;
    height: 251px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#lifeSplashLanding {
    background-color: #2F308A;
    height: 252px;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
}
#lifeSplash {
    background-color: #2F308A;
    height: 251px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#idtheftSplashLanding {
    background-color: #2F308A;
    height: 252px;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
}
#idtheftSplash {
    background-color: #2F308A;
    height: 251px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#generic {
    background-color: #E98300;
    height: 251px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}
#externalLink {
    background-color: #FFFFFF;
    color: #000000;
    font: 10pt Arial,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    padding: 20px;
    text-align: left;
    width: 365px;
}
#externalLink2 {
    background-color: #FFFFFF;
    color: #000000;
    font: 10pt Arial,Helvetica,Tahoma,"Century School Book",Sans-Serif;
    padding: 3px;
    text-align: left;
    width: 548px;
}
#menu {
    cursor: pointer;
    height: 72px;
    left: 180px;
    margin-top: 2px;
    padding: 0 10px 0 0;
    position: relative;
    top: -180px;
    width: 350px;
}
UL.navigation {
    height: 40px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
    width: 300px;
}
UL.navigation LI {
    display: inline;
    margin: 0;
    padding: 0;
}
UL.navigation A {
    color: #3F3228;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 60px;
    margin-right: 1px;
    padding: 10px 0 0;
    text-align: center;
    text-decoration: none;
    width: 130px;
}
UL.navigation A:hover, UL.navigation A.selected {
    color: #000000;
}
UL.navigation A:focus {
    outline: medium none;
}