html {height: 100%}
body {font-family: Trebuchet MS, Verdana, Arial; font-size: 12px; color: #FFFFFF; background-color: #797051; margin-top: 6px; margin-bottom: 6px; margin-left: 0px; margin-right: 0px; height: 100%; background-image: url(../images/background.gif); background-repeat: repeat-x; background-position: top;}
table {font-size: 12px}
h1 {font-size: 13px; font-weight: bold; color: #FFFFFF}
h2 {font-size: 12px; font-weight: bold; color: #E8E8E9}
h3 {font-size: 12px; font-weight: bold; color: #E2E2E2}
h4 {font-size: 12px; font-weight: bold; color: #D0D0D0}
input, select, textarea {font-family: Arial; font-size: 8pt}
a {color: #D3CDBC}

.clsRates {font-size: 8pt; background-color: #959595}
.clsHeader {background-color: #000000; color: #FFFFFF; font-weight: bold}
.clsRow1 {background-color: #C0BBAE; color: #000000}
.clsRow2 {background-color: #D3CDBC; color: #000000}
.clsRatesHeader {background-color: #C0BBAE; color: #000000; font-size: 10px}
.clsRatesRow {background-color: #D3CDBC; color: #000000}
.clsRatesRowMcCollom {background-color: #E9E5D9; color: #000066; font-weight: bold}
.clsRegular {font-weight: normal}

.clsButton {background-color: #003669; color: #FFFFFF; border: solid 1px #000000}
.clsFill {height: 100%}
.clsBandUpper {width: 790px; height: 321px; background-image: url(../images/background_upper.gif)}
.clsBandDivider1 {width: 790px; height: 28px; background-image: url(../images/background_divider.gif)}
.clsBandDivider2 {width: 790px; height: 12px; background-image: url(../images/background_divider_shadow1.gif)}
.clsBandDivider3 {width: 790px; height: 12px; background-image: url(../images/background_divider_shadow2.gif)}
.clsBandContent1 {width: 790px; height: 100%; background-image: url(../images/background_filler1.gif)}
.clsBandContent2 {width: 790px; height: 100%; background-image: url(../images/background_filler2.gif)}
.clsBandLower1 {width: 790px; height: 77px; background-image: url(../images/background_lower1.gif)}
.clsBandLower2 {width: 790px; height: 77px; background-image: url(../images/background_lower2.gif)}
.clsPrimaryNavigation {color: #003A70; line-height: 18px}
.clsPrimaryNavigation a {color: #003A70; text-decoration: none}
.clsPrimaryNavigation a:hover {text-decoration: underline; font-weight: bold}
.clsPrimaryNavigation .clsCurrent {text-decoration: underline; font-weight: bold}
.clsSecondaryNavigation {color: #FFFFFF}
.clsSecondaryNavigation a {color: #FFFFFF; text-decoration: none}
.clsSecondaryNavigation a:hover {text-decoration: underline}
.clsSecondaryNavigation .clsCurrent {text-decoration: underline}
.clsSecondaryNavigation .clsCurrent:hover {text-decoration: underline}
.clsContent {height: 100%; padding-left: 10px; padding-right: 10px; line-height: 15px}
.clsCallout {color: #003A70; font-size: 11px; line-height: 13px}
.clsCallout a {color: #476D82}
.clsLegal {font-size: 11px; line-height: 13px}
.clsLegal a {color: #D3CDBC}

#MortgageCalculator1 table {font-size: 11px; padding-left: 0px; padding-right: 0px}
#MortgageCompareCalculator1 table {font-size: 11px; padding-left: 0px; padding-right: 0px}
#MortgagePayoffCalculator1 table {font-size: 11px; padding-left: 0px; padding-right: 0px}
#MortgageQualifierCalculator1 table {font-size: 11px; padding-left: 0px; padding-right: 0px}
#MortgageRefinanceCalculator1 table {font-size: 11px; padding-left: 0px; padding-right: 0px}