body,
input,
select {
	font-family: Arial, Helvetica, san-serif;
}
body {
	font-size: 0.85em;
}

div#wrap {
	width: 978px;
	padding-left: 17px;
}


a { 
	outline: none;
}
a:link {
	color: #39C;
	text-decoration: none;
}
a:visited {
	color: #39C;
	text-decoration: none;
}
a:hover {
	color: #76B900;
	text-decoration: underline;
}
a:active {
	color: #76B900;
	text-decoration: none;
}

	h5 {
		font-size: 1.2em;
		margin: 24px 0 2px 0;
		padding: 0;
	}

body,
h1 a,
h2 a,
div#header div#mainnav ul#mainnav,
div#leftcolumn div#announcementbox h4,
.signinbox form div#username,
.signinbox form div#password,
.signinbox fieldset,
.signinbox form div#submit,
.signinbox ul li,
.signinbox h3,
.signinbox p {
	margin:0;
	padding:0;
}

#notopmargin {
	margin-top: 0;
}

.signinbox fieldset,
#signinBoxHeaderOn form div#username div input#username-field,
#signinBoxHeaderOn form div#password div input#password-field,
.signinbox form div#username div input#username-field1,
.signinbox form div#password div input#password-field1 {
	border: 0;
}

.signinbox legend,
#signinBoxHeader,
hr {
	display: none;
}

.button ,
h1 a,
h2 a,
div#header div#mainnav ul#mainnav li,
div#header div#mainnav ul#mainnav li a,
div#ratesTableOn a#rateTableOff,
div#compareLoansFormOn a#compareLoansFormOff {
	display: block;
}

.button,
h1 a,
h2 a,
div#header div#mainnav ul#mainnav li a,
.signinbox h3,
.signinboxHeader h3,
div#rightcolumn h3#mortgageOptions,
div#rightcolumn h4#refinanceHome,
div#rightcolumn h4#buyingHome,
div#ratesTableOn h5,
div#ratesTableOn a#rateTableOff,
div#compareLoansFormOn h5,
div#compareLoansFormOn a#compareLoansFormOff,
#signinBoxHeaderOn h3  {
	text-indent:-9999px;
	font-size: .30em;
}

div#header address,
div#leftcolumn form label.overlabel,
.signinbox form label.overlabel-apply,
.signinbox form div#username div input#username-field,
.signinbox form div#password div input#password-field,
div#compareLoansFormOn table select,
div#compareLoansFormOn table input {
	color: #666;
}

div#footer p {
	color: #999;
}

div#leftcolumn div#announcementbox h4,
.signinbox p,
.signinbox h4,
#signinBoxHeaderOn h4,
div#leftcolumn form label{
	color: white;
}

div#leftcolumn div#announcementbox2 h4,
.signinbox p,
.signinbox h4,
#signinBoxHeaderOn h4,
div#leftcolumn form label{
	color: white;
}
div#leftcolumn form label{
	display: block;
}


div#header address {
	font-style: normal;
}

div#header address,
.signinbox p,
#signinBoxHeaderOn p  {
	font-style: bold;
}

div#leftcolumn div#announcementbox h4,
.signinbox h4,
#signinBoxHeaderOn h4 {
	font-size: 1.1em;
}

div#header ul,
div#rightcolumn ul,
div#footer ul {
	list-style: none;
}
div#header li,
div#footer li {
	display: inline;
}
div#rightcolumn ul,
div#footer ul {
	margin: 0;
	padding: 0;
}
div#rightcolumn li {
	background: url(../img/bullets.gif) no-repeat 10px 50%;
	padding-left: 23px;
}

.signinbox,
#signinBoxHeaderOn  {
	background: url(../img/homepage/loginBoxBG.gif) no-repeat top left;
	width: 245px;
	height: auto;
	margin-left: 3px;	
}
.signinbox div#bottom,
#signinBoxHeaderOn div#bottom{
	background: url(../img/homepage/loginBoxBGBottom.gif) no-repeat bottom left;
	padding: 11px 18px 14px 18px;
	width: 209px;
	height: auto;
}
.signinbox ul li {
	background: url(../img/homepage/whitebullet.gif) no-repeat 10px 50%;
	padding-left: 23px;
}
.signinbox ul li a:link,
.signinbox ul li a:visited,
#signinBoxHeaderOn  ul li a:link,
#signinBoxHeaderOn  ul li a:visited {
	color: white;
	text-decoration: underline !important;
}
.signinbox ul li a:hover,
#signinBoxHeaderOn  ul li a:hover {
	text-decoration: underline !important;
	color: #FFF000 !important;
}
.signinbox ul li a:active,
#signinBoxHeaderOn ul li a:active {
	color: white;
}
.signinbox h3,
#signinBoxHeaderOn h3 {
	width: 201px;
	height: 18px;
	background: url(../img/homepage/h3_currentCustomers.gif) no-repeat top left;
	margin: 0;
	padding: 0;
}
.signinbox h4,
#signinBoxHeaderOn h4 {
	margin:6px 0 0 0;
	padding:0;
}
.signinbox h4#onlineAccess,
#signinBoxHeaderOn h4#onlineAccess {
	padding-top:8px;
	margin-top: 8px;
	border-top: 1px dotted white;
}
.signinbox h4#loanstatus,
#signinBoxHeaderOn h4#loanstatus {
	margin:8px 0 0 0;
	padding:0;
}

.signinbox form,
#signinBoxHeaderOn form {
	margin:4px 0 0 0;
	padding:0;
	position:relative;
}
.signinbox form div#username,
.signinbox form div#password,
#signinBoxHeaderOn form div#username,
#signinBoxHeaderOn form div#password {
	background: url(../img/homepage/loginInputBottomBG.gif) no-repeat bottom left;
	position:relative;
	float:left;
}
#signinBoxHeaderOn form div#username,
#signinBoxHeaderOn form div#password {
	margin-left: 5px;	
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
legend {
	display: none;
}


.signinbox form div#username
 {
 	margin-bottom: 4px
}

.signinbox form div#username div,
.signinbox form div#password div,
#signinBoxHeaderOn form div#username div,
#signinBoxHeaderOn form div#password div {
	background: url(../img/homepage/loginInputBG.gif) no-repeat top left;
	width: 210px;
	height: auto;
}
.signinbox form label.overlabel-apply,
#signinBoxHeaderOn form label.overlabel-apply {
	position:absolute;
	top:5px;
	left:8px;
	z-index:1;
	cursor: text;
}
.signinbox form div#username div input#username-field1,
.signinbox form div#password div input#password-field1,
#signinBoxHeaderOn form div#username div input#username-field,
#signinBoxHeaderOn form div#password div input#password-field {
	background-color: transparent;
	width: 195px;
	height: 1.3em;
	margin:0;
	padding-left:7px;
	padding-top: 4px;
	font-size: 1em
}
.signinbox form div#submit,
#signinBoxHeaderOn form div#submit {
	position:relative;
	float:left;
}
.signinbox form div#submit input,
#signinBoxHeaderOn form div#submit input {
	margin: 9px 0 0 0;
	padding: 0;
}
.signinbox ul,
#signinBoxHeaderOn ul {
	list-style: none;
	margin: 4px 0 0 0;
	padding: 0 0 9px 0;
	border-bottom: 1px dotted white;
}
.signinbox ul li,
#signinBoxHeaderOn ul li {
	line-height: 1.5em;
}
.signinbox a#loanstatus,
#signinBoxHeaderOn a#loanstatus {
	background: url(../img/homepage/buttonCheckApplication.gif) no-repeat top left;
	width: 166px;
	height: 23px;
	border: 0;
	margin: 4px 0 0 0;
	padding: 0;
}
.signinbox a#loanstatus:hover,
#signinBoxHeaderOn a#loanstatus:hover {
	background: url(../img/homepage/buttonCheckApplication.gif) no-repeat 0 -27px;
}
#signinBoxHeaderOn li {
	display: block !important;
}
div#signinBoxHeaderOn {
	display: block;
	position: absolute;
	top: 34px;
	left: 722px;
	z-index: 35;
}



div#ttip {
	margin:3px;
  	padding:3px;

}
div#ttip p {
  margin:0;
  padding:0;
  
}



.contact_h3 {

	font-family:Arial, Helvetica, sans-serif;

	color:#006;

	font-size:16px;

	font-weight:bold;

	padding-left: 5px;

}

.ratewatch_1 {

	font-family:Arial, Helvetica, sans-serif;

	color:#006;

	font-size:16px;

	font-weight:bold;

	background: url(../images/divdots.gif) repeat-x left bottom;

	padding-bottom: 10px;

}

.contact_h16 {

	font-family:Arial, Helvetica, sans-serif;

	color:#000000;

	font-size:11px;

	font-weight:normal;

	padding-left: 4px;

}

.contact_h17 {

	font-family:Arial, Helvetica, sans-serif;

	color:#666666;

	font-size:11px;

	font-weight:normal;

}

.apply_dots {

	float:left;

	background-image: url(../images/div_dots2.gif);

	background-repeat: repeat-y;

	background-position: top;

}

A.apply:visited {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	text-decoration: underline;

}

A.apply:hover {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	text-decoration: underline;

}

.ratewatch {

	font-family:Arial, Helvetica, sans-serif;

	color:#000000;

	font-size:12px;

	font-weight:bold;

	padding-left: 4px;

	padding-top: 4px;

	padding-bottom: 8px;

	background: url(../images/divdots.gif) repeat-x left bottom;

}

.datapadLayout {

    margin-top: 45px;

}



#quicklinks {
	MARGIN: 10px 0px 0px; WIDTH: 175px
}
#quicklinks A {
	TEXT-DECORATION: underline
}
#quicklinksbox {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 1px 0px 0px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid
}
#quicklinks H3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; BACKGROUND: #dce5f2; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #006; PADDING-TOP: 4px
}
#quicklinks UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#quicklinks UL LI {
	PADDING-LEFT: 10px; BACKGROUND: url(../images/bullet_square_red_2.gif) no-repeat left top; PADDING-BOTTOM: 3px; MARGIN: 0px
}


.contact_h1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #006
}
.contact_h3 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #006
}
.contact_h16 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #006; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.underline_h16 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #006; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.contact_h16_normal {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.contact_h17 {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif
}
#apply_tab TABLE {
	MARGIN: 0px 0px 0px -10px
}
#apply_tab TABLE TD {
	PADDING-RIGHT: 3px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}
#dottedline {
	BACKGROUND: url(../images/divdots.gif) repeat-x left center; PADDING-BOTTOM: 10px
}
.vertdots {
	BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(../images/vert_dots.html); BACKGROUND-REPEAT: repeat-y
}
.ssdagger {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; VERTICAL-ALIGN: super
}
.asterix {
	FONT-SIZE: 12px; MARGIN: 10px 0px 0px; COLOR: #ff0000
}
.number_bold {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #f00
}
#applybg {
	BACKGROUND-COLOR: #e6eff7
}
.buttongap {
	PADDING-LEFT: 12px
}
#totalpmt {
	BACKGROUND: url(../images/divdots.gif) repeat-x left top; PADDING-TOP: 3px
}
#whitebg {
	BACKGROUND-COLOR: #ffffff
}
#applyphonebg {
	BACKGROUND-IMAGE: url(../images/current_customers_2.gif)
}
#applyphonebg1 {
	BACKGROUND-IMAGE: url(../images/looking_for_mortgage_2.gif)
}


A.more1:link {
	font-family:Arial, Helvetica, sans-serif;
	color:#000066;
	font-size:12px;
	font-weight:normal;
	padding-left: 4px;
	text-decoration: underline;
}
A.more1:visited {
	font-family:Arial, Helvetica, sans-serif;
	color:#000066;
	font-size:12px;
	font-weight:normal;
	text-decoration: underline;
}
A.more1:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#000066;
	font-size:12px;
	font-weight:normal;
	text-decoration: underline;
}
A.more1:active {
	font-family:Arial, Helvetica, sans-serif;
	color:#000066;
	font-size:12px;
	font-weight:normal;
	text-decoration: underline;
}


div#partners ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 30px;
	
}
div#partners li {
	background: url(../img/bullets.gif) no-repeat 10px 50%;
	padding-left: 23px;
}


div#listStyle ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div#listStyle li {
	background: url(../img/bullets.gif) no-repeat 10px 50%;
	padding-left: 23px;
}


.LoanSelectHeader {
	background-color:#f5f5f5;
	text-align:center
}
.LoanSelectHeaderEmphasis {
	color:#006;
	background-color:#dce5f2;
	font-size:12px;
	font-weight:bold;
	vertical-align: middle;
}
.TableRowOdd {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#f5f5f5;
	color:#000000;
	background-color:#FFFFFF;
	font-size:12px
}
.TableRowEven {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#f5f5f5;
	color:#000000;
	background-color:#FFFFFF;
	font-size:12px
}
.SummaryTitle {color:#006;background-color:#dce5f2;font-size:12px;font-weight:bold;}
.SummaryTitleGreen {color:#000;background-color:#b1b9ac;font-size:12px;font-weight:bold;}
.SummarySubTitle {color:#000066;font-size:12px;font-weight:bold;}
.SummarySubTotal {color:#000066;background-color:#FFFFFF;font-size:12px;font-weight:bold;}
.SummaryTotal {color:#000000;background-color:#FFFFFF;font-size:12px;font-weight:bold;}
.SummaryTotalGreen {color:#fff;background-color:#b1b9ac;font-size:12px;font-weight:bold;}
.Answer  {color:#000000;font-size:12px;}
.Narrative  {font-size:12px;padding:3px;}
.alignLeft{text-align:left;}
.NegativeNumber  {color:#FF0000;font-size:12px;font-weight:bold;}
.Disclaimer  {color:#666666;font-size:12px;}
.Disclaimer  A{color:#0000FF;font-size:12px;}
.paddingLeft20px {padding-left:20px}
.padBtm5px{padding-bottom:5px;}
.padTopBtm0px{padding-bottom:0px;padding-top:0px;}


div#header {
	margin-bottom: 12px;
}

div#header div#mainnav {
	width: 970px;
	height: 106px;
	background: url(../img/headerFooter/mainNav_bkg.gif) no-repeat top left;
	clear: both;
	padding-top: 10px;
	
}
div#header div#mainnav ul#mainnav {
	width: auto;
	height: 31px;
	margin-left: 9px;
	padding-top: 62px;
}
div#header div#mainnav ul#mainnav li,
div#header div#mainnav ul#mainnav li a {
	float: left;
	padding-left: 10px;
}

div#header div#mainnav ul#mainnav li#home a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat 4px 0;
	width: 64px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#home a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat 4px -24px;
}
body.home div#header div#mainnav ul#mainnav li#home a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat 4px -48px;
}

div#header div#mainnav ul#mainnav li#buying a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -64px 0px;
	width: 115px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#buying a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -64px -24px;
}
body.buy div#header div#mainnav ul#mainnav li#buying a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -64px -48px;
}

div#header div#mainnav ul#mainnav li#refinancing a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -195px 0px;
	width: 180px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#refinancing a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -195px -24px;
}
body.refi div#header div#mainnav ul#mainnav li#refinancing a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -195px -48px;
}

div#header div#mainnav ul#mainnav li#compare a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -359px 0px;
	width: 135px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#compare a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -359px -24px;
}
body.comp div#header div#mainnav ul#mainnav li#compare a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -359px -48px;
}

div#header div#mainnav ul#mainnav li#appl a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -493px 0px;
	width: 69px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#appl a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -493px -24px;
}
body.apply div#header div#mainnav ul#mainnav li#appl a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -493px -48px;
}

div#header div#mainnav ul#mainnav li#homeownerassistance a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -563px 0px;
	width: 185px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#homeownerassistance a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -563px -24px;
}
body.assist div#header div#mainnav ul#mainnav li#homeownerassistance a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -563px -48px;
}

div#header div#mainnav ul#mainnav li#help a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -755px 0px;
	width: 64px;
	height: 31px;
}
div#header div#mainnav ul#mainnav li#help a:hover{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -755px -24px;
}
body.help div#header div#mainnav ul#mainnav li#help a{
	background: url(../img/headerFooter/mainNav.gif) no-repeat -755px -48px;
}

ul#corpinfo {
	float: right;
	margin: 7px 20px 12px 0;
	_margin: 7px 10px 12px 0;
	padding:0
}
ul#corpinfo li {
	margin: 0;
	padding: 0 5px 0 1px;
}

h1#header {
	background: url(../img/headerFooter/logo.jpg) no-repeat top left;
	width: 350px;
	height: 72px;
	position: absolute;
	top: 76px;
	left: 27px;
	z-index: 1000;
	margin:0;
	padding:0;
}
h1#header a{
	width: 75px;
	height: 44px;
}

h2#header {
	background: url(../img/headerFooter/header.gif) no-repeat top left;
	width: 400px;
	height: 40px;
	position: absolute;
	top: 28px;
	left: 25px;
	z-index: 2000;
	margin:0;
	padding:0;
}
h2#header a{
	width: 125px;
	height: 21px;
}
div#phoneSign {
	clear: both;
	float: right;
	
}
div#phoneSign address {
	margin: 3px 0 0 0;
	padding: 0;
}

div#header a#h_signin,
div#header a#h_signout,
address {
	display: block;
	float: left;
}
div#header address {
 	padding: 3px 25px 3px 13px;
	margin: 0 0 0 12px;
	width: auto;
	height: 22px;
}
div#header a#h_signin,
div#header a#h_signout {
	width: 252px;
	height: 22px;
	padding: 3px 5px 3px 13px;
	margin: 0 0 0 12px;
	color: #76B900;
}
div#header a#h_signin {
	background: url(../img/headerFooter/h_signin.gif) no-repeat top left;
}
div#header a#h_signout {
	background: url(../img/headerFooter/h_signout.gif) no-repeat top left;
}

div#header ul#subnav {
	margin:5px 0 0 23px;
	padding:0;
}
div#header ul#subnav li {
	margin-right: 15px;
	padding:0;
}
body.subNavItem1 div#header ul#subnav li#subNavItem1 a,
body.subNavItem2 div#header ul#subnav li#subNavItem2 a,
body.subNavItem3 div#header ul#subnav li#subNavItem3 a,
body.subNavItem4 div#header ul#subnav li#subNavItem4 a,
body.subNavItem5 div#header ul#subnav li#subNavItem5 a,
body.subNavItem6 div#header ul#subnav li#subNavItem6 a,
body.subNavItem7 div#header ul#subnav li#subNavItem7 a{
	color: #FF060E;
	text-decoration: none;
}


div#header div#mainnav p#customername {
	font-size: 1.2em;
	color: #666;
}
div#header div#mainnav p span{
	color: #3399CC
}
div#header div#mainnav p {
	padding-left: 20px;
	margin-top: 69px;
	display: block;
	float: left;
}
div#header div#mainnav p#viewprofile,
div#header div#mainnav p#secure {
	margin-top: 70px;

}
div#header div#mainnav p#secure {
	background: url(../img/headerFooter/servicingprofilelock.gif) no-repeat top left;
	float: right;
	padding-right: 20px;
}


div#footer {
	margin: 0 0 10px 3px;
	padding-top: 20px;
	clear: both;
}
div#footer div#top {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 949px;
	padding-top: 8px;
	padding-bottom: 7px;
	margin-bottom: 8px;	
}
div#footer div#bottom {
	width: 949px;
}
div#footer div p#equalHousing {
	float: left;
	margin: 0;
	padding: 0 0 0 34px;
}
div#footer p#allCalls {
	margin: 5px 0 0 0;
	padding: 0;
}
div#footer p#copyright {
	float: right;
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
        padding-bottom:20px;
}
div#footer ul {
	text-align: right;
}
div#footer ul li {
	padding-left: 6px;
}
div#leftcolumn {
	width: 245px;
	height: auto;
	float: left;
}
div#rightcolumn {
	float: right;
	padding-right: 23px;
	_padding-right: 12px;
	width: 689px;
	height: auto;
}


div#leftcolumn div#announcementbox {
	background: url(../img/homepage/announcementTopBG.gif) no-repeat top left;
	width: 245px;
	height: auto;
	margin: 0px 0 0 3px;
}



div#leftcolumn div#announcementbox div {
	background: url(../img/homepage/announcementBottomBG.gif) no-repeat bottom left;
	padding: 11px 18px 14px 18px;
	width: 209px;
	height: auto;
}
div#leftcolumn div#announcementbox div a{
	background: url(../img/homepage/buttonLearnMore.gif) no-repeat top left;
	width: 94px;
	height: 23px;
	margin: 4px 0 0 0;
	padding: 0;
}
div#leftcolumn div#announcementbox div a:hover{
	background: url(../img/homepage/buttonLearnMore.gif) no-repeat 0 -27px;
}
div#leftcolumn div#announcementbox p {
	color: white;
}



div#leftcolumn div#announcementbox2 {
	background: url(../img/homepage/announcementTopBG.gif) no-repeat top left;
	width: 220px;
	height: auto;
	margin: 8px 0 0 3px;
}



div#leftcolumn div#announcementbox2 div {
	background: url(../img/homepage/announcementBottomBG.gif) no-repeat bottom left;
	padding: 11px 18px 14px 18px;
	width: 209px;
	height: auto;
}
div#leftcolumn div#announcementbox2 div a{
	background: url(../img/homepage/buttonLearnMore.gif) no-repeat top left;
	width: 94px;
	height: 23px;
	margin: 4px 0 0 0;
	padding: 0;
}
div#leftcolumn div#announcementbox2 div a:hover{
	background: url(../img/homepage/buttonLearnMore.gif) no-repeat 0 -27px;
}
div#leftcolumn div#announcementbox2 p {
	color: white;
}



div#rightcolumn h3#mortgageOptions {
	background: url(../img/homepage/h3_nowIsAGreatTime.gif) no-repeat top left;
	width: 689px;
	height: 22px;
	margin: 16px 0 0 0;
	padding: 0;
}
div#rightcolumn h4#refinanceHome {
	background: url(../img/homepage/h4_refinancingHome.gif) no-repeat top left;
	width: 195px;
	height: 18px;
	margin: 0;
	padding: 0;
}
div#rightcolumn h4#buyingHome {
	background: url(../img/homepage/h4_buyingHome.gif) no-repeat top left;
	width: 170px;
	height: 18px;
	margin: 0;
	padding: 0;
}
div#rightcolumn p {
	margin: 8px 0 0 0;
	padding: 0;
}
div#rightcolumn a#todaysRates {
	background: url(../img/homepage/buttonSeeTodayRates.gif) no-repeat top left;
	width: 163px;
	height: 23px;
	margin: 11px 0 0 0;
	padding: 0;
	float: left;
	cursor: pointer;
}
div#rightcolumn a#todaysRates:hover {
	background: url(../img/homepage/buttonSeeTodayRates.gif) no-repeat 0 -27px;
}
div#rightcolumn a#todaysRatesOn {
	background: url(../img/homepage/buttonSeeTodayRates.gif) no-repeat 0 -27px;
	width: 163px;
	height: 23px;
	margin: 11px 0 0 0;
	padding: 0;
	float: left;
	cursor: pointer;
}
div#rightcolumn a#homeValueFinder {
	background: url(../img/homepage/buttonHomeValue.gif) no-repeat top left;
	width: 117px;
	height: 23px;
	margin: 11px 0 0 15px;
	padding: 0;
	float: left;
	cursor: pointer;
}
div#rightcolumn a#homeValueFinder:hover {
	background: url(../img/homepage/buttonHomeValue.gif) no-repeat 0 -27px;
}
div#rightcolumn a#compareLoans {
	background: url(../img/homepage/buttonCompareLoans.gif) no-repeat top left;
	width: 101px;
	height: 23px;
	margin: 11px 0 0 185px;
	padding: 0;
	cursor: pointer;
}
div#rightcolumn a#compareLoans:hover {
	background: url(../img/homepage/buttonCompareLoans.gif) no-repeat 0 -27px;
}
div#rightcolumn a#compareLoansOn {
	background: url(../img/homepage/buttonCompareLoansActive.gif) no-repeat top left;
	width: 111px;
	height: 30px;
	margin: 11px 0 0 180px;
	padding: 0;
	cursor: pointer;
}
div#rightcolumn div#options {
	background: url(../img/homepage/optionsBorderBG.gif) no-repeat top left;
	width: 688px;
	height: auto;
	margin: 7px 0 0 0;
	padding: 19px 0 0 0;
}
div#rightcolumn div#options div#buying {
	float: left;
	width: 318px;
	height: auto;
}
div#rightcolumn div#options div#refinancing {
	background: url(../img/homepage/optionsRightColBG.gif) no-repeat 0 29px;
	width: 318px;
	margin: 0;
	padding: 0 0 0 31px;
	height: auto;
	float: right;
}
div#rightcolumn div#options div#buying li,
div#rightcolumn div#options div#refinancing li {
	line-height: 1.7em;
}

div#ratesTable {
	display: none;
}
div#ratesTableOn {
	display: block;
	background: url(../img/homepage/ratesTable.png) no-repeat top left;
	width: 345px;
	height: 161px;
	position: absolute;
	top: 380px;
	left: 440px;
	z-index: 10;
	padding: 32px 25px 46px 53px;
	color: white;
}
div#ratesTableOn h5 {
	background: url(../img/homepage/h5_FixedRatesAssumes.gif) no-repeat top left;
	width: 235px;
	height: 12px;
	margin: 0 0 13px 0;
	padding:0;
	float: left;
}
div#ratesTableOn a {
	color: white;
	text-decoration: underline;
}
div#ratesTableOn table {
	width: 309px;
	height: auto;
	border-collapse: collapse;
	clear:  both;
}
div#ratesTableOn table th {
	text-align: left;
}
div#ratesTableOn table tr#header th {
	font-weight: bold;
	border-bottom: 1px solid white;
}
div#ratesTableOn table th#Points,
div#ratesTableOn table .Points {
	text-align: center;
}
div#ratesTableOn table td{
	width: 103px;
}
div#ratesTableOn table th#APR,
div#ratesTableOn .assumption,
div#ratesTableOn .APRColumn {
	text-align: right;
}
div#ratesTableOn td a:link,
div#ratesTableOn td a:visited {
	color: white;
}
div#ratesTableOn td a:hover {
	color: #FFF000;
}
div#ratesTableOn td a:active {
	color: white;
}
div#ratesTableOn table tr#header th {
	font-weight: bold;
	color: white;
	padding-bottom: 2px;
}
div#ratesTableOn table tr#header th#Rate {
	
}
div#ratesTableOn table tr#header th#Points {
	
}
div#ratesTableOn table tr#header th#APR {
	
}
div#ratesTableOn tfoot td {
	padding-top: 10px;
}
div#ratesTableOn a#rateTableOff {
	background: url(../img/homepage/buttonRatesTableOff.gif) no-repeat top left;
	position: relative;
	z-index: 20;
	top: -15px;
	left: 77px;
	width: 23px;
	height: 23px;
	float: left;
	cursor: pointer;
}
div#ratesTableOn a#rateTableOff:hover {
	background: url(../img/homepage/buttonRatesTableOffHover.gif) no-repeat top left;	
}

div#compareLoansForm  {
	display: none;
}
div#compareLoansFormOn {
	background: #3399CC url(../img/homepage/compareLoansBG.jpg) no-repeat top left;
	width: 689px;
	height: auto;
}
div#compareLoansFormOn div#compareLoansBtm {
	background: url(../img/homepage/compareLoansBGbtm.jpg) no-repeat bottom left;	
}
div#compareLoansFormOn h5 {
	background: url(../img/homepage/h5_CompareLoans.gif) no-repeat 17px 16px;
	width: 275px;
	height: 33px;
	padding:0;
	margin: 0 0 5px 0;
	float: left;
}
div#compareLoansFormOn a#compareLoansFormOff {
	background: url(../img/homepage/buttonCompareLoansOff.gif) no-repeat top left;
	position: relative;
	z-index: 21;
	top: 5px;
	left: 385px;
	width: 22px;
	height: 22px;
	float: left;
	cursor: pointer;
}
div#compareLoansFormOn a#compareLoansFormOff:hover {
	background: url(../img/homepage/buttonCompareLoansOffHover.gif) no-repeat top left;	
}
div#compareLoansFormOn form {
	margin: 0;
	padding: 0;
}
div#compareLoansFormOn form label span {
	font-family: Verdana, Arial, Helvetica, san-serif;
}
div#compareLoansFormOn form table td p {
	padding: 0 0 0 2px;
	margin: 0;
	color: white;
	font-size: .92em;
	display: block;
}
div#compareLoansFormOn form table td p.dollar {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 1em;
}
div#compareLoansFormOn form p input {
	margin-left: 2px;
}
div#compareLoansFormOn form table {
	clear: both;
	margin: 6px 0 0 14px;
	padding:0;
	
}
div#compareLoansFormOn form table td {
	padding-bottom: 4px;
	padding-right: 7px;
	white-space: nowrap;
	vertical-align: top;
	
}
div#compareLoansFormOn form table select,
div#compareLoansFormOn form table input#city {
	display: block;
	margin-left: 11px;
}
div#compareLoansFormOn form table select,
div#compareLoansFormOn form table input {
	margin-top: 3px;
}
div#compareLoansFormOn form input#CompareLoansSubmit {
	margin: 19px 15px 12px 550px;
}

div#compareLoansFormOn form label {
	font-weight: bold;
	color: white;
	cursor: pointer;
	display: block;
	padding-bottom: 2px;
}
div#compareLoansFormOn form label#loanPurposeLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 70px 0;
}
div#compareLoansFormOn form label#loanAmountLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 123px 0;
}
div#compareLoansFormOn form label#homeValueLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 89px 0;
}
div#compareLoansFormOn form label#cityLabel,
div#compareLoansFormOn form label#stateLabel,
div#compareLoansFormOn form label#countyLabel {
	cursor: default;
}
div#compareLoansFormOn form label#propertyUseLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 97px 0;
}
div#compareLoansFormOn form label#propertyTypeLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 102px 0;
}
div#compareLoansFormOn form label#lockPeriodLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 167px 0;
}

div#compareLoansFormOn div#errorbox {
	width: 620px;
	clear: both;
	margin-left: 17px;
}
div#compareLoansFormOn div#errorbox div#top {
	background: url(../img/homepage/comLoansErrorTop.gif) no-repeat top left;
	width: 620px;
	height: 5px;
	font-size: .01em;
}
div#compareLoansFormOn div#errorbox div#bottom {
	background: url(../img/homepage/comLoansErrorBottom.gif) no-repeat bottom left;
	width: 620px;
	height: 5px;
	font-size: .01em;
}
div#compareLoansFormOn div#errorbox div#middle {
	background: #F46767 url(../img/largeErrorSymbol.gif) no-repeat 15px 3px;
	padding: 12px 24px;
}
div#compareLoansFormOn div#errorbox div#middle p {
	margin: 0 0 5px 45px;
	padding: 0;
}
div#compareLoansFormOn div#errorbox div#middle ul {
	margin: 0;
	padding: 0 0 0 65px;
	list-style-type: disc;

}
div#compareLoansFormOn div#errorbox div#middle li {
	background-image: none;
	margin:0;
	padding:0;
}
div#compareLoansFormOn form td.error {
	background: url(../img/homepage/smallCLErrorSymbol.gif) no-repeat 0 23px;
}
div#compareLoansFormOn form td.error input,
div#compareLoansFormOn form td.error select {
	color: white;
	margin-left: 20px;
	background-color: #F46767;
}
div#compareLoansFormOn form td.error input#city  {
	margin-left: 20px;
}
div#compareLoansFormOn form td.error p {
	margin-left: 20px;
}
div#compareLoansFormOn form td.error p input {
	margin-left: 2px;
}

div#leftcolumn {
	width: 245px;
	height: auto;
	float: left;
}
div#rightcolumn {
	float: right;
	padding-right: 23px;
	_padding-right: 12px;
	width: 689px;
	height: auto;
}


div#leftcolumn div#announcementbox {
	background: url(../img/homepage/announcementTopBG.gif) no-repeat top left;
	width: 245px;
	height: auto;
	margin: 0px 0 0 3px;
}



div#leftcolumn div#announcementbox div {
	background: url(../img/homepage/announcementBottomBG.gif) no-repeat bottom left;
	padding: 11px 18px 14px 18px;
	width: 209px;
	height: auto;
}
div#leftcolumn div#announcementbox div a{
	background: url(../img/homepage/buttonLearnMore.gif) no-repeat top left;
	width: 94px;
	height: 23px;
	margin: 4px 0 0 0;
	padding: 0;
}
div#leftcolumn div#announcementbox div a:hover{
	background: url(../img/homepage/buttonLearnMore.gif) no-repeat 0 -27px;
}
div#leftcolumn div#announcementbox p {
	color: white;
}



div#leftcolumn div#announcementbox2 {
	background: url(../img/homepage/announcementTopBG.gif) no-repeat top left;
	width: 245px;
	height: auto;
	margin: 8px 0 0 3px;
}



div#leftcolumn div#announcementbox2 div {
	background: url(../img/homepage/announcementBottomBG.gif) no-repeat bottom left;
	padding: 11px 18px 14px 18px;
	width: 209px;
	height: auto;
}
div#leftcolumn div#announcementbox2 div a{
	background: url(../img/homepage/buttonLearnMore.gif) no-repeat top left;
	width: 94px;
	height: 23px;
	margin: 4px 0 0 0;
	padding: 0;
}
div#leftcolumn div#announcementbox2 div a:hover{
	background: url(../img/homepage/buttonLearnMore.gif) no-repeat 0 -27px;
}
div#leftcolumn div#announcementbox2 p {
	color: white;
}



div#rightcolumn h3#mortgageOptions {
	background: url(../img/homepage/h3_nowIsAGreatTime.gif) no-repeat top left;
	width: 689px;
	height: 22px;
	margin: 16px 0 0 0;
	padding: 0;
}
div#rightcolumn h4#refinanceHome {
	background: url(../img/homepage/h4_refinancingHome.gif) no-repeat top left;
	width: 195px;
	height: 18px;
	margin: 0;
	padding: 0;
}
div#rightcolumn h4#buyingHome {
	background: url(../img/homepage/h4_buyingHome.gif) no-repeat top left;
	width: 170px;
	height: 18px;
	margin: 0;
	padding: 0;
}
div#rightcolumn p {
	margin: 8px 0 0 0;
	padding: 0;
}
div#rightcolumn a#todaysRates {
	background: url(../img/homepage/buttonSeeTodayRates.gif) no-repeat top left;
	width: 163px;
	height: 23px;
	margin: 11px 0 0 0;
	padding: 0;
	float: left;
	cursor: pointer;
}
div#rightcolumn a#todaysRates:hover {
	background: url(../img/homepage/buttonSeeTodayRates.gif) no-repeat 0 -27px;
}
div#rightcolumn a#todaysRatesOn {
	background: url(../img/homepage/buttonSeeTodayRates.gif) no-repeat 0 -27px;
	width: 163px;
	height: 23px;
	margin: 11px 0 0 0;
	padding: 0;
	float: left;
	cursor: pointer;
}
div#rightcolumn a#homeValueFinder {
	background: url(../img/homepage/buttonHomeValue.gif) no-repeat top left;
	width: 117px;
	height: 23px;
	margin: 11px 0 0 15px;
	padding: 0;
	float: left;
	cursor: pointer;
}
div#rightcolumn a#homeValueFinder:hover {
	background: url(../img/homepage/buttonHomeValue.gif) no-repeat 0 -27px;
}
div#rightcolumn a#compareLoans {
	background: url(../img/homepage/buttonCompareLoans.gif) no-repeat top left;
	width: 101px;
	height: 23px;
	margin: 11px 0 0 185px;
	padding: 0;
	cursor: pointer;
}
div#rightcolumn a#compareLoans:hover {
	background: url(../img/homepage/buttonCompareLoans.gif) no-repeat 0 -27px;
}
div#rightcolumn a#compareLoansOn {
	background: url(../img/homepage/buttonCompareLoansActive.gif) no-repeat top left;
	width: 111px;
	height: 30px;
	margin: 11px 0 0 180px;
	padding: 0;
	cursor: pointer;
}
div#rightcolumn div#options {
	background: url(../img/homepage/optionsBorderBG.gif) no-repeat top left;
	width: 688px;
	height: auto;
	margin: 7px 0 0 0;
	padding: 19px 0 0 0;
}
div#rightcolumn div#options div#buying {
	float: left;
	width: 318px;
	height: auto;
}
div#rightcolumn div#options div#refinancing {
	background: url(../img/homepage/optionsRightColBG.gif) no-repeat 0 29px;
	width: 318px;
	margin: 0;
	padding: 0 0 0 31px;
	height: auto;
	float: right;
}
div#rightcolumn div#options div#buying li,
div#rightcolumn div#options div#refinancing li {
	line-height: 1.7em;
}

div#ratesTable {
	display: none;
}
div#ratesTableOn {
	display: block;
	background: url(../img/homepage/ratesTable.png) no-repeat top left;
	width: 345px;
	height: 161px;
	position: absolute;
	top: 380px;
	left: 440px;
	z-index: 10;
	padding: 32px 25px 46px 53px;
	color: white;
}
div#ratesTableOn h5 {
	background: url(../img/homepage/h5_FixedRatesAssumes.gif) no-repeat top left;
	width: 235px;
	height: 12px;
	margin: 0 0 13px 0;
	padding:0;
	float: left;
}
div#ratesTableOn a {
	color: white;
	text-decoration: underline;
}
div#ratesTableOn table {
	width: 309px;
	height: auto;
	border-collapse: collapse;
	clear:  both;
}
div#ratesTableOn table th {
	text-align: left;
}
div#ratesTableOn table tr#header th {
	font-weight: bold;
	border-bottom: 1px solid white;
}
div#ratesTableOn table th#Points,
div#ratesTableOn table .Points {
	text-align: center;
}
div#ratesTableOn table td{
	width: 103px;
}
div#ratesTableOn table th#APR,
div#ratesTableOn .assumption,
div#ratesTableOn .APRColumn {
	text-align: right;
}
div#ratesTableOn td a:link,
div#ratesTableOn td a:visited {
	color: white;
}
div#ratesTableOn td a:hover {
	color: #FFF000;
}
div#ratesTableOn td a:active {
	color: white;
}
div#ratesTableOn table tr#header th {
	font-weight: bold;
	color: white;
	padding-bottom: 2px;
}
div#ratesTableOn table tr#header th#Rate {
	
}
div#ratesTableOn table tr#header th#Points {
	
}
div#ratesTableOn table tr#header th#APR {
	
}
div#ratesTableOn tfoot td {
	padding-top: 10px;
}
div#ratesTableOn a#rateTableOff {
	background: url(../img/homepage/buttonRatesTableOff.gif) no-repeat top left;
	position: relative;
	z-index: 20;
	top: -15px;
	left: 77px;
	width: 23px;
	height: 23px;
	float: left;
	cursor: pointer;
}
div#ratesTableOn a#rateTableOff:hover {
	background: url(../img/homepage/buttonRatesTableOffHover.gif) no-repeat top left;	
}

div#compareLoansForm  {
	display: none;
}
div#compareLoansFormOn {
	background: #3399CC url(../img/homepage/compareLoansBG.jpg) no-repeat top left;
	width: 689px;
	height: auto;
}
div#compareLoansFormOn div#compareLoansBtm {
	background: url(../img/homepage/compareLoansBGbtm.jpg) no-repeat bottom left;	
}
div#compareLoansFormOn h5 {
	background: url(../img/homepage/h5_CompareLoans.gif) no-repeat 17px 16px;
	width: 275px;
	height: 33px;
	padding:0;
	margin: 0 0 5px 0;
	float: left;
}
div#compareLoansFormOn a#compareLoansFormOff {
	background: url(../img/homepage/buttonCompareLoansOff.gif) no-repeat top left;
	position: relative;
	z-index: 21;
	top: 5px;
	left: 385px;
	width: 22px;
	height: 22px;
	float: left;
	cursor: pointer;
}
div#compareLoansFormOn a#compareLoansFormOff:hover {
	background: url(../img/homepage/buttonCompareLoansOffHover.gif) no-repeat top left;	
}
div#compareLoansFormOn form {
	margin: 0;
	padding: 0;
}
div#compareLoansFormOn form label span {
	font-family: Verdana, Arial, Helvetica, san-serif;
}
div#compareLoansFormOn form table td p {
	padding: 0 0 0 2px;
	margin: 0;
	color: white;
	font-size: .92em;
	display: block;
}
div#compareLoansFormOn form table td p.dollar {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 1em;
}
div#compareLoansFormOn form p input {
	margin-left: 2px;
}
div#compareLoansFormOn form table {
	clear: both;
	margin: 6px 0 0 14px;
	padding:0;
	
}
div#compareLoansFormOn form table td {
	padding-bottom: 4px;
	padding-right: 7px;
	white-space: nowrap;
	vertical-align: top;
	
}
div#compareLoansFormOn form table select,
div#compareLoansFormOn form table input#city {
	display: block;
	margin-left: 11px;
}
div#compareLoansFormOn form table select,
div#compareLoansFormOn form table input {
	margin-top: 3px;
}
div#compareLoansFormOn form input#CompareLoansSubmit {
	margin: 19px 15px 12px 550px;
}

div#compareLoansFormOn form label {
	font-weight: bold;
	color: white;
	cursor: pointer;
	display: block;
	padding-bottom: 2px;
}
div#compareLoansFormOn form label#loanPurposeLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 70px 0;
}
div#compareLoansFormOn form label#loanAmountLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 123px 0;
}
div#compareLoansFormOn form label#homeValueLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 89px 0;
}
div#compareLoansFormOn form label#cityLabel,
div#compareLoansFormOn form label#stateLabel,
div#compareLoansFormOn form label#countyLabel {
	cursor: default;
}
div#compareLoansFormOn form label#propertyUseLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 97px 0;
}
div#compareLoansFormOn form label#propertyTypeLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 102px 0;
}
div#compareLoansFormOn form label#lockPeriodLabel {
	background: url(../img/homepage/helpSymbol.gif) no-repeat 167px 0;
}

div#compareLoansFormOn div#errorbox {
	width: 620px;
	clear: both;
	margin-left: 17px;
}
div#compareLoansFormOn div#errorbox div#top {
	background: url(../img/homepage/comLoansErrorTop.gif) no-repeat top left;
	width: 620px;
	height: 5px;
	font-size: .01em;
}
div#compareLoansFormOn div#errorbox div#bottom {
	background: url(../img/homepage/comLoansErrorBottom.gif) no-repeat bottom left;
	width: 620px;
	height: 5px;
	font-size: .01em;
}
div#compareLoansFormOn div#errorbox div#middle {
	background: #F46767 url(../img/largeErrorSymbol.gif) no-repeat 15px 3px;
	padding: 12px 24px;
}
div#compareLoansFormOn div#errorbox div#middle p {
	margin: 0 0 5px 45px;
	padding: 0;
}
div#compareLoansFormOn div#errorbox div#middle ul {
	margin: 0;
	padding: 0 0 0 65px;
	list-style-type: disc;

}
div#compareLoansFormOn div#errorbox div#middle li {
	background-image: none;
	margin:0;
	padding:0;
}
div#compareLoansFormOn form td.error {
	background: url(../img/homepage/smallCLErrorSymbol.gif) no-repeat 0 23px;
}
div#compareLoansFormOn form td.error input,
div#compareLoansFormOn form td.error select {
	color: white;
	margin-left: 20px;
	background-color: #F46767;
}
div#compareLoansFormOn form td.error input#city  {
	margin-left: 20px;
}
div#compareLoansFormOn form td.error p {
	margin-left: 20px;
}
div#compareLoansFormOn form td.error p input {
	margin-left: 2px;
}
.transparent {
    filter:alpha(opacity=90);
    background-color:green;
    display:none;
    width:170;
    height:100;
    position:absolute;
    color: white;
    border: 1 green solid;
}
#layer1 {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 300px;
	left: 20px;
	top: 300px;
	background-color: #FFFFFF;
	border: 1px solid #000;
	padding: 10px;
}

#close {
	float: right;
}