html, body {margin:0; padding:0; color: #4A4A4A; font-size: 76%; font-family: Verdana, Arial, Sans-serif;}
body {padding: 0 0 30px 12px; margin-top: -2px; background: #FFF url(../images/interface/bg_body.gif) top center;}
body.rbs {padding: 0 0 30px 2px;}
html>body select {font-size: 0.95em !important;}
ul, ol, li {margin:0; padding:0;}
#wrapper {width: 771px; margin:0 auto; background: url(../images/interface/bg_shadow.gif) top center repeat-y;}
div.bordered {width: 763px; border: 1px solid #C5C5C5; margin:8px auto 0 auto; background: #FFF;}
div.centered {width: 763px; margin: 0 auto;}
* html div.centered {padding-top: 8px;}
#wrapper .bordered {margin:0 auto; background: #FFF url(../images/interface/bg_grad_masthead.gif) 0 0 repeat-x;}
div.masthead {position: relative; clear:both;width: 763px; height: 76px; padding-top: 1px; background: url(../images/interface/bg_ppp.gif) bottom right no-repeat;}
#logoholder {float:left; width: 170px; height: 76px; background: url(../images/interface/bg_logo.gif) 0 0 no-repeat;}
p.topnav {position: absolute; top:0; right:0; display:block; width: 763px; height: 69px; padding:7px 5px 0 0; margin:0; text-align:right; font-size: 1em; font-weight: bold; letter-spacing: 2px; color: #74736C;}
p.topnav a {letter-spacing: normal; color: #74736C;}
p.topnav select {margin:0; background: #FFF; border: 1px solid #ABABAB; letter-spacing:normal; font-size: 1em; color: #74736C; }
html>body .topnav select {font-size: 0.90em;}
ul#nav {display:block; width: 711px; height: 27px; padding-left: 98px; list-style:none; background: url(../images/interface/bg_nav3.gif) 0 0 no-repeat;}
ul#nav li {float:left; display:block; margin-right: 1px;}
ul#nav li a {display:block; background-position: 0 0; background-repeat: no-repeat; overflow:hidden; padding-top: 27px;
/* WIN IE5 hack */ height: 27px; voice-family: "\"}\""; voice-family:inherit; height: 0;}
ul#nav li a:hover {background-position: 0 -27px;}
#nav a.apply {width: 99px; background-image: url(../images/nav/apply.gif);}
#nav a.equity {width: 96px; background-image: url(../images/nav/equity.gif);}
#nav a.refinance {width: 140px; background-image: url(../images/nav/refinance.gif);}
#nav a.purchase {width: 115px; background-image: url(../images/nav/purchase.gif);}
#nav a.tools {width: 129px; background-image: url(../images/nav/tools.gif);}
#nav a.about {width: 75px; background-image: url(../images/nav/about.gif);}
body.apply a.apply,
body.equity a.equity,
body.mortgage a.refinance,
body.purchase a.purchase,
body.tools a.tools,
body.about a.about {background-position: 0 -27px !important;}
div.main {clear:both; width: 763px; border-top: 1px solid #CACACA; margin-top: 3px; background: url(../images/interface/bg_main.gif) 0 0 repeat-y;}
body.rsb div.main {background: url(../images/interface/bg_main_rightside.gif) 0 0 repeat-y;}
div.content {width: 598px; float:right; clear:right; padding-bottom: 25px;}
div.sidebar {width: 163px; padding-right: 1px; float:left; clear:left;}
body.rsb div.content {width: 571px; padding-right: 1px; float:left; clear:left;}
body.rsb div.sidebar {width: 190px; float:right; clear:right;}
#flashpromo {float:left; padding: 9px 0 0 9px; width: 563px; height: 171px;}
p {font-size: 1.15em; line-height: 1.35; margin: 1em 0 1em 0;}
a {color: #0061AB; text-decoration:none;}
a:hover {text-decoration: underline;}
a.arrow {font-weight: bold; font-size: 0.9em; padding-right: 12px; background: url(../images/interface/bg_rightarrow.gif) right 2px no-repeat;}
a img {border:none;}
p.verisign {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align:bottom;}
div.verisign {margin: 0px 0px 0px 0px; padding: 0; padding-right:15px; vertical-align:top;}
/* Side Bar */
.sidebar h5 {display:block; width: 155px; padding-top: 19px; margin: 13px 0 0 9px; overflow:hidden; background-repeat: no-repeat; background-position: 0 0;
/* WIN IE5 hack */ height: 19px;voice-family: "\"}\""; voice-family:inherit; height: 0;}
h5.insec {width: 164px; margin:0; background-image: url(../images/copy/bg_h5_inthissection.gif);}
body.rsb h5 {margin:13px 0 0 13px;}
h5.highl {background-image: url(../images/copy/bg_h5_highlights.gif);}
h5.tools {background-image: url(../images/copy/bg_h5_toolsresources.gif);}
ul.snav {list-style:none;}
ul.snav li a {display:block; width: 150px; padding: 3px 4px 3px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #C5C5C5; background: #F1F0E9; font-weight: bold; text-decoration:none;}
ul.snav li a:hover {text-decoration: underline;}
ul.snav li a.selected {width: 138px; padding: 3px 4px 3px 22px; background: #F1F0E9 url(../images/interface/bg_snav_arrow.gif) 0 0 no-repeat; color: #74736C;}
ul.snav li a.selected:hover{text-decoration:none;}
ul.snav li.red a {color: #D92901; display:block; width: 150px; padding: 3px 4px 3px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #C5C5C5; background: #F1F0E9; font-weight: bold; text-decoration:none;}
ul.snav li.red a:hover {text-decoration: underline;}
ul.snav li.red a.selected {width: 138px; padding: 3px 4px 3px 22px; background: #F1F0E9 url(../images/interface/bg_snav_arrow.gif) 0 0 no-repeat; color: #74736C;}
ul.snav li.red a.selected:hover{text-decoration:none;}
ul.arrowed {list-style:none; padding-left: 11px;}
ul.arrowed li {padding-left: 9px; margin: 0 0 4px 0; background: url(../images/interface/bg_leftarrow.gif) 0 1px no-repeat; font-weight: bold;}
* html ul.arrowed li {background-position: 0 2px; margin: 0 0 2px 0;}
.sidebar p {padding: 7px 10px; margin:0; font-size: 1.15em;}
.sidebar p.odd {background: #FFF;}
.sidebar .applyonline {width: 154px; height: 83px; padding: 55px 0 0 10px; background: url(../images/interface/bg_applyonline.gif) 0 0 no-repeat;}
.sidebar .question {width: 145px; height: 84px; padding: 110px 0 0 10px; margin: 25px 0 0 5px;
background: #8D8A7C url(../images/interface/bg_sidebar_question.gif) 0 0 no-repeat;}
.sidebar .question p {padding: 0; margin: 5px 0; color: #FFF; line-height: 1.5em; font-size: 0.95em;}
body.rsb .sidebar div.hr{float:none; clear:both; width: 172px; height: 1px; margin:11px 0 0 9px; border:none;
background: url(../images/interface/bg_dottedhr.gif) 0 0 repeat-x;}
* html body.rsb .sidebar div.hr {margin: 15px 0 -10px 9px;}
#shadow {width: 773px; height: 4px; margin: 0 auto; background: url(../images/interface/bg_shadowbottom.gif) 0 0 no-repeat;}
div.footerbar {background: #F4F4F3;}
* html .footerbar {margin-bottom: 8px; clear:both; height: 1%;}
.footerbar p.top {width: 749px; margin-left: 3px; padding: 2px 3px 4px 2px; border-bottom: 1px solid #D5D5D5;
font-size: 1.15em; font-weight:bold; color: #74736C; letter-spacing: -0.05em;}
.footerbar p.top select {margin:0 3px!important; font-size: 0.9em;}
html>body .footerbar p.top select {font-size: 0.8em;}
.footerbar p.top span {color: #D92901;}
.footerbar p {padding: 0 4px; margin: 3px 0; font-size: 1em; }
.footerbar p.left {width: 430px;}
.footerbar p.right {width: 270px;}
.pagetools a,
.footerbar p.right a {padding-left: 15px;}
.pagetools a.email,
.footerbar a.email {background: url(../images/interface/icon_mail.gif) 0 0 no-repeat;}
.pagetools a.print,
.footerbar a.print {background: url(../images/interface/icon_print.gif) 0 0 no-repeat;}
.pagetools a.bookmark,
.footerbar a.bookmark {background: url(../images/interface/icon_bookmark.gif) 0 0 no-repeat;}
div p.footer {color: #0061AB;}
.centered div.hr {float:left; clear:both; width: 763px; border-top: 1px solid #C5C5C5;}
* html .centered div.hr {margin-bottom: -1.2em;}
.centered p {clear:both; font-size: 1em; padding-left: 9px; color: #74736C;}
/* page styles*/
div.title {width: 583px; height: 85px; margin-left: 9px;}
div.title h1 {float:left; margin:0; background: url(../images/interface/bg_titlesplash.gif) 0 0 no-repeat;}
div.title h1 span {display:block; width: 292px; padding: 85px 0 0 0; margin:0; overflow:hidden; background-position: 0 0; background-repeat: no-repeat;
/* WIN IE5 hack */ height: 85px; voice-family: "\"}\""; voice-family:inherit; height: 0;}
body.apply .title h1 span {background-image: url(../images/copy/bg_h1_apply.gif);}
body.equity .title h1 span {background-image: url(../images/copy/bg_h1_equity.gif);}
body.mortgage .title h1 span {background-image: url(../images/copy/bg_h1_mortgage.gif);}
body.purchase .title h1 span {background-image: url(../images/copy/bg_h1_purchase.gif);}
body.tools .title h1 span {background-image: url(../images/copy/bg_h1_tools.gif);}
body.about .title h1 span {background-image: url(../images/copy/bg_h1_about.gif);}
body.loanofficer .title {width: 745px; margin-bottom: 9px; float:left; clear:both;}
body.loanofficer .title h1 {width: 451px; background-image: url(../images/copy/bg_h1_loanofficer.gif);}
div.content p {margin: 0.8em 0 1.6em 0; padding: 0 36px 0 27px;}
p.intro {color: #74736C; line-height: 1.6;}
p.smaller {font-size: 1em;}
.main div.hr {clear:both; width: 556px; margin-left: 21px; border-top: 1px solid #C5C5C5;}
.main h2 {display: block; font-size: 1.6em; padding-left: 27px; margin: 0.8em 0; color: #D92901;/* font-weight: normal;*/}
/*.main h2.secure {padding-right: 21px; background: url(../images/interface/icon_padlock.gif) bottom right no-repeat;} */
.main h2.secure {padding-right: 21px;}
.main h4 {font-size: 1.015em; padding-left: 27px; margin: 0.8em 0; text-transform: uppercase; color: #D92901; }
.main h4 a {color: #D92901;}
.main h4 span {text-transform: capitalize; color: #74736C;}
.main h4 span.lc {text-transform: none; color: #D92901;}
.main img.right {margin-right: 21px;}
.main p.left {display:block; width: 270px; padding:0 0 0 27px;}
.main p.left.clearr {padding-left:0;}
.main table {width: 556px; margin: 10px 0 10px 21px; font-size: 1.15em;}
.main table * {text-align: left;}
.main table tr th {height: 22px; border-right: 1px solid #C5C5C5;background: url(../images/interface/bg_th.gif) 0 0 repeat-x;}
.main table tr th.l {background: url(../images/interface/bg_th_leftcap.gif) 0 0 no-repeat;}
.main table tr th.r {border:none; background: url(../images/interface/bg_th_rightcap.gif) bottom right no-repeat;}
.main table tr td.l {border-left: 1px solid #C5C5C5;}
.main table tr td {border-right: 1px solid #C5C5C5; padding: 5px 0;}
.main table tr.footer td {height: 13px; padding:0; background: url(../images/interface/bg_tdftr.gif) 0 0 repeat-x;}
.main table tr.footer td.l {border-left:none; background: url(../images/interface/bg_tdftr_leftcap.gif) 0 0 no-repeat;}
.main table tr.footer td.r {border:none; background: url(../images/interface/bg_tdftr_rightcap.gif) bottom right no-repeat;}
.main table tr th,
.main table tr td {padding-left: 8px;}
.main table a {font-weight: bold;}
.pagetools {color: #74736C; padding-right: 23px !important; font-size: 0.95em;}
div.content p.sectionpointer {padding-left: 40px; margin: 14px 0; background: url(../images/interface/bg_rightarrow.gif) 27px 3px no-repeat;}
p.sectionpointer a {font-weight: bold;}
div.callout {width: 557px; margin: 0 0 10px 21px; background: url(../images/interface/bg_paragraph.gif) 0 0 no-repeat;}
div.callout div {background: url(../images/interface/bg_paragraphbottom.gif) bottom left no-repeat; padding: 5px 15px;}
div.callout div * {margin-left: 0!important; padding-left: 0!important;}
div.sidebox {float:right; width: 152px; border: 1px solid #C5C5C5; margin:0.8em 20px 0 20px; background: #F1F0E9;}
div.sidebox h5 {width: 152px; margin:0; padding-top: 19px; border-bottom: 1px solid #FFF; overflow:hidden;
background-position: 0 0; background-repeat: no-repeat;
/* WIN IE5 hack */ height: 19px; voice-family: "\"}\""; voice-family:inherit; height: 0;}
div.sidebox h5.tips {background-image: url(../images/copy/bg_h5_tipsedu.gif);}
div.sidebox ul {padding-left: 9px; margin-bottom: 10px; list-style:none;}
div.sidebox ul li {padding:0 10px 0 8px; margin: 5px 0; background: url(../images/interface/bg_bluelidash.gif) 0 2px no-repeat;}
div.alphalist {width: 554px; margin:0 0 20px 21px; border: 1px solid #C5C5C5; background: #F1F0E9;}
div.alphalist a {float:left; display:block; width: 25px; height: 14px; padding-top: 4px; border-right: 1px solid #C5C5C5; font-weight:bold; text-align: center; text-transform: uppercase;}
div.alphalist a.last {width: 34px; border:none;}
/*Home page styles */
body.rsb {padding-left: 13px;}
body.rsb .applyonline {float:left; width: 172px; height: 100px; padding:62px 0 0 10px; margin-top:9px;
background: url(../images/interface/bg_applyonline_hp.gif) 0 0 no-repeat;}
body.rsb div.content {background: url(../images/interface/bg_gradhp.gif) 0 0 repeat-x;}
p.stearns {font-size: 1.2em; padding: 12px 16px; line-height: 1.5; margin:0;}
p.stearns strong {font-size: 1.1em; font-weight: bold; color: #B62200}
div.pathway h4 {margin:0; padding:0 !important; overflow:hidden;}
body.rsb h4 a {display:block; width: 180px; padding-top: 47px; overflow:hidden; background-position: 0 0; background-repeat: no-repeat;
/* WIN IE5 hack */ height: 47px; voice-family: "\"}\""; voice-family:inherit; height: 0;}
.home h4 {background: url(../images/copy/bg_h4_home_hp.jpg) 0 0 no-repeat;}
.home h4 a {background-image: url(../images/copy/bg_h4_home_hp.gif);}
.rsb .mortgage h4 {background: url(../images/copy/bg_h4_mortgage_hp.jpg) 0 0 no-repeat;}
.rsb .mortgage h4 a {background-image: url(../images/copy/bg_h4_mortgage_hp.gif);}
.rsb .purchase h4 {background: url(../images/copy/bg_h4_purchase_hp.jpg) 0 0 no-repeat;}
.rsb .purchase h4 a {background-image: url(../images/copy/bg_h4_purchase_hp.gif);}
div.pathway {float:left; width: 180px; background: url(../images/interface/bg_pathway_hp.gif) 0 47px no-repeat;}
div.pathway p.list {margin-bottom:0;}
div.pathway p {font-size: 1em; padding: 0 8px 0 10px;}
div.pathway.controls {background:none;}
div.pathway.controls p {margin-top:0;}
div.pathway a.a2 {margin-left: 3px;}
p.list {line-height: 1.6;}
div.home {margin-left: 14px;}
* html div.home {margin-left: 7px;}
div.purchase, div.mortgage {margin-left: 5px;}
/*helpers*/
.aright {text-align:right;}
.printonly {display:none;}
.right {float:right;}
.left {float:left;}
.clear {clear:both;}
.clearl {clear:left;}
.clearr {clear:right;}
/* use these declarations for elements that require clearing*/
/* ~The clear list~ */
div.bordered:after,
div.main:after,
div.content:after,
div.sidebar:after,
fieldset:after,
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
/* Hides from IE-mac \*/
* html .bordered,
* html .main,
* html .content,
* html .sidebar,
* html .clearfix {height: 1%;}
/* .maincontent, p.bio already have a height declaration */
/* End hide from IE-mac */