body {
    margin: 0;
    padding: 0;
    background: #fff url(../images/bg_body.gif);
    color: #333;
    font-family: arial, tahoma, verdana, sans-serif;
    font-size: .70em;
    text-align: center; 
    }
a:link, a:visited { 
    color: #0e447d;
    text-decoration: underline;
    }
a:hover, a:active {
    color: #0e447d;
    text-decoration: none;
    }

a img { border: none; }


    
/* ------------------------------------------------------------------- =LAYOUT =DISTYLES */

.clearfloat {
    clear: both;
    height: 1px;    
    }
.clear0 {
    clear: both;
    height: 0;  
    }
.pageContainer {
    width: 770px;
    margin: 0 auto;
    text-align: left;   
    background: #fff url(../images/bg_pagecontainer.gif) repeat-y;
    }
    
.contentContainer {
    width: 760px;
    margin-left: 5px;
    background-color: #000;
}


.masthead {
    height: 103px;
    background-color: #000;
    }
    
.mastheadLeft {
    float: left;
    width: 277px;
    height: 103px;
    background-color: #000;
    }
    
.mastheadRight {
    float: right;
    width: 480px;
    height: 103px;
    text-align: right;
    color: #fff;
    font-size: 8pt;
    background-color: #000;
    }
    
.mastheadRight ul {
    margin: 5px 10px 0 0;
    padding: 0;
}

.mastheadRight li {
    margin: 0;
    padding: 0;
    display: inline;
}

.mastheadRight a:link, .mastheadRight a:visited {   
    color: #fff;
    text-decoration: none;
    font-size: 8pt;
    }
.mastheadRight a:hover, .mastheadRight a:active {
    color: #fff;
    text-decoration: underline;
    font-size: 8pt;
    }
    
/* --------------------------------------------------------- =SEARCH */
    
.searchArea {
    background: url(../images/bg_search.gif) no-repeat;
    margin: 8px 15px 0 0;
    /* margin: 18px 15px 0 0;  Changed when the text above the JS date was added */
    width: 212px;
    float: right;
    display: inline;
}

.searchArea input, .searchArea img { vertical-align: middle; }

.searchField {
    width: 110px;
    height: 16px;
    max-height: 16px;
    margin: 0px 10px 0 0;
    border: 1px solid #1e6c7f;
    background-color: #FFF;
    color: #333;
    font-size: 8pt; 
    }

* html .searchField {
    margin: -1px 10px 0 0;
}

* html .searchBtn {
    margin-top: -1px;
}


.date {
    color: #b8b7b7;
    font-size: 9pt;
    /* margin-top: 12px;   Changed when the text above the JS date was added*/ 
    margin-top: 5px;
    margin-bottom: 4px;
}
    
/* --------------------------------------------------------- =TOPNAV */
    
.topNav {
    margin: 0;
    padding: 0;
    width: 760px;
    height: 30px;
    background: url(../images/bg_topnav.gif) repeat-x;
}

.topNav img, .topNav ul li img, {
    margin: 0;
    padding: 0;
    height: 30px;
}

* html .topNav ul li img, {
    margin: 0;
    padding: 0;
    height: 30px;
}

.topNav ul {
    margin: 0;
    padding: 0;
    height: 30px;
    }
.topNav li {
    list-style-type: none;
    list-style-image: none; 
    list-style-position: inside;
    margin: 0 0 0 2px;
    padding: 0;
    display: block;
    float: left;
    height: 30px;
    }
    
/* --------------------------------------------------------- =LOGIN */

.mainImg {
    position: relative;
}
    
* html .mainImg {
    margin-top: -2px;
}

.loginbg {
    background-color: black;
    background-color: rgba(0, 0, 0, 0.4);
    filter:alpha(opacity=60);-moz-opacity:.60;
    position: absolute;
    top: 0;
    left: 0;
    width: 178px;
    height: 148px;
}

* html .loginbg {
    background-color: black;
}

*:first-child+html .loginbg {
    background-color: black;
}

.loginArea {
/*  background: url(../images/bg_login.gif) repeat-y; */
    padding: 0;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.loginArea form {
    margin: 5px 0 0 0;
    padding: 0;
    }
.loginArea input, .loginArea img { vertical-align: middle; }

.loginArea ul {
    margin: 15px 0 0 -4px;
    padding: 0; 
    }
.loginArea li {
    margin: 0;
    padding: 0; 
    display: inline;
    }

.userField {
    width: 90px;
    height: 11px;
    max-height: 13px;
    margin: 3px 0 2px -110px;
    border: 0;
    background-color: #FFF;
    color: #333;
    font-size: 8pt; 
    }
    
*html .userField {
    height: 13px;
    margin: 2px 0 0 -110px;
    }    
    
.passField {
    width: 40px;
    height: 11px;
    max-height: 13px;
    margin: 1px 12px 2px -53px;
    border: 0;
    background-color: #FFF;
    color: #333;
    font-size: 8pt; 
    }
    
*html .passField {
    height: 13px;
    margin: 1px 12px 0 -53px;    
}	


.loginBtn {
    margin-top: 2px;
    }
    
.dropdown {
    width: 150px;
    height: 18px;
    max-height: 18px;
    margin: 11px 0 5px 0;
    padding: 0;
    background-color: #FFF;
    color: #333;
    font-size: 7pt; 
    }

.hometop {
    height: 15px;
}

* html .hometop {
    margin-top: -2px;
    margin-bottom: -3px;
}

.forgotPassword {
margin: 2px 13px 0 0;
padding: 0;
text-align: right;
}

.forgotPassword a:link, .forgotPassword a:hover, .forgotPassword a:active, .forgotPassword a:visited {
    color: #fff;
    font-size: 10px;
    background-color: transparent;
}

/* --------------------------------------------------------------------- =CONTENT */
    
.containerHome {
    background: url(../images/bg_homecontainer.gif) repeat-y;
    width: 760px;
    }

.leftCol {
    float: left;
    width: 178px;
    }
    
.middleCol {
    float: left;
    width: 335px;
    font-size: 1.15em;
    line-height: 13pt;
}

.middleCol p {
    margin: 10px 20px 0 20px;
}

.middleCol ul {
    margin: 10px 0 10px 35px;
    padding: 0; 
    }
.middleCol li {
    margin: 0;
    padding: 0; 
    }

.homeMiddleCol {
    float: left;
    width: 335px;
    font-size: 1em;
    line-height: 13pt;
}

.homeMiddleCol p {
    margin: 10px 20px 0 20px;
}

.homeMiddleCol ul {
    margin: 10px 0 10px 35px;
    padding: 0; 
    }
.homeMiddleCol li {
    margin: 0;
    padding: 0; 
    }
.rightCol {
    float: right;
    width: 230px;
    }
    

.boxhed {
    margin: 0 0 0 3px;
}

.boxbody {
    background: url(../images/box_bg.gif) repeat-y;
    width: 170px;
    margin: 0 0 0 3px;
    font-size: 8pt;
}

.boxbottom {
    margin: 0 0 10px 3px;
}

.motdContent {
    margin: 0 0 0 1px;
    width: 165px;
    line-height: 12pt;
}

* html .motdContent{
               margin: 0 0 0 3px;
    padding: 0 5px;
}

.ratesContent {
    margin: 0 0 0 3px;
    padding: 10px 0 0 0;
    width: 164px;
    line-height: 12pt;
}

.ratesContent h4 {
    color: #000;    
    background-color: #eee;
    font-size: 9pt; 
    margin: 0;
    padding: 0 0 0 10px;
    }
    
.ratesContent p {
    margin: 5px 0 0 10px;
    padding: 0;
}

.ratesDisc {
    font-size: 7pt;
    margin: 5px 0 0 10px;
}

.ratesContent a:link, .ratesContent a:visited { 
    color: #000;
    text-decoration: underline;
    font-size: 9pt; 
    }
.ratesContent a:hover, .ratesContent a:active {
    color: #000;
    text-decoration: none;
    font-size: 9pt; 
    }

.someLinks {
    color: #000;
    width: 160px;
    margin: 5px 0 15px 12px;
    font-size: 8pt;
}

.someLinks a:link, .someLinks a:visited {   
    color: #0e447d;
    text-decoration: underline;
    }
.someLinks a:hover, .someLinks a:active {
    color: #0e447d;
    text-decoration: none;
    }
    
.promoImg {
    float: left;
    width: 102px;
    margin-left: 0;
    display: inline;
    } 
    
.promoImgTop {
    width: 760px;
    height: 148px;
    float: none;
    } 
.promoText {
    float: right;
    width: 110px;
    margin: 0 4px;
    display: inline;
    font-size: 8pt;
    }
.promoText h3 {
    color: #7e9bb9;
    font-size: 9pt;
    margin-bottom: 10px;
    }       

.promoBtns {
    margin: 0 0 0 170px;
}
    
    
    

/* -------------- =SETH START HERE -------------------------------- */

.mainBackImg {
    height: 145px;
}

.mainBackImgCalc {
    height: 117px;
}
    
* html .mainBackImg {
    margin-top: -3px;
}

* html .mainBackImgCalc {
    margin-top: -3px;
}

.backhed {
    position: absolute;
    top: 95px;
    left: 0;
}

* html .backhed {
    position: absolute;
    top: 92px;
    left: 0;
}

.loginbgBack {
    background-color: rgba(0, 0, 0, 0.4);
    filter:alpha(opacity=60);-moz-opacity:.60;
    position: absolute;
    top: 0;
    left: 0;
    width: 178px;
    height: 117px;
}

.loginAreaBack {
/*  background: url(../images/bg_login.gif) repeat-y; */
    padding: 0;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

* html .loginbgBack {
    background-color: #000;
    filter:alpha(opacity=60);-moz-opacity:.60;
    position: absolute;
    top: -3px;
    left: 0;
    width: 178px;
    height: 117px;
}

* html .loginAreaBack {
/*  background: url(../images/bg_login.gif) repeat-y; */
    padding: 0;
    color: #fff;
    position: absolute;
    top: -3px;
    left: 0;
}

.loginBtnBack {
    margin: 2px 0 0 65px;
    }

.dropdownBack {
    width: 140px;
    height: 18px;
    max-height: 18px;
    margin: 10px 0 5px 18px;
    padding: 0;
    background-color: #FFF;
    color: #333;
    font-size: 7pt; 
    }
    
* html .dropdownBack {
    margin: -15px 0 5px 18px;
    }
    
.containerBack {
    background: url(../images/bg_backcontainer.gif) repeat-y;
    padding-bottom: 25px;
    }
    
.containerCalc {
    background: url(../images/bg_backcontainer.gif) repeat-y;
    padding-bottom: 0px;
    }   
    
* html .containerBack {
    margin-top: -3px;
    }

.leftColLinks {
    position: absolute;
    top: 145px;
    left: 0;
    width: 178px;
    }
    
.leftColLinks ul {
    margin: 5px 0 5px 20px;
    padding: 0;
    line-height: 13pt;
}

.leftColLinks li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

.leftColLinks a:link, .leftColLinks a:visited { 
    color: #000;
    text-decoration: none;
    font-size: 9pt;
    }
.leftColLinks a:hover, .leftColLinks a:active {
    color: #0e447d;
    text-decoration: underline;
    font-size: 9pt;
    }

.contentBack {
    margin: 5px 40px 0 210px;
    font-size: 1.05em;
    line-height: 14pt;
}

.contentBack p, .contentBackSavingsCalc p {
    margin: 10px 0 10px 0;
    padding: 0;
}

.contentBack ul, .contentBackSavingsCalc ul {
    margin: 5px 0 5px 35px;
    padding: 0;
}

.contentBack ul li, .contentBackSavingsCalc ul li {
    margin: 0;
    padding: 0;
    list-style-type: url(../images/li.gif);
    list-style-image: url(../images/li.gif);
}

.contentBackSavingsCalc {
    margin: 0px 0px 0px 178px;
    font-size: 1.05em;
    line-height: 14pt;
    background: #D5D908;
/*  background: url(../images/bg-savingscalc.gif) no-repeat;
    height: 800px; */
}

.contentBackUneditableArea {
    position: relative;
}


/*.calccolumn {
width: 250px;
}*/

/*#calcleftcol{
float: left;
margin: 10px 0 0 0px;
}*/

/*#calcrightcol{
margin: 100px 0 0 20px;
float: right;
}*/

.calcPageTop {
background: url(../images/calcpage_bg-topalign.jpg) no-repeat;
height: 62px;


}

.calchdr{
    color: #12477f;
    font-weight: bold;
    background: url(../images/box_header.jpg) no-repeat; 
    height: 51px;
    padding-left: 7px;
}

#calcleftbox2 {
    margin-top: 100px;
}

.calcboxcontent {
    background: url(../images/box_bgimage.gif) no-repeat;
    width: 250px;
    margin-left: 7px;
    /* margin-right: 20px; */
    /* padding: 5px 5px; */
}

.calcboxbottom {
    background: url(../images/calc_box_bottom.gif);
    height: 10px;
}


/* -------------- =SETH END HERE -------------------------------- */
    
    
/* -------------------------------------------------------------------- =FOOTER */

.footer {
    background-color: #000;
    height: 35px;
}
    

/* -------------------------------------------------------------------- =TEXTUAL =FISTYLES */




    

.required { 
    color: #ae2e37;
    font-size: 8pt;
    font-weight: bold;
    }
    
.appfield1 {
    border: 1px solid #4fad4f;
    background-color: #FFF;
    color: #000;
    }
.appfield2 {
    border: 1px solid #12477f;
    background-color: #FFF;
    color: #000;
    }
    
#ex_dis {
display:none;
}

/*
#ncuaDiv{
    display:none;
    background-color: #ffffff;
    z-index: 500;
    width:273px;
    height:122px;
    position: absolute;
    bottom:100px;
}   */

.super { 
    font-size: 75%; vertical-align: super; 
}   






* html table { font-size: 9pt; }

table.content td {  
    font-size: 8pt;
    line-height: 10pt;
}

table.content tr.tableheader {
    text-align: center;
}

#calccontent h1 { font-size: 14pt; }

.middleCol .disclaimer {
    font-size: 7pt;
    color: #000;
    line-height: 8pt;
    }
#homeEnrollLink {
    display: block;
    margin: 7px 0 0 10px;
    color: white;
    font-size: 10pt;
}