/* ha.css:  presentation layer for Home Advantage web site */

/* Neutalize all internal block margins and padding */

	table, tr, td, p, ul, img, div, form { 	margin: 0px;
					padding: 0px; }

/**********************************************************************************************/
/* VIEWPORT SETUP */
	body {	font: 11px/15px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; 
		background-color: rgb(240, 212, 132 /*247, 232, 185*/);
		color: rgb(102, 102, 102);
		text-align: center;		/*centers content area in some versions of IE, igonored by Netscape */
		padding:  0px;
		margin: 0px;
		position: relative;  top:0px;  left:0px; }

/**********************************************************************************************/
/* MAIN DIV AND MAIN TABLE FOR PAGE STRUCTURE */
	.content_area { 	padding: 0px;
			margin: 0 auto 0 auto;	/* centers content area with Netscape, ignored by some versions of IE */
			width: 760px;			/* static width */
			background-color: white;
			position: relative;  top: 0;  left:  0px; }  	/* make this the containing parent for descendents */

	.pagetbl {		width: 760px;
			clear: both;
			align: center;
			margin: 0px;
			padding: 0px; 
			border: 0px;  }


/**********************************************************************************************/
/* BASIC PARAGRAPH, LIST, AND TEXT STYLES */


	.basic_text { 	font: 11px/15px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; 
			color: rgb(75, 75, 75 /*102, 102, 102*/);
			text-align: left; 
			padding-top: 10px; 
			padding-bottom: 10px; }

	.basic_text  p {	margin: 7px 25px 7px 25px; 
			padding: 0px; }

	ul {	margin: 0px 25px 15px 42px;
		padding: 0px; }

	.list1 {	list-style-type: disc;  }

	.basic_text .dbl_space { padding-top: 7px; }

	.basic_text .highlight { 	text-transform: uppercase; }
	.basic_text .highlight2 {	font-style: italic; }
	.basic_text .lg_indent {	padding-left: 50px; }


	.basic_text a:link,
	.basic_text a:visited {	font-weight: bold;
				color: rgb(0, 0, 0);
				text-decoration: none; }

	.basic_text a:hover {	font-weight: bold;
				color: rgb(210, 0, 0);
				text-decoration: underline; }

	.testim_name {	text-align: right;
			margin: 0px 30px 0px 317px; }

/**********************************************************************************************/
/* HEADER */

	.hdr_total {	width: 760px;
			height: 138px;
			background-color: rgb(255, 255, 255);
			position: relative;  top: 0px;  left: 0px; }

	.hdr_left { 	/*float: left;*/
			background-color: rgb(255, 255, 255);
			position: absolute; top: 0px;  left: 0px;
			width: 150px;
			padding: 20px 0px 0px 0px;
			white-space: nowrap;	
			overflow: hidden; }

	.hdr_left .nav_item {	width: 150px;
				height: 24px;
				border: 0px;
				padding: 0px;
				margin: 0px; }

	.hdr_right { 	/*float: right;*/
			position: absolute;  top: 0px;  left: 150px;
			width: 610px; 
			background-color: rgb(255, 255, 255);
			white-space: nowrap;
			height: 138px;
			margin: 0px;
			border: 0px;
			padding: 0px;
			text-align: center;
			overflow: hidden; }

	.col_left { 		width: 230px; 
			background-color: rgb(142, 206, 184);
			vertical-align: top; }

	.col_right {	width: 530px; 
			background-color: rgb(255, 255, 255);
			vertical-align: top; }

	.col_topleft { 	width: 230px; 
			height: 28px;
			text-align: middle;
			vertical-align: middle;
			background-color: rgb(59, 170, 133);}

	.col_topright {	width: 530px; 
			height: 28px;
			text-align: right;
			vertical-align: middle;
			background-color: rgb(59, 170, 133); }

	.top_strip_left {	}

	.top_strip_right {	padding: 0px 40px 0px 0px; }

	.contactinfo { 	width: 110px;
			height: 69px; 
			border: 0px;  padding: 0px;  margin: 0px;
			position: absolute;  left: 596px;  top: 57px; }

	.contactinfo_img { 	width: 110px;
			height: 69px; 
			border: 0px;  padding: 0px;  margin: 0px; }

	.abus_title_img {	width: 110px;
			height: 28px; 
			border: 0px;  padding: 0px;  margin: 0px; }

	.loans_title_img {	width: 74px;
			height: 28px; }

	.faqs_title_img {	width: 54px;
			height: 28px; }

	.links_title_img {	width: 146px;
			height: 28px; }

	.contactprequal_img { 	width: 262px;
				height: 28px; 
				border: 0px;  padding: 0px;  margin: 0px; }

	.side_circ {	position: relative;  top: 0px;  left: 0px; }

	.side_circ_img {	width: 230px;
			height: 204px; 
			border: 0px;  padding: 0px;  margin: 0px; }

	.subnav_item {	width: 120px;
			height: 22px;
			border: 0px;  padding: 0px;  margin: 0px; }

	.side_circ .ov_pos { 	position: absolute;  top: 65px;  left: 56px; }
	.side_circ .staff_pos { 	position: absolute;  top: 87px;  left: 56px; }
	.side_circ .testim_pos { 	position: absolute;  top: 109px;  left: 56px; }


	.side_circ .process_pos { 	position: absolute;  top: 43px;  left: 56px; }
	.side_circ .programs_pos { 	position: absolute;  top: 65px;  left: 56px; }
	.side_circ .credit_pos { 	position: absolute;  top: 87px;  left: 56px; }
	.side_circ .prequal_pos { 	position: absolute;  top: 109px;  left: 56px; }
	.side_circ .calc_pos { 	position: absolute;  top: 131px;  left: 56px; }



/**********************************************************************************************/	
/* SIDE QUOTES */	



/**********************************************************************************************/			
/* BANNER LOGO */

	.banner_logo3 { 	width: 354px;  height: 184px; }


/**********************************************************************************************/
/* FOOTER NAVIGATION */
	.footcell {	background-color: rgb(220, 240, 233);
		text-align: middle;
		padding: 0px; }   /* padding for cell */

	.footnav {	font:  bold 11px  'Trebuchet MS', verdana,  arial, helvetica, sans-serif; 
		background-color: rgb(220, 240, 233);
		padding: 5px 0px 5px 0px;		
		text-align: center; }

	.footnav .current {	color: rgb(24, 155, 111);
			padding: 0px 5px 0px 5px;
			text-decoration: none; }

	.footnav .bracket_open {  	padding: 0px 0px 0px 5px;
				color: rgb(102, 102, 102); }

	.footnav .bracket_close {  	padding: 0px 5px 0px 0px;
				color: rgb(102, 102, 102); }
	.footnav a:link,
	.footnav a:visited {	color: rgb(102, 102, 102);
			padding: 0px 5px 0px 5px;
			text-decoration: none; }

	.footnav a:hover {	color: rgb(210, 0, 0);
			padding: 0px 5px 0px 5px;
			text-decoration: underline; }

/**********************************************************************************************/
/* FOOTER INFORMATION */
	
	.footer_img {	width: 360px;
			height: 34px; }

	
/**********************************************************************************************/
/* ILLUSTRATIONS AND PHOTOGRAPHS 	*/

	.ov_sidequote_img {	width: 230px;
				height: 224px; 
				border: 0px;  padding: 0px;  margin: 0px; }

	.staff_sidequote_img {	width: 230px;
				height: 353px; 
				border: 0px;  padding: 0px;  margin: 0px; }

	.proc_sidequote_img {	width: 230px;
				height: 178px; 
				border: 0px;  padding: 0px;  margin: 0px; }

	.prog_sidequote_img {	width: 230px;
				height: 441px; 
				border: 0px;  padding: 0px;  margin: 0px; }

	.credit_sidequote_img {	width: 230px;
				height: 518px; 
				border: 0px;  padding: 0px;  margin: 0px; }

	.faqs_sidequote_img {	width: 230px;
				height: 468px; 
				border: 0px;  padding: 0px;  margin: 0px; }

	.links_sidequote_img {	width: 230px;
				height: 639px; 
				border: 0px;  padding: 0px;  margin: 0px; }

	.loans_prequal_img {	width: 230px;
				height: 379px; 
				border: 0px;  padding: 0px;  margin: 0px; }

	.loans_calc_img {		width: 230px;
				height: 271px; 
				border: 0px;  padding: 0px;  margin: 0px; }


	.ov_sidequote_pos,
	.staff_sidequote_pos,
	.proc_sidequote_pos,
	.prog_sidequote_pos,
	.credit_sidequote_pos,
	.loans_prequal_pos,
	.loans_calc_pos { 		position: relative;  top: -16px;  left: 0px; }

	.faqs_sidequote_pos,
	.links_sidequote_pos {  }

	.ov_group { 	text-align: left;
			padding: 0px;  margin: 0px;
			padding: 11px 0px 0px 0px; }

	.ov_group_img {	width: 361px;
			height: 248px;
			/*border: solid 15px rgb(220, 240, 233);*/
			border-top: solid 0px rgb(220, 240, 233);
			border-bottom: solid 0px rgb(220, 240, 233);
			border-left: solid 57px rgb(220, 240, 233);
			border-right: solid 56px rgb(220, 240, 233);
			padding: 0px;  margin: 0px 0px 0px 25px; }

	.staffname { /*clear: both; */}

	.stafftbl { 	width: 530px;
		padding: 0px; margin: 0px; }
		/*border: solid 1px black;*/ }

	.staffphoto_left {	/*float: left;*/
			text-align: left;
			padding: 0px; margin: 0px; }

	.staffphoto_right {	/*float: right;*/
			text-align: right;
			background-color: rgb(255, 255, 255);
			vertical-align: middle;
			padding: 0px; margin: 0px;}
	
	.staffphoto_right_img {	width: 100px;
				height: 133px; 
				border-top: solid 0px rgb(220, 240, 233);
				border-bottom: solid 29px rgb(220, 240, 233);
				border-left: solid 29px rgb(220, 240, 233);
				border-right: solid 29px rgb(220, 240, 233);
				padding: 0px;
				margin: 30px 30px 30px 0px; }

	.staffphoto_left_img {	width: 100px;
				height: 133px; 
				/*border-left: solid 22px rgb(247, 232, 188);
				border-right: solid 22px rgb(247, 232, 188);
				border-top: solid 4px rgb(247, 232, 188);
				border-bottom: solid 4px rgb(247, 232, 188);*/
				/*border: solid 1px rgb(59, 170, 133);*/
				border-left: solid 32px rgb(220, 240, 233);
				border-right: solid 32px rgb(220, 240, 233);
				padding: 0px;
				text-align: left;
				margin: 0px 30px 0px 10px; }

	.band { 	width: 29px;
		background-color: rgb(220, 240, 233); }

	.timhdr_img {	width: 104px;
			height: 38px;
			border: 0px; margin: 0px; padding: 0px; }

	.mikehdr_img {	width: 130px;
			height: 38px;
			border: 0px; margin: 0px; padding: 0px; }

	.charliehdr_img {	width: 124px;
			height: 38px;
			border: 0px; margin: 0px; padding: 0px; }

	.wallyhdr_img {	width: 122px;
			height: 38px;
			border: 0px; margin: 0px; padding: 0px; }

	.maryjohdr_img {	width: 130px;
			height: 38px;
			border: 0px; margin: 0px; padding: 0px; }

	.jimhdr_img {	width: 122px;
			height: 38px;
			border: 0px; margin: 0px; padding: 0px; }

	.marchdr_img {	width: 114px;
			height: 38px;
			border: 0px; margin: 0px; padding: 0px; }


/**********************************************************************************************/
/* FORM ELEMENTS */


	.form_tabs { 	margin: 10px 25px 0px 25px;
			padding: 0px 0px 0px 10px;
			text-align: left; 
			position: relative;  top: 4px;  left: 0px; }

	.purchnav_item {	width: 124px;
			height: 30px;
			border: 0px;
			padding: 0px 1px 0px 1px;
			margin: 0px; }

	.refinav_item {	width: 128px;
			height: 30px;
			border: 0px;
			padding: 0px 1px 0px 1px;
			margin: 0px; }

	.homeqnav_item {	width: 152px;
			height: 30px;
			border: 0px;
			padding: 0px 1px 0px 1px;
			margin: 0px; }

	.mopaycalcnav_item  {	width: 144px;
				height: 30px;
				border: 0px;
				padding: 0px 1px 0px 1px;
				margin: 0px; }

	.form_box {	background-color: rgb(247, 232, 188);
			margin: 0px 25px 14px 25px;
			padding: 0px 0px 15px 0px;}

	.form_text { 	font: 11px 'Trebuchet MS', verdana, arial, helvetica, sans-serif; 
			color: rgb(75, 75, 75 );
			text-align: left; }

	.req_field	{ 	color: rgb(210, 0, 0); }

	.form_hdr {	padding: 10px 25px 3px 25px; 
			/*border: 1px solid black;*/ }
	
	.form_hdr2 {	padding: 10px 10px 3px 10px;
			text-align: center; 
			/*border: 1px solid black;*/ }

	.chart_radio1 {	padding: 0px 10px 0px 10px; }

	.chart_checkbox1 {	padding: 0px 10px 0px 10px; }


	.form_sm_hdr {	text-align: center; }

	.left_label { 	text-align:right;
			padding: 3px 3px 0px 5px;
			white-space: nowrap; }

	.top_label { 	text-align: left;
			padding: 0px 0px 0px 2px; 
			white-space: nowrap; }

	.top_label_plus { 	text-align: left;
			padding: 2px 0px 0px 2px; 
			white-space: nowrap; }

	.textf_style { 	font: 12px verdana, arial, helvetica, sans-serif;
			border-width: 1px;
			background-color: white;
			color: rgb(75, 75, 75);
			text-align: left; 
			padding: 2px 2px 2px 2px; }

	.selectf_style { 	font: 12px verdana, arial, helvetica, sans-serif; 
			background-color: white;
			border-width: 1px;
			color: rgb(75, 75, 75);
			text-align: left;
			padding: 2px 2px 2px 2px; }

	.button_style { 	font: 12px verdana, arial, helvetica, sans-serif; 
			color: rgb(0, 0, 0);
			text-align: center;
			padding: 1px; }

	.text_box,
	.select_box  {	padding: 0px 2px 2px 0px;
			margin: 0px;
			text-align: left; }

	.button_group {	padding: 15px 0px 0px 0px;
			text-align: center; }

	.id_tbl,
	.contact_tbl,
	.property_tbl,
	.finfo_tbl,
	.cur_new_tbl {	margin: 2px 10px 0px 10px;
			padding: 0px 0px 0px 0px;
			overflow: visible; }

	.mpcalc_tbl {	vertical-align: top;
			white-space: nowrap;
			margin: 2px 12px 0px 10px;
			padding: 0px 0px 0px 0px;
			overflow: visible; }

	.mpcalc_tbl td {	white-space: nowrap; }

	.calc_container {	vertical-align: top;
			white-space: nowrap;
			padding: 0px; margin: 0px; border: 0px;
			overflow: visible; }

	.amort_tbl  {	white-space: nowrap;
			text-align: center; 
			margin: 0px auto 0px auto;
			padding: 0px 10px 0px 10px; }

	.calc_amort { 	border-top: solid 1px rgb(24, 155, 111);
			clear: both; }

	.calc_values {	vertical-align: top:
			background-color: rgb(247, 232, 188);
			padding: 0px 0px 20px 0px;
			border-right: solid 1px rgb(24, 155, 111); }

	.calc_results { 	vertical-align: top;
			background-color: rgb(247, 232, 188); 
			padding: 0px 0px 20px 0px; }

	.result_left_label { 	text-align:right;
			padding: 0px 3px 0px 5px;
			white-space: nowrap; }

	.result_preval_full { 		background-color: rgb(220, 240, 233);
				padding: 3px 3px 3px 3px;
				text-align: right;
				border: solid 1px white;
				width: 90px; }

	.result_preval_part { 	background-color: rgb(220, 240, 233);
				padding: 3px 3px 3px 3px;
				text-align: right;
				border-bottom: solid 1px white;
				border-left: solid 1px white;
				border-right: solid 1px white;
				width: 90px; }

	.result_val_full { 	background-color: rgb(220, 240, 233);
			padding: 3px 3px 3px 3px;
			text-align: right;
			white-space: nowrap;
			border: solid 1px white; }

	.result_val_part { 	background-color: rgb(220, 240, 233);
			padding: 3px 3px 3px 3px;
			text-align: right;
			white-space: nowrap;
			border-bottom: solid 1px white;
			border-left: solid 1px white;
			border-right: solid 1px white; }

	.amort_hdr {	padding: 7px 15px 7px 15px;
			border-top: solid 1px white;
			border-bottom: solid 1px white;
			background-color: rgb(220, 240, 233);
			text-align: left; }

	.amort_preval {	padding: 4px 15px 4px 15px; 
			background-color: rgb(247, 232, 188);
			text-align: left; }

	.amort_oddrow {	padding: 4px 15px 4px 15px; 
			background-color: white;
			text-align: left; }

	.amort_evenrow {	padding: 5px 15px 4px 15px; 
			background-color: rgb(220, 240, 233);
			border-bottom: solid 1px white;
			text-align: left; }