body {width: 100%; padding: 0px; margin: 0px; background: #E8EAF0 url(../images/background.gif) repeat-x scroll top center; text-align: center; font-family: Tahoma, Arial, sans-serif; font-size: 10pt; color: #101D4A}
input, select, textarea {font-family: Arial, sans-serif; font-size: 8pt}
a {color: #707C9E}
a:hover {color: #8E98B4}
p, h1, h2, h3, h4 {padding: 0px; margin: 0px; padding-bottom: 15px}
h1 {font-size: 22pt; color: #8E98B4; font-weight: normal; line-height: 22pt}
h2 {font-size: 14pt; color: #8E98B4; font-weight: normal; line-height: 14pt}
h3 {font-size: 12pt; color: #101D4A; font-weight: bold; line-height: 12pt}
h4 {font-size: 11pt; color: #000000; font-weight: bold; line-height: 11pt}
hr {width: 100%; height: 1px; background-color: #D5D9E3; color: #D5D9E3; margin-bottom: 15px; overflow: hidden; border: 0px}

#divContainer {width: 900px; background-color: #FFFFFF; margin-left: auto; margin-right: auto; text-align: left}
#divHeader {position: relative; top: 0px; left: 0px; width: 900px; height: 219px; background: #1D316A url(../images/header_background.jpg) no-repeat scroll top center; z-index: 10}
#divLogo {position: absolute; top: 51px; left: 22px; width: 250px; height: 49px}
#divBrokerName {position: absolute; top: 115px; left: 12px; width: 270px; height: 49px; color: #FFFFFF; text-align: center; font-size: 14px}
#divNavigation {position: absolute; top: 189px; left: 0px; width: 900px; height: 30px; background: #9B0000 url(../images/navigation_background.jpg) no-repeat scroll top center}
div#divNavigation ul {position: absolute; list-style-type: none; padding: 0; margin: 0; border: 0; top: 0px; left: 43px; width: 790px; height: 30px}
div#divNavigation ul li {float: left; position: relative; height: 30px; list-style-type: none; cursor: hand; cursor: pointer; line-height: 28px; text-align: center}
div#divNavigation ul li#liOptions {width: 152px}
div#divNavigation ul li#liBasics {width: 142px}
div#divNavigation ul li#liRates {width: 79px}
div#divNavigation ul li#liAboutMe {width: 101px}
div#divNavigation ul li#liCalculators {width: 119px}
div#divNavigation ul li#liApply {width: 77px}
div#divNavigation ul li#liContact {width: 111px}
div#divNavigation ul li:hover {background: transparent url(../images/navigation_background_alt.gif) repeat-x scroll top center}
div#divNavigation ul li a {color: #FFFFFF; text-decoration: none; font-size: 8pt; text-transform: uppercase}
div#divNavigation ul li a {width: 100%; height: 27px; margin: 0px; padding: 0px}
div#divNavigation ul li ul {top: 30px; z-index: 10; position: absolute; width: 172px; background-image: url(../images/sub_navigation_background.gif); background-position: right bottom; height: auto; padding-bottom: 10px; left: 0px; padding-top: 5px; left: -2px}
div#divNavigation ul li ul {display: none}
div#divNavigation ul li:hover ul {display: block}
div#divNavigation ul li ul li {left: 12px; padding: 0px; margin: 0px; width: 143px; height: 25px; border-bottom: 0px; line-height: 22px; font-size: 9pt; background: transparent url(../images/sub_navigation_divider.gif) repeat-x scroll bottom center; padding-left: 5px; text-align: left}
div#divNavigation ul li ul li#liLast {background-image: url(../images/sub_navigation_divider_last.gif)}
div#divNavigation ul li ul li:hover {background-image: url(../images/sub_navigation_divider_alt.gif)}
div#divNavigation ul li ul li#liLast:hover {background-image: url(../images/sub_navigation_divider_last_alt.gif)}
div#divNavigation ul li ul li a {color: #FFFFFF; text-decoration: none; font-size: 8pt; text-transform: none}
div#divNavigation ul li ul li:hover ul {visibility: visible}
div#divNavigation ul li ul li:hover ul li ul {visibility: hidden}
div#divNavigation ul li ul li ul li:hover ul {visibility: visible}
* html div#divNavigation ul li ul li {width: 148px; voice-family: "\"}\""; voice-family: inherit; width: 143px}
#divContentContainer {position: relative; top: 0px; left: 0px; background: #FFFFFF url(../images/content_background.gif) no-repeat scroll top center; z-index: 0}
#divFooterContainer {position: relative; top: 0px; left: 0px; width: 900px; height: 90px; background: #9B0000 url(../images/footer_background.gif) repeat-x scroll top center; margin: 0px; padding: 0px}
#divFooterContent {position: absolute; left: 220px; top: 30px; font-size: 7pt; color: #A4ACC3; line-height: 14px; width: 380px}
#divFooterContent p {margin: 0px; padding: 0px}
#divFooterContent a {color: #A4ACC3}
#divFooterContent a:hover {color: #D0D4DF}
#divCaordaLogo {position: absolute; top: 30px; left: 56px; width: 110px; height: 34px}
#divVericoLogo {position: absolute; top: 25px; left: 630px; width: 229px; height: 45px}

.clsContentTable {position: relative; top: 0px; left: 0px; width: 900px; height: 500px; background: #FFFFFF url(../images/content_table_background.gif) repeat-y scroll top center; margin-top: 16px; margin-bottom: 17px; font-size: 10pt}
.clsColumn1 {width: 60px}
.clsColumn2 {width: 482px; padding-top: 15px; text-align: justify}
.clsColumn2 table tr td {text-align: left; vertical-align: middle}
.clsColumn3 {width: 60px}
.clsColumn4 {width: 298px; padding-top: 20px}
.clsColumn4 .clsCallout {margin-left: 10px; margin-right: 10px; width: 278px}
.clsColumn5 {width: 780px; padding-top: 15px; text-align: justify}
.clsColumn5 table tr td {text-align: left; vertical-align: middle}
.clsButton {border: 1px solid #9B0000; background-color: #9B0000; text-transform: uppercase; color: #FFFFFF; font-size: 8pt; font-family: Tahoma, sans-serif}
.clsHeader {background-color: #E8EAF0}
.clsRow1 {background-color: #D3D6E2}
.clsRow2 {background-color: #BDC3D4}

#MortgageCalculator1 table {font-size: 8pt}
#MortgageCompareCalculator1 table {font-size: 8pt}
#MortgagePayoffCalculator1 table {font-size: 8pt}
#MortgageRefinanceCalculator1 table {font-size: 8pt}
#MortgageQualifierCalculator1 table {font-size: 8pt}