/* CSS Document */

html, body {
	background: #d4e7ff;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 100%;
}
h2 {
	color: #274C84;
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	margin: 0;
}
h3 {
	color: #274C84;
	font-size: 1.83em;
	letter-spacing: 1px;
	font-variant: small-caps;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 0;
	line-height: .9em;
}
	/* margin adjustment for p element preceeded by h3 element (wont work in IE 6) */
	h3 + p { margin-top: 6px; }
	
a {
	outline: none;
}

ol li, ul li {
	margin-bottom: .45em;
}

.articles {
	color: #000066;
	font-size: 18px;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	margin: 0;
}
/* --( Global Styles )-- */
.clear {
	clear: both;
}
.horRule {
	display: block;
	background: url(../images/sep.gif) no-repeat center;
	height: 24px;
}
.center {
	text-align: center;
}

/* --( Site Backgrounds )-- */
#wrap {
	width: 856px;
	margin: 0 auto;
}
#bodyBG {
	background: url(../images/bodyBG.gif) repeat-y;
}
#shadowTL {
	background: url(../images/bodyShadowTL.gif) no-repeat top left;
}
#shadowTR {
	background: url(../images/bodyShadowTR.gif) no-repeat top right;
}
#shadowBL {
	background: url(../images/bodyShadowBL.gif) no-repeat bottom left;
}
#shadowBR {
	background: url(../images/bodyShadowBR.gif) no-repeat bottom right;
}

/* --( Body Container )-- */
#bodyContainer {
	width: 780px;
	margin: 0 auto;
}

/* --( Header )--*/
#header {
	height: 79px;
	background: url(../images/headerShadow.gif) repeat-x bottom;
}
#header h1 {
	margin: 0;
	padding: 3px 0 0 10px;
	font-size: 12px;
	float: left;
}
#header h1 a {
	display: block;
	text-indent: -3000px;
	background: url(../images/logo.gif) no-repeat;
	height: 69px;
	width: 236px;
}
#navWrap {
	float: right;
	width: 512px;
	text-align: right;
	padding-right: px;
}
#navWrap h3 {
	display: none;
}
#nav1 {
	height: 38px;
	
}
#nav1 ul {
	width: 150px;
	margin: 0;
	padding: 0;
	float: right;
}
#nav1 ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#nav1 ul li span {
	display: block;
	float: left;
	background: url(../images/vertDot.gif) repeat-y top left;
}
#nav1 ul li a {
	display: block;
	float: left;
	padding-top: 15px;
	padding-bottom: 3px;
	font-size: 11px;
	color: #25497F;
	text-decoration: none;
}
#nav1 ul li.home a {
	background-image: url(../images/iconHome.gif);
	background-repeat: no-repeat;
	background-position: 5px 16px;
	padding-left: 20px;
	padding-right: 8px;
}
#nav1 ul li.contact a {
	background-image: url(../images/iconContact.gif);
	background-repeat: no-repeat;
	background-position: 5px 15px;
	padding-left: 24px;
	padding-right: 11px;
}
#nav1 ul li a:hover {
	text-decoration: underline;
}


/* --( Page Header )-- */
#pageGraph p {
	margin: 0;
}

/* --( Content )-- */
#contentWrap {
	padding: 25px 11px;
	background: url(../images/contentShadow.gif) repeat-x top;
}

/* --( Text Content )-- */
	#contentWrap .content {
		float: left;
		width: 468px;
		padding: 14px;
		background: url(../images/contentBG.gif) no-repeat top center;
	}
	#contentWrap .content p {
		text-align: justify;
	}
	
/* --( Homepage Four Steps Styles )-- */
	#contentWrap .content #steps {
		margin: 0;
		padding: 0 1em;
		list-style-type: none;
	}
	#contentWrap .content #steps li {
		float: left;
		width: 130px;
		padding-top: 70px;
		background-position: left top;
		background-repeat: no-repeat;
	}
	#contentWrap .content #steps .one {
		background-image: url(../images/step1.gif);
	}
	#contentWrap .content #steps .two {
		background-image: url(../images/step2.gif);
		margin: auto 2.25em;
	}
	#contentWrap .content #steps .three {
		background-image: url(../images/step3.gif);
	}
	#contentWrap .content #steps .four {
		background-image: url(../images/step4.gif);
	}
	#contentWrap .content img{
		margin-left: -5px;
		margin-top:-6px;
		margin-bottom:12px;
	}
	#splash{
		margin-top:128px;
	}
	
/* --( Form Wrap Styles )-- */
	#formWrap {
		width: 248px;
		float: right;
		background-image: url(../images/formBG.gif);
		background-repeat: no-repeat;
		background-position: 0px 3px;
		min-height: 295px;
		height: auto !important;
		height: 295px;
		padding: 3px 0 0;
		font-size: .9em;
		position: relative;
		top: -3px;
	}
	#formWrap p{
	padding-left: 20px;
	padding-right: 20px;
	}
	#formWrap h3 {
		display: block;
		margin: 0;
		padding: 19px 0;
		text-indent: -3000px;
	}
	#formWrap form {
		margin-top: 0;
	}
	#formWrap fieldset {
		border: none;
	}
	#formWrap legend {
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 7px;
		margin-bottom: 0;
		padding-left: 0;
		color: #004192;
	}
	#formWrap input, #formWrap label {
		margin-bottom: 5px;
	}
	#formWrap select {
		height: 1.5em;
		border: #1px solid #6289BA;
	}
	#formWrap textarea {
		border: 1px solid #6289BA;
		width: 228px;
		font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
	}
	#formWrap input {
		border: 1px solid #6289BA;
		font-size: .9em;
	}
	#formWrap .contact label, #formWrap .contact input {
		float: left;
		display: block;
	}
	#formWrap .contact input {
		width: 144px;
	}
	#formWrap .contact label {
		width: 65px;
		text-align: left;
		padding-right: 15px;
	}
	#formWrap .property {
		padding-left: 1em;
	}
	#formWrap .property legend {
		padding-left: 0;
	}
	* html #formWrap .property legend {
		margin-left: -7px;
	}
	#formWrap .property #Address1, #formWrap .property #State, #formWrap .property #Name, #formWrap .property #Workphone {
		width: 105px;
		float: left;
	}
	#formWrap .property #City, #formWrap .property #State, #formWrap .property #field1, #formWrap .property #county, #formWrap .property #Zip {
		float: left;
		margin-bottom: 5px;
	}
	#formWrap .property #City, #formWrap .property #Email1 {
		width: 110px;
		margin-left: 3px;
	}
	#formWrap .property #field1 {
		width: 60px;
		margin-right: 3px
	}
	#formWrap .property #field2 {
		width: 145px;
		margin-left: 18px;
	}
	#formWrap .property #county {
		width: 100px;
	}
	#formWrap .property #Zip {
		width: 110px;
		margin-left: 3px;
	}
	#formWrap .contact select {
		width: 145px;
	}
	#formWrap .contact #field3, #formWrap .contact #field4, #formWrap .contact #field5, #formWrap .contact #field6 {
		float: left;
		width: 100px;
	}
	#formWrap .contact input.hidden {
		display: none;
	}
	#formWrap .contact .radio input {
		width: auto !important;
		float: none;
		display: inline;
		margin-right: .5em;
		border: none;
	}
	#formWrap .contact .radio span {
		position: relative;
		top: -8px;
	}
	#formWrap .contact #foreclosuresaledate {
		width: 60px;
		float: right;
	}
	#formWrap .contact #field7 {
		width: 60px;
		float: right;
		margin-top: 3px;
	}
	#formWrap #cmdSubmit {
		border: none;
		margin: 0 auto;
		background: url(../images/btn_submit.gif) no-repeat;
		color: #fff;
		text-align: center;
		width: 60px;
		font-weight: bold;
		font-size: 16px;
		cursor: pointer;
		padding: 5px 5px 5px 5px;
		
	}
	#formWrap p {
		text-align: center;
	}
	#formWrap p.name {
		text-align: right;
		font-size: .9em;
	}
	/* Form Validator Styles */
	#ClientValidationSummary { background-color: #FF0000; padding: 5px; color: white; width: 215px; margin: 0 auto 1em; }
	#foreclosurehelp input.validation-failed { background-color: #ffc0cb; }
	#ClientValidationSummary a { color: #FFF; }
	#foreclosurehelp #ClientValidationSummary ul { font-size: 12px; }
	#formWrap label span { color: #FF0000; }

/* --( FAQ Styles )-- */
	#contentWrap .content #faq dt {
		color: #004192;
		font-weight: bold;
	}
	#contentWrap .content #faq dd {
		margin-left: 0;
		margin-bottom: 1em;
	}
	#contentWrap .content #faq dd:first-letter {
		font-weight: bold;
	}

/* --( Resources Styles )-- */
	#contentWrap .content .mortgages dt {
		color: #274C84;
		font-weight: bold;
	}
	#contentWrap .content .mortgages dd {
		margin-bottom: 1.5em;
	}
	#contentWrap .content .credit dd {
		margin-left: 0;
		margin-top: .6em;
		margin-bottom: 1.5em;
	}
	#contentWrap .content .credit dd p, #contentWrap .content .credit dd ul {
		margin-top: 0;
	}
	#contentWrap .content .credit dd address {
		margin: 0 auto;
		font-weight: bold;
		font-style: normal;
		text-align: center;
		margin-bottom: 1em;
	}
		
	/* Real Estate Glossary */
	#contentWrap .content dl.glossary dt {
		font-weight: bold;
		color: #274C84;
	}
	#contentWrap .content dl.glossary dd {
		margin: 0 0 1.5em;
	}
	
/* --( Foreclosure Facts Styles )-- */
	#contentWrap .content .facts li {
		font-weight: bold;
	}
	#contentWrap .content .facts li span {
		font-weight: normal;
	}
	#contentWrap .content .programs li {
		font-weight: bold;
	}
	#contentWrap .content .programs li p {
		font-weight: normal;
	}

/* --( Contact Styles )-- */
	#contentWrap .contact .content {
		width: 100%;
	}
	#contentWrap .contact .content  h3 {
		margin: 0;
	}
	
/* --( Privacy Policy Styles )-- */
	#contentWrap .content .privacy dt {
		color: #6289BA;
		font-size: 1.5em;
		font-family: "Times New Roman", Times, serif;
		margin-bottom: 0;
		line-height: .9em;
	}
	#contentWrap .content .privacy dd {
		margin-left: 0;
	}
	#contentWrap .content p.return {
		text-align: right;
		font-size: 11px;
	}

/* --( Footer )-- */
#footer {
	text-align: center;
	background: url(../images/footerSep.gif) no-repeat top center;
	padding: 26px 0;
	color: #274C84;
	font-size: 11px;
	margin-top: 8px;
}
#footer a {
	color: #274C84;
}
#footer h3 {
	display: none;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#footer ul li a {
	color: #4D85D9;
	font-weight: bold;
	text-decoration: none;
	padding: 0 6px;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer p.copyright {
	margin-top: 6px;
}
