/* Common CSS Starts Here */
a.green {
	color: #005952;
	text-decoration: none;
	font-weight: bold;
}
.greenText {
	color: #005952;
	text-decoration: none;
	font-weight: bold;
}
.PropertyInformation {
	width: 700px;
	background: #e5eeed;
	margin: 0px auto;
}
.PropertyInformation div.left {
	float: left;
	display: block;
	padding: 5px 30px 5px 5px;
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	width: 405px;
	/* background: url(../images/arrow.jpg) no-repeat 98% center;*/
}
.PropertyInformation div.right {
	float: left;
	display: block;
	padding: 3px 0px 0px 20px;
	width: 225px;
	margin-bottom: 5px;
}
.PropertyInformation select {
	display: block;
	float: left;
	margin: 3px;
	width: 220px;
	background-color: rgb(255, 255, 160);
}
.PropertyInformation input {
	display: block;
	float: left;
	margin: 3px;
	margin-top: 0px;
	background-color: rgb(255, 255, 160);
}
fieldset {
	margin-bottom: 15px;
}
legend {
	font-weight: bold;
	font-size: 140%;
	color: #1F5647;
	padding: 3px 8px;
	background: #FFFFFF;
}
body {
	margin: 10px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div, p, h1, form, input, ul, li  {
	margin: 0px;
	padding: 0px;
}
#MortgageLoan {
	width: 810px;
	margin: 0px auto;
}
img {
	border: none;
}
a {
	outline: none;
}

/* Header CSS Starts Here */
#MortgageTop {
	background: url(../images/ShadowTop.gif) no-repeat center top;
	width: 810px;
	height: 18px;
	font-size: 1px;
	clear: both;
}
#Home {
	background: url(../images/ShadowMiddle.gif) repeat-y center top;
	clear: both;
	float: left;
	padding: 0px 35px;
	width: 740px;
	height: 30px;
	text-align:right;
}
#Home a {
 
	line-height: 25px;
	color: #7f7f7f;
/*	background: url(../images/Home.gif) left 5px no-repeat;*/
	padding-left: 18px;
	font-size: 11px;
	text-decoration: none;
}
#Home a:hover {
	color: #7f7f7f;
	text-decoration: underline;
}
.h2 {
	color: #005952;
	text-decoration: underline;
	padding-bottom: 5px;
	font: 18px Georgia, "Times New Roman", Times, serif;
	display: block;
}
#MortgageHead {
	background: url(../images/ShadowMiddle.gif) repeat-y center top;
	clear: both;
	float: left;
	padding: 0px 35px;
	padding-bottom: 25px;
	width: 740px;
}
#MortgageHead h1 {
	background: url(../images/Mortgage.gif) no-repeat left top;
	width: 322px;
	height: 38px;
	text-indent: -100000px;
	float: left;
	display: block;
}
#MortgageHead h1 a {
	width: 322px;
	height: 38px;
	display: block;
}
#MortgageHead form {
	float: right;
	padding-top: 3px;
}
#MortgageHead form input.field {
	border: 1px solid #999999;
	width: 206px;
	font-size: 16px;
	padding-left: 3px;
	padding-top: 5px;
	color: #999999;
	height: 23px;
	float: left;
}
#MortgageHead form input.search {
	border: none;
	background: url(../images/SearchBg.gif) no-repeat right top;
	width: 66px;
	height: 30px;
	color: #FFFFFF;
	float: left;
	font: bold 16px/28px Arial, Helvetica, sans-serif;
}

/* Nav CSS Starts Here */
#MortgageNav {
	background: url(../images/ShadowMiddle.gif) repeat-y center top;
	padding: 0px 35px;
	width: 740px;
	clear: both;
}
#MortgageNav ul {
	list-style: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	height: 53px;
	width: 740px;
}
#MortgageNav ul li {
	display: inline;
	line-height: 53px;
}
#MortgageNav ul li a.left {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/Nav.jpg) no-repeat left top;
	height: 53px;
	float: left;
	padding: 0px 9px;
}
#MortgageNav ul li a.left:hover{
	padding: 0px 9px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/Nav.jpg) no-repeat left -53px;
	height: 53px;
	float: left;
}
#MortgageNav ul li a{
	padding: 0px 10px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/Nav.jpg) no-repeat -5px top;
	height: 53px;
	float: left;
}
#MortgageNav ul li a:hover{
	padding: 0px 10px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/Nav.jpg) no-repeat -5px -53px;
	height: 53px;
	float: left;
}
#MortgageNav ul li a.right{
	padding: 0px 9px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/Nav.jpg) no-repeat right top;
	height: 53px;
	float: left;
}
#MortgageNav ul li a.right:hover {
	padding: 0px 9px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/Nav.jpg) no-repeat right -53px;
	height: 53px;
	float: left;
}
/* Active Nav On Page CSS Starts Here */
#FhaLoanPage #MortgageNav ul li a.left{
	background: url(../images/Nav.jpg) no-repeat left -53px;
}
#RefinancePage #MortgageNav ul li a.RefinancePage, #HomeMortgagePage #MortgageNav ul li a.HomeMortgagePage, #HomeEquityPage #MortgageNav ul li a.HomeEquityPage, #VALoanPage #MortgageNav ul li a.VALoanPage {
	background: url(../images/Nav.jpg) no-repeat -5px -53px;
}
#ReverseMortgagePage #MortgageNav ul li a.right{
	background: url(../images/Nav.jpg) no-repeat right -53px;
}
/* Loan Advisor CSS Starts Here */
#MortgageLoanAdvisorWrap {
	background: url(../images/ShadowMiddle.gif) repeat-y center top;
	padding: 20px 35px;
	width: 740px;
	clear: both;
	height: 276px;
	float: left;
}
#MortgageLoanAdvisor {
	background: url(../images/ImagePanelBg.gif) no-repeat left top;
	height: 276px;
	width: 740px;
}
#MortgageLoanAdvisor .left {
	width: 350px;
	float: left;
	padding-top: 18px;
	padding-left: 25px;
}

#content-right h1{
    font-size:12px;
}

#MortgageLoanAdvisor .left h1 {
	color: #044944;
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
}
h1.head {
	color: #044944;
	font-size:18px;
	font-family: "Times New Roman", Times, serif;
}
#FhaLoanPage #MortgageLoanAdvisor .left h1, #RefinancePage #MortgageLoanAdvisor .left h1, #HomeMortgagePage #MortgageLoanAdvisor .left h1, #HomeEquityPage #MortgageLoanAdvisor .left h1, #VALoanPage #MortgageLoanAdvisor .left h1, #ReverseMortgagePage #MortgageLoanAdvisor .left h1 {
	color: #044944;
	font-size: 17px;
	font-family: "Times New Roman", Times, serif;
	height: 52px;
}
#MortgageLoanAdvisor .left ul {
	background: url(../images/ImagePanelArrow.gif) no-repeat right 8px;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}
#MortgageLoanAdvisor .left ul li {
	background: url(../images/bullet.gif) no-repeat left top;
	list-style: none;
	margin-bottom: 4px;
}
#MortgageLoanAdvisor .left ul li span {
	color: #FFFFFF;
	padding-left: 4px;
	padding-right: 12px;
}
#MortgageLoanAdvisor .left form {
	width: 350px;
	display: block;
	color: #000000;
}
#MortgageLoanAdvisor .left form label {
	width: 110px;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
	float: left;
	line-height: 20px;
	margin-bottom: 5px;
}
#MortgageLoanAdvisor .left form select {
	width: 235px;
	display: block;
	color: #000000;
	float: left;
	margin-bottom: 5px;
        font-size:12px;
}
#MortgageLoanAdvisor .left input[type=text] {
	width: 120px;
	display: block;
	color: #000000;
	float: left;
	margin-bottom: 5px;
        font-size:12px;
}

#MortgageLoanAdvisor .left form input.StartNow {
	background: url(../images/button-bg.gif) no-repeat left top;
	height: 32px;
	width: 109px;
	color: #FFFFFF;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	border: none;
        margin-left:3px;
	padding-left: 3px;
}
#MortgageLoanAdvisor .right {
	width: 250px;
	float: right;
}
#MortgageLoanAdvisor .right ul {
	margin-top: 230px;
}
#MortgageLoanAdvisor .right ul li {
	background: url(../images/bullet1.gif) no-repeat left 3px;
	list-style: none;
	padding-left: 20px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 5px;
}
/* Footer CSS Starts Here */
.MortgageMiddle1 {
	background: url(../images/ShadowMiddle1.gif) repeat-y center top;
	clear: both;
	padding: 0px 35px 0px;
	width: 740px;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}
.MortgageMiddle1 a {
	color: #ffffff;
	text-decoration: none;
}
.MortgageMiddle1 a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#MortgageBottom {
	background: url(../images/ShadowBottom.gif) no-repeat center top;
	width: 810px;
	clear: both;
	font-size: 12px;
	padding-top: 18px;
	text-align: center;
}
#MortgageBottom a {
	color: #000000;
	text-decoration: none;
}
#MortgageBottom a:hover {
	color: #000000;
	text-decoration: underline;
}
#MortgageBottom a.magnon {
	color: #999999;
	text-decoration: none;
}
#MortgageBottom a.magnon:hover {
	color: #999999;
	text-decoration: underline;
}
/* Body CSS Starts Here */
.MortgageMiddle {
	background: url(../images/ShadowMiddle.gif) repeat-y center top;
	padding: 0px 35px;
	width: 740px;
	float: left;
}
.MortgageMiddle .left {
	float:left;
	width: 470px;
	font-size: 13px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.MortgageMiddle .left .b1 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	background:#e5eeed;
	margin:0 5px;
}
.MortgageMiddle .left .b2 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:2px solid #e5eeed;
	background: #e5eeed;
	border-left:2px solid #e5eeed;
	margin:0 3px;
}
.MortgageMiddle .left .b3 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #e5eeed;
	background: #e5eeed;
	border-left:1px solid #e5eeed;
	margin:0 2px;
}
.MortgageMiddle .left .b4 {
	height:2px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #e5eeed;
	background: #e5eeed;
	border-left:1px solid #e5eeed;
	margin:0 1px;
}
.MortgageMiddle .left .content {
	border-right:1px solid #e5eeed;
	border-left:1px solid #e5eeed;
	background: #e5eeed;
	padding: 5px 20px;
	
}
.MortgageMiddle .left .content h1 {
	color: #005952;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
}
.MortgageMiddle .left .content p.FHALoans {
	display: block;
	padding-top: 10px;
	padding-bottom: 20px;
}
.MortgageMiddle .left .content p.MortgageRefinance {
	display: block;
	padding-top: 10px;
	padding-bottom: 20px;
}
.MortgageMiddle .left .content p.HomeLoans {
	display: block;
	padding-top: 10px;
	padding-bottom: 20px;
}
.MortgageMiddle .left .content p a {
	color: #333333;
	text-decoration: underline;
}
.MortgageMiddle .left .content p a:hover {
	color: #333333;
	text-decoration: none;
}
.MortgageMiddle .left .content p a.more {
	color: #005b7f;
	text-decoration: underline;
}
.MortgageMiddle .left .content p a.more:hover {
	color: #005b7f;
	text-decoration: none;
}
.MortgageMiddle .right {
	float: right;
	width: 252px;
	font-size: 13px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 13px;
}
.MortgageMiddle .right #Tools {
	float: left;
	width: 252px;
	padding-bottom: 20px;
	clear: both;
}
.MortgageMiddle .right #Tools h1 {
	color: #005952;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	padding-bottom: 10px;
}
.MortgageMiddle .right #Tools a {
	float: left;
	height: 50px;
	font: italic bold 16px/44px Georgia, "Times New Roman", Times, serif;
	color: #333333;
	text-decoration: none;
	padding-left: 66px;
	width: 186px;
	clear: both;
}
.MortgageMiddle .right a.MortgageCalculator {
	background: url(../images/bg1.gif) no-repeat left top;
}
.MortgageMiddle .right a.HUDRefundSearch {
	background: url(../images/bg2.gif) no-repeat left top;
}
.MortgageMiddle .right a.FHALoanLimits {
	background: url(../images/bg3.gif) no-repeat left top;
}
.MortgageMiddle .right h1 {
	color: #005952;
	text-decoration: underline;
	padding-bottom: 10px;
	float: left;
	font: 18px Georgia, "Times New Roman", Times, serif;
	display: block;
}
.MortgageMiddle .right p {
	float: left;
	width: 252px;
	padding-bottom: 10px;
}
.MortgageMiddle .right ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
}
.MortgageMiddle .right ul li {
	float: left;
	list-style: none;
	background: url(../images/bullet2.gif) no-repeat left 5px;
	padding-bottom: 5px;
	padding-left: 17px;
	width: 215px;
}

/* Sub Page Body CSS Starts Here */
.MortgageSubMiddle {
	background: url(../images/ShadowMiddle.gif) repeat-y center top;
	padding: 0px 35px;
	width: 740px;
	float: left;
}
.MortgageSubMiddle h1.single {
	color: #044944;
	font-size: 24px;
	padding-bottom: 15px;
	font-family: "Times New Roman", Times, serif;
	width: 740px;
	float: left;
}
.MortgageSubMiddle h1.head {
	color: #044944;
	font-size: 24px;
	padding-bottom: 15px;
	font-family: "Times New Roman", Times, serif;
	background:#FFFFFF;
	width: 740px;
	float: left;
}
.MortgageSubMiddle .left {
	float:left;
	width: 370px;
	font-size: 13px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.MortgageSubMiddle .left .b1 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	background:#e5eeed;
	margin:0 5px;
}
.MortgageSubMiddle .left .b2 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:2px solid #e5eeed;
	background: #e5eeed;
	border-left:2px solid #e5eeed;
	margin:0 3px;
}
.MortgageSubMiddle .left .b3 {
	height:1px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #e5eeed;
	background: #e5eeed;
	border-left:1px solid #e5eeed;
	margin:0 2px;
}
.MortgageSubMiddle .left .b4 {
	height:2px;
	font-size:1px;
	overflow:hidden;
	display:block;
	border-right:1px solid #e5eeed;
	background: #e5eeed;
	border-left:1px solid #e5eeed;
	margin:0 1px;
}
.MortgageSubMiddle .left .content {
	border-right:1px solid #e5eeed;
	border-left:1px solid #e5eeed;
	background: #e5eeed;
	padding: 5px 20px;
}
.MortgageSubMiddle .left .content h1 {
	color: #005952;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
}
.MortgageSubMiddle .left .content p {
	display: block;
	padding-top: 10px;
	padding-bottom: 20px;
}
.MortgageSubMiddle .left .content p a {
	color: #333333;
	text-decoration: underline;
}
.MortgageSubMiddle .left .content p a:hover {
	color: #333333;
	text-decoration: none;
}
.MortgageSubMiddle .right {
	float: right;
	width: 352px;
	font-size: 13px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 13px;
}
.MortgageSubMiddle .right h1 {
	color: #005952;
	text-decoration: underline;
	padding-bottom: 10px;
	float: left;
	font: 18px Georgia, "Times New Roman", Times, serif;
	display: block;
}
.MortgageSubMiddle .right p {
	float: left;
	width: 352px;
}
.MortgageSubMiddle .right .advertise {
	width: 352px;
	padding-top: 10px;
}
.MortgageSubMiddle .right #RSS {
	float: left;
	width: 352px;
	padding-top: 30px;
	padding-bottom: 15px;
}
.pagelinks a:link{
	color:#03645C;
	text-decoration:none;
}
.pagelinks a:visited{
	color:#03645C;
	text-decoration:none;
}
.pagelinks a:hover{
	color:#0D857E;
	text-decoration:none;
}
.pagelinks a:active{
	color:#03645C;
	text-decoration:none;
}
.cssform {
background:#d8efee;
}
.cssform p{
width:545px;
clear: left;
margin: 0 10px 4px 10px;
padding: 8px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
background:url(../images/dash.gif) repeat-x  bottom;
/*background:#d8efee;*/
height:1%;
}

.cssform label{
float: left;
margin-left: -155px; /*width of left column*/
width: 350px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
padding-right:15px;
}
.cssform .width150{
width: 150px;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 175px;
padding-left:5px;
}
.cssform input{ /*width of text boxes. IE6 does not understand this attribute*/
padding-left:5px;
}
.cssform select{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

.cssform h2{
padding-left:0px; padding-top: 10px; padding-bottom: 15px; font-size:16px; margin:0px; color: #005952;
background:#FFFFFF;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
*/

* html .threepxfix{
margin-left: 3px;
}

.link{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#025f57;
	text-decoration:underline;
	}
.link:hover{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
	}
	
ul.list{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}
ul.list li {
	background: url(../images/bullet2.gif) no-repeat left 5px;
	padding-bottom: 5px;
	padding-left: 17px;
	font-size: 13px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul.listpolicy{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;
}
ul.listpolicy li {
	background: url(../images/bullet2.gif) no-repeat left 5px;
	padding-bottom: 5px;
	padding-left: 17px;
	font-size: 12px;
	color: #333333;
	font-family:  Arial,Verdana, Helvetica, sans-serif;
}
div.commonfont p{
	font-size: 13px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 13px;
}

.grayLink{
	color:#333333;
	text-decoration:underline;
	}
.grayLink:hover{
	color:#333333;
	text-decoration:none;
	}
	
ul.sitemap li
{
background:url(../images/arrow.gif) no-repeat left 5px;
list-style:none;
padding-left:20px;
}
ul.sitemap li ul li
{
background:url(../images/sub-arrow.gif) no-repeat left 2px;
list-style:none;
padding-left:12px;
}
ul.sitemap li a
{
color:#025f57;
text-decoration:none;
}
ul.sitemap li a:hover
{
color:#999999;
text-decoration:underline;
}

.MortgageSubMiddle .left .content h1.contentText {
	color: #005952;
	display: inline;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	padding-right: 3px;
}
.MortgageSubMiddle .right h1.contentText {
	color: #005952;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	display: inline;
	padding: 0px;
	margin: 0px;
	padding-right: 3px;
	float: none;
}

.homeicon{
	background: url(../images/home-icon.jpg) no-repeat 0px 0px; padding-right: 5px;
}
.tellicon{
	background: url(../images/tell-icon.jpg) no-repeat 0px 0px; padding-right: 5px;
}
.favicon{
	background: url(../images/fav-icon.jpg) no-repeat 0px 0px;
}

.MortgageSubMiddle .left .content p.paragraphpad{
	padding-top:5px;
	margin:0px;
	padding-bottom:3px;
	}
.MortgageSubMiddle .right p.paragraphpad{
	padding-top:5px;
	margin:0px;
	padding-bottom:3px;
	float:right;
	text-align:right;
	}