/* CSS Document */
html * {
	margin: 0;
	padding: 0;
	}
body {
		font: 80% verdana, arial, helvetica, sans-serif;
		line-height: 1.5em;
		color:#666666;
		text-align: center; /* for IE */
				background-color:#ffffff;

	}
table {
		font: 100% verdana, arial, helvetica, sans-serif;
		line-height: 1.5em;
		color:#666666;
	}	
img	{
	border:0;
}
ul	{
	list-style-type:none;
	margin: 0 0 20px 0;
}
p {
    margin: 0 0 20px 0;
	}



#container {
	text-align: left; /* counter the body center */
	width: 975px;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	

}

#header	{
	background: url(../images/header-bg.jpg) 0 0 repeat-x transparent;
	height:236px;
	position:relative;
	width:975px;
}
#logo	{
	background: url(../images/logo.gif) 0 0 no-repeat transparent; 
	height:48px;
	width: 268px;
	position:absolute;
	top:80px;
	right:6px;
}
#top_links	{
	height:50px;
	width: 200px;
	position:absolute;
	top:17px;
	right:33px;
	text-align:right;
}
a.toplinks:link, a.toplinks:visited, a.toplinks:active	 	{ 
	padding:0 0 0 10px; line-height:24px;text-decoration:none;
	color:#ffffff;
	font-size:11px;
	background: url(../images/arrow-white.gif) left 50% no-repeat;
}
a.toplinks:hover	{
	text-decoration:underline;
}
#contact_number	{
	font: normal 28px georgia; color: #006699;
	width: auto;
	position:absolute;
	top:28px;
	right:8px;
	padding-left:30px;


}
#top_menu_bar	{
	position:absolute;
	height:55px; width:975px;
	padding-top:8px;
	bottom:0px;
}


#main_ImageOne	{
	margin-left:43px;
	position:relative;
	width: 905px;
	
}
#main_content	{
	text-align: center;
	vertical-align: text-top;
	margin:0;
	margin-left:0px;
	width:1029;
	position:relative;
}

#column	{
	text-align:left;
	vertical-align: text-top;
	padding:1px;
	margin:0;
	width: 202px;
	float:left;
}
#box	{
	background: url(../images/grey-box.gif) 0 0 no-repeat transparent; 
	text-align:left;
	vertical-align: text-top;
	height:230px;
	width: 200px;
	color:#000000;
	margin-bottom:10px; 
}
#button	{
	background: url(../images/grey-button.gif) 0 0 no-repeat transparent; 
	text-align:center;
	height:50px;
	width: 200px;
	margin-bottom:10px; 

}
#button2	{
	background:url(../images/gradient_bg.gif) left bottom repeat-x;
	text-align:center;
	height:40px; _height:50px;
	width: 200px;
	margin-bottom:10px; 
	padding-top:10px;
	border:1px solid #cccccc;
}
.button_contents	{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px; 
	margin:0;
}

#box2	{
	background: url(../images/orange-bar.gif) 0 0 no-repeat transparent; 
	text-align:left;
	width: 200px;
	margin-bottom:10px; 
	border:1px solid #cccccc;
	position:relative;
}

.calc_box_contents	{
	padding:16px 6px 0 10px;
}
#box_LoanTypes	{
	background:url(../images/gradient_bg.gif) left bottom repeat-x;
	width: 200px;
	height:346px;
	margin-bottom:10px; 
	border:1px solid #cccccc;
}
#box_LoanPrograms	{
	background:url(../images/gradient_bg.gif) left bottom repeat-x;
	width: 200px;
	height:274px;
	margin-bottom:10px; 
	border:1px solid #cccccc;
}
#box_Applications	{
	background:url(../images/gradient_bg.gif) left bottom repeat-x;
	width: 200px;
	height:160px;
	margin-bottom:10px; 
	border:1px solid #cccccc;
}
#content_Area	{
	width: 1029px;
	float: left; text-align:center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	
}
#welcome_box1	{
	float:left;
	margin: 10px 0 0 0;
	width:640px;
	border:1px solid #00FFCC;

}
#welcome_box2	{
	background:url(../images/welcome-box2.gif) 0 0 no-repeat;
	float:left;
	margin: 10px 0 0 50px;
	padding:10px 6px;
	width:308px;
	height:142px;

}
#main_Image	{
	float:left;
	margin: 10px 40px;

}
#right_Box	{
	float:right;
	height:360px;
	width: 238px;
	background: url(../images/light-grey-box.gif) 0 0 no-repeat transparent;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;

}

h1 { padding-bottom: .5em; margin: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.7em; line-height: 1em; color: #000000; } 

h2 {
	font-size: 1.2em; padding-bottom: .5em; padding-right:0;
}
h3 {
	font-size: 1.0em; padding-bottom: .5em; padding-right:0;
}
h3.button_h3	{
	padding:6px 0 0 10px; color:#333333;
}
h3.lit_bg_h3	{
	padding:6px 0 0 10px; color:#666666;
}
.button_Link	{
	position:absolute;
	bottom:2px;
	right:2px;

}
a:link
{
    text-decoration:underline;
    color: #bb3019;
}
a:active
{
    outline:underline;
}

a:visited
{
    text-decoration:underline;
    color: #bb3019;
}

a:hover
{
    color: #0066ff;
}
.button_text	{
	font: bold 18px arial, helvetica, sans-serif;
	color:#ffffff;
	line-height:50px;
}
a.button_text:link, a.button_text:visited, a.button_text:active, a.button_text:hover	 	{ 
	color:#ffffff;text-decoration:none;
}

a.button_textLink:link, a.button_textLink:visited, a.button_textLink:active	 	{ 
	padding:0 0 0 10px; line-height:24px;text-decoration:none;
	color:#000000;
	background: url(../images/arrow-black.gif) left 50% no-repeat;
}
a.button_textLink:hover	{
	text-decoration:underline;
}
a.button_textLink2:link, a.button_textLink2:visited, a.button_textLink2:active	 	{ 
	padding:0 0 0 10px; line-height:24px;text-decoration:none;
	background: url(../images/arrow-orange.gif) left 50% no-repeat;
}
a.button_textLink2:hover	{
	text-decoration:underline;
}

.style1 {color: #FF3300;}
.formField { 
	border:1px solid #999999; 
	margin:0;
	background: #ffffff; 
	font: normal 12px verdana,sans-serif; color: #666666;
}
#formDiv	{
	width: 580px;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	padding: 5px;
	float:left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
div.row {
  clear: both;
  padding-top: 4px;
  }

div.row span.label {
  float: left;
  width: 190px;
  text-align: right;
  }

div.row span.field_Column {
  float: right;
  width: 368px;
  text-align: left;
}
div.row_Heading	{
	clear: both;
	background-color:#FFFFFF;
} 

div.row_Last {
  clear: both;
  padding-top: 4px;
  }
div.row_Last span.label {
  float: left;
  width: 190px;
  text-align: right;
  margin-bottom:6px;
  }

div.row_Last span.field_Column {
  float: right;
  width: 368px;
  text-align: left;
  margin-bottom:10px;
}
p.row_Heading	{
	margin:0px;
	padding:2px;
	_padding-bottom:4px;
	font-size: 1.2em;
	color:#f27d00;
	font-weight:bold;
	border:1px solid #cccccc;
}
p.row_Heading2	{
	margin:0px;
	padding:2px;
	_padding-bottom:4px;
	font-size: 1.2em;
	color:#666666;
	font-weight:bold;
	border:1px solid #cccccc;
}
div.row_Description	{
	clear: both;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
} 
p.row_Description	{
	color:#464646;
	_padding-bottom:4px;
	padding: 4px;
	margin:0;
	font-size:11px;
}
#footer	{
	height:153px; text-align:center;width:975px;
	background: url(../images/footer-bg.jpg) bottom left repeat-x transparent; 
	clear: both;
}
.footerNav{
	list-style-type:none;
	padding:12px 0px 0px 0px;
	margin:0px;
}
.footerNav li{
	font: normal 11px verdana,sans-serif; color: #333333;
	text-decoration: none;
	display:inline;
	padding:0 4px;border-right:1px solid #ccc
}

.footerNav li a,.footerNav li a:active,.footerNav li a:visited{
	font: normal 11px verdana,sans-serif; color: #333333;
	text-decoration: none;
	display:inline;
	padding:0 4px;
}
.footerNav li a:hover{
	font: normal 11px verdana,sans-serif; color: #000000;
	text-decoration:underline;
	display:inline;
	padding:0 4px;
	}
.footerNav li.none {display:inline;padding:0 8px;border-right:0px}


.footerNav2{
	list-style-type:none;
	padding:20px 0px 0px 0px;
	margin:0px;
}
.footerNav2 li{
	font: normal 10px verdana,sans-serif; color: #333333;
	text-decoration: none;
	display:inline;
	padding:0 4px;border-right:1px solid #ccc
}

.footerNav2 li a,.footerNav2 li a:active,.footerNav2 li a:visited{
	font: normal 10px verdana,sans-serif; color: #333333;
	text-decoration: none;
	display:inline;
	padding:0 4px;
}
.footerNav2 li a:hover{
	font: normal 10px verdana,sans-serif; color: #000000;
	text-decoration:underline;
	display:inline;
	padding:0 4px;
	}
.footerNav2 li.none {display:inline;padding:0 8px;border-right:0px}

.footer-copyright {color:#999; margin-top:10px;font: normal 9px verdana,sans-serif; color: #333333;}
.page_Image {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
ul.bullets  {
	list-style-type:disc;
	margin-left:50px;
	padding-bottom:10px;
}
ul.subbullets  {
	list-style-type:disc;
	margin-left:20px;
	padding-bottom:10px;
}
ol	{
	margin-left:40px;
	padding-bottom:10px;
}
#box_Wrapper {
	width: 720px;
	height:104px;
	margin-bottom:20px;
	position:relative;
}
#box_336	{
	background:url(../images/gradient_bg.gif) left bottom repeat-x;
	width: 336px;
	height:100px;
	border:1px solid #cccccc;
	margin-right:20px;
	float:left;
}

/* Mortgage Monthly Payment Calculator Roles*/

#calculator_box {
	background:url(../images/gradient_bg.gif) left bottom repeat-x;
	border: 1px solid #cccccc;
	width: 400px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:10px;
    margin-bottom:10px;
}
.caption{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin:10px;
    font-size : 14px;
    color:#C64934;
}
#result {
	border: 1px solid #666666;
	width: 392px;
	background: #F3F3F3;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    margin-bottom:10px;
	padding:5px;
}
.resulttext	{
color:#000000; font-weight:bold;
}
/* Amortization Calculator Roles*/

#amortization_calculator div.error  { margin: 2em 0; color: red; font-weight: bold; }
	
#amortization_calculator table  { width: 98%; margin: .1em 0 2em 0; border:1px solid #cccccc; text-align:center;}
#amortization_calculator th, 
#amortization_calculator td     { padding: .5em; vertical-align: top; }
#amortization_calculator th     {  text-align: right; font-weight: normal; width: 35%; }

#amortization_calculator table tr.even { background-color: #FFFFFF; }
#amortization_calculator table tr.odd  { background-color: #EFEFEF; }

/* TOTAL PAYMENT BOX */
#amortization_calculator div.total            {  width: 88%; padding: .5em;font-weight: normal; background-color: #ff9; border:1px solid #cccccc;}
#amortization_calculator div.total b     {  font-size: 1.4em; }
#amortization_calculator div.total a:link, 
#amortization_calculator div.total a:visited  { font-size: .84em; }


/* INPUT */
#amortization_calculator table.amortization_form p.calculation_result  { padding-top: 0; margin-top: .5em; font-size: .84em; line-height: 1.4em; color: #666; }

/* Calculation_Result */
#amortization_calculator table.calculation_result td      { font-weight: bold; }
#amortization_calculator table.calculation_result p.calculation_result  { padding-top: 0; margin-top: 0; color: #333; font-weight: normal; border-top:1px solid #cccccc;}
#amortization_calculator table.calculation_result tr.pmi  { background-color: #ffe; }
#amortization_calculator table.calculation_result tr.tax  { background:url(../images/gradient_bg.gif) left bottom repeat-x; }

/* SUM */
#amortization_calculator table.sum              { margin: 0 auto; width: auto; border-collapse: collapse; }
#amortization_calculator table.sum td           { font-weight: normal; white-space: nowrap; border: 1px solid #999; border-collapse: collapse; text-align: right; }
#amortization_calculator table.sum tr.total td  { font-weight: bold; background-color: #ff9; }

/* CALCULATIONS */
#amortization_calculator div.calculation         { padding: .5em; }
#amortization_calculator div.calculation h3      { font-family: Helvetica,arial,sans-serif; font-weight: normal; font-size: 1.6em; padding-bottom: 10px; margin-bottom: 0; }
#amortization_calculator div.calculation p       { margin-left: 3.5em; }
#amortization_calculator div.calculation .result { padding: .2em; background-color: #ff9; border: 1px solid #cccccc;}

/* AMORTIZATION */
#amortization_calculator table.amortization              { border-collapse: collapse; }
#amortization_calculator table.amortization td           { text-align: right; background-color: #eee; border: 1px solid #999; border-collapse: collapse; }
#amortization_calculator table.amortization tr.legend td { font-weight: bold; background-color: #666; color: #fff; text-align: right; }

#amortization_calculator table.amortization tr.year_summary td { text-align: left; background-color: #ffc; margin-bottom: 2em; }
#amortization_calculator table.amortization tr.year_summary td p { margin: .2em 0 0 4em; }
#amortization_calculator table.amortization tr.year_summary td .coaching { font-size: .84em; color: #666; }

#amortization_calculator table.amortization tr.total_summary td { font-family: Helvetica,arial,sans-serif; text-align: left; background-color: #ffffff; font-size: 1.84em; line-height: 1.2em; }
#amortization_calculator table.amortization tr.total_summary .total_spent_over_term { font-size: 1.8em; display: block; line-height: 1.2em; text-align: center; }