/*CLASS STYLES*/

div#container {
	/*width: 100%;*/
	padding: 0;
	margin: 0;
	position:relative; /* needed for footer positioning*/
		
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

#navcontent {
	width: 988px;
	margin: 0 auto 12px;
}


#content {
	width: 974px;
	margin: 0 auto;
	background-image:url(../images/content-background.png);
	background-repeat:repeat-y;
	padding:0 7px 0 7px;
}

#topcontent {
	width: 988px;
	margin: 0 auto;
	background-image:url(../images/content-top.png); 
	background-repeat:no-repeat; 
	height:8px;
}	

#bottomcontent {
	width: 988px;
	margin: 0 auto;
	background-image:url(../images/content-bottom.png); 
	background-repeat:no-repeat; 
	height:8px;
}

.subhead {
	font-size:13pt;
	font-weight:bold;
	color:#2e3092;
	margin: 0 0 15px 0;
}

#form {
	color:#000;
	/*margin:10px 0 0 0;*/
}

	#form .leftcol {
		float:left;
		width:600px;
		padding:15px 8px 8px 8px;
		background-color:#f3f3f3;
		margin:15px 0 0 0;
	}
	
	#form .rightcol {
		float:right;
		width:335px;
		padding:0 8px 0 0;
		margin:15px 0 0 0;
	}		

#formtop {
	color:#000;
}

	#formtop .leftcol {
		float:left;
		width:600px;
		padding:0 0 0 8px;
		margin:15px 0 0 0;
	}
	
	#formtop .rightcol {
		float:right;
		width:343px;
		color:#70af00;
		font-size:9pt;
		font-weight:bold;
		text-align:left;
		padding:0 8px 0 0;
		margin:15px 0 0 0;
	}
	
#homebuy .step3 {float:right; height:34px; width:34px; margin:0 0 0 4px; filter: alpha(opacity=55); -moz-opacity: .55; background-image:url(../images/steps-homebuy3.png);}
#homebuy .step2 {float:right; height:34px; width:34px; margin:0 0 0 4px; filter: alpha(opacity=55); -moz-opacity: .55; background-image:url(../images/steps-homebuy2.png);}
#homebuy .step1 {float:right; height:34px; width:34px; margin:0 0 0 4px; filter: alpha(opacity=55); -moz-opacity: .55; background-image:url(../images/steps-homebuy1.png);}	

#fha .step3 {float:right; height:34px; width:34px; margin:0 0 0 4px; filter: alpha(opacity=55); -moz-opacity: .55; background-image:url(../images/steps-fha3.png);}
#fha .step2 {float:right; height:34px; width:34px; margin:0 0 0 4px; filter: alpha(opacity=55); -moz-opacity: .55; background-image:url(../images/steps-fha2.png);}
#fha .step1 {float:right; height:34px; width:34px; margin:0 0 0 4px; filter: alpha(opacity=55); -moz-opacity: .55; background-image:url(../images/steps-fha1.png);}	

#refi .step3 {float:right; height:34px; width:34px; margin:0 0 0 4px; filter: alpha(opacity=55); -moz-opacity: .55; background-image:url(../images/steps-refi3.png);}
#refi .step2 {float:right; height:34px; width:34px; margin:0 0 0 4px; filter: alpha(opacity=55); -moz-opacity: .55; background-image:url(../images/steps-refi2.png);}
#refi .step1 {float:right; height:34px; width:34px; margin:0 0 0 4px; filter: alpha(opacity=55); -moz-opacity: .55; background-image:url(../images/steps-refi1.png);}	
	
#forms {
	float:left; 
	width:300px; 
	margin:0 0 10px 0;
	font-size:9pt;
}	

	#forms div {float:left; width:200px;}	
	
	#forms .title {width:100px;}
	
	#forms input, textarea, select {border: 0px; font-size:9pt;}
	
#forms2 {
	float:left; 
	width:600px; 
	margin:0 0 10px 0;
	font-size:9pt;
}

	#forms2 div {float:left; width:300px;}	
	
	#forms2 .title {width:225px;}
	
	#forms2 input, textarea, select {border: 0px; font-size:9pt;}


#ancillary {
	background-color:#f3f3f3;
	font-size:8pt;
	line-height:1.2em;
}	

#textual {
	color:#000;
	padding: 8px;
}

#supplemental {
	color:#000;
	padding: 8px;
	font-size:8.5pt;
}


.logorealm {
	height:80px
}

.nav {
	height: 45px;
}



/*TAG STYLES*/

html,body { 
	height:100%; 
	background-image:url(../images/background-main.jpg);
	background-repeat:repeat-x;
	background-color:#f3f3f3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#544f41;
	line-height:1.3em;
}

#spacer {
	height: 144px;
}

div#footer {
	position:absolute;
	/*float:left;*/
	/*padding-left:62px;*/
	width:100%;
	height: 144px;
	bottom:0; /* stick to bottom */
	/*vertical-align:middle;*/
	/*text-align:center;*/
	font-size: .70em;
}

div#header {
	position:absolute;
	/*float:left;*/
	/*padding-left:62px;*/
	width:100%;
	height: 144px;
	top:0;
	vertical-align:middle;
	/*text-align:center;*/
	font-size: .70em;
}

ul {
	margin-left: .5em;
	padding-left: .5em; 
}