body { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
		 	 font-size:12px; line-height:110%;  color:#000;  background:#f1f1f1;/*eef4fa#f1f1f1 3399cc #99cccc#f4faff*/
		 	 margin:0px auto 0px auto;  padding:0px;  text-align:center; width:788px;}
			 
p   {line-height:18px; text-align: justify; margin: 10px 0 15px 0;}
p a:link,p a:visited,p a:active {font-size: 13px; font-weight: bold; color: #336699;}
p a:hover {font-size: 13px; font-weight: bold; color: #336633; }
p.disclaimer { font-size: 10px; }
pre { padding-left: 10px; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;}
h1, h2{ font-family:georgia,times;  font-weight:normal;   text-align:left; }
h2		     { font-size:20px;  line-height:23px;  color:#333; padding-bottom:10px; }
h3			  { font-weight:bold;   text-align:left; font-size:12px;  line-height:23px;  color:#333; padding-bottom:10px; }
h4 {color: #003d74; font-size: 13px; font-weight: bold; margin: 40px 0 0 0; text-decoration: underline;}
			/*	 { font-size:12px; color:#336699; text-align:left;} */
h5 {font-size: 12px; color:#275cc0; font-weight: bold; margin: 2px 0 2px 0;}
span.vihi {font-size: 13px; font-weight: bold;  border-bottom: 1px dotted #ccc;}
.reportheader { font-size:13px; font-weight:bold;  color:#336699; }




li { line-height: 20px;}
			 
DIV#wrapper {float:left; width:786px; height: auto; text-align:center; background: #fff; margin: 0; padding: 0;  border: 1px solid #ccc; }

DIV#header {float:left; width:100%; height:122px; background-color:#fff;}

DIV#logo {float:left; width: 194px;height:auto;  margin: 5px 0 0 0;}
a img { border:none }

DIV#sublink {float: right;   width:507px; text-align: right;  font-weight: bold; font-size: 11px; border: none; background: #f1f1f1; margin: 40px 0 0 0;}
#sublink a:link, #sublink  a:visited { float: right; display: block; width: auto; padding: 5px 5px 0 15px; text-decoration:none;  color:#336699;/*# */ background: none;}
#sublink a:hover, #sublink a:active { float: right; display: block;  width: auto; padding: 5px 5px 0 15px; background:none; text-decoration:none;  color:#c19824;}
DIV#maincontent {float:left; width:788px; height:100%; background-color: #fff; /*336699;height:expression('800px');*/}

DIV#leftcontent_1 {float:left; width:210px; height:400px; background-color: #fff; text-align:left; margin: 40px 0 0 0; border: 1px solid #eee; padding: 0 0 0 5px;}

DIV#rightcontent {float:left; width:190px; height:440px; background-color: #fff; text-align:left; margin: 40px 0 0 30px; border: none; /*1px solid #eee; */ padding: 0 0 0 5px;}
#rightcontent img { text-align: center;}
#rightcontent ul { margin: 10px 0 0 0; }
#rightcontent li {list-style: url(images/dollar_bullet.jpg); margin: 0;}
#rightcontent a:link, #rightcontent  a:visited { color:#336699; font-weight: bold; border-bottom: 1px dotted #336699; text-decoration: none;}
#rightcontent a:hover, #rightcontent a:active { color:#c19824;font-weight: bold; border-bottom: 1px dotted #c19824;text-decoration: none;}

DIV#rightcontent_insurance {float:left; width:190px; height:440px; background: #fff; text-align:left; margin: 40px 0 0 20px;  border: none; padding: 0 0 0 5px; }
#rightcontent_insurance img { margin: 0;}
#rightcontent_insurance ul { margin: 0; padding: 0; float: left; border: 1px solid #ccc;}
#rightcontent_insurance ul.catBox{ margin: 0 0 15px 0; padding: 0; float: left; border: 1px solid #ccc;}
#rightcontent_insurance li {list-style: none; width: 175px; margin: 0; padding: 0; text-indent: 5px; font-size: 11px;}
#rightcontent_insurance a:link, #rightcontent_insurance  a:visited { color:#336699; font-size: 11px; font-weight: bold; border: none; text-decoration: none; text-indent: 5px;}
#rightcontent_insurance a:hover, #rightcontent_insurance a:active { color:#c19824;font-size: 11px; font-weight: bold; border: none; text-decoration: none; text-indent: 5px;}


DIV#textcontent {float:left; width:500px; border:0; text-align:left; background: #fff; padding: 0 0 20px 0; margin: 10px 15px 25px 15px; }
#textcontent a:link, #textcontent a:visited {  color:#1a48b2;  text-align:left;  text-decoration:none; font-weight: bold;  }
#textcontent a:hover, #textcontent a:active {  color:#999;  text-align:left; text-decoration: underline; font-weight: bold; }		
DIV#textcontent_contact { float: left;  width:500px;  text-align:left; background-color: #fff;  padding: 0; border: 0; margin: 10px 15px 25px 15px;}
DIV#textcontent_cal {width:786px; border:0; text-align:center; background-color: #fff; margin:0px auto 0px auto;  padding:0px;}
DIV#textcontent_mortgage, DIV#textcontent_insurance{float:left; width:500px; border:0; text-align:left; background-color: #fff; padding: 0 0 20px 0; margin: 10px 15px 25px 15px;}


/* ------ FOOTER ----------------------------------------------------------------------------------------------- */
DIV#footer {float:left; width:790px;  background:#f1f1f1; line-height:17px;color: #bbb; padding: 3px 0 3px 0;}
#footer  a:link, #footer a:visited { font-size:11px; text-decoration:underline; color:#3366cc;  padding-left:10px; padding-right:10px;}
#footer  a:hover, #footer a:active { font-size:11px; text-decoration:underline; color:#c19824;  }
#design {font-size:10px;}
#design a:link, #design a:visited  {  text-decoration:none;  color:#cc6600;  padding-left:2px; padding-right:2px;font-weight:bold;}
#design  a:hover, #design a:active {  text-decoration:none;  color:#336600; text-decoration:underline;  }
.clear  {  clear:both;  }
.smfont {  font-size:10px;  }


/* ------ LEFT CONTENT ------------------------------------------------------------------------------------------ */
#leftcontent ul { list-style-type:none;  margin:0px;  padding:0;  text-align:left; line-height:25px;  }
.leftheaders {  background-color:#336699;  color:#ccc ; text-indent:10px; font-weight:bold;}
.line                         { margin:0px 10px 0px 10px;   border-bottom:1px dotted #ccc;  }
.line a:link, .line a:visited {  text-decoration:none; color:#000; }
.line a:hover, .line a:active {  text-decoration:none; color:#fff;  }
.linenb                       { margin:0px 10px 0px 10px;  border:none;   }
.linenb a:link, .linenb a:visited {  text-decoration:none; color:#000; }
.linenb a:hover, .linenb a:active {  text-decoration:none; color:#fff;  }
.imgtxt      {  margin-top:10px;  font-size:10px; color:#eee; line-height:1.3em; text-align:center;  }

/* ----- LIST ------------------------------------------------------------------------------------------------- */
#listleft       {  text-align:left;  float:left; width:50%;  height:110px; border:1px solid #ccc; font-size:13px; font-weight:bold;  padding-top:5px;  background-image:url(house.jpg); background-position:right; background-color:#fff; background-repeat:no-repeat;}
#listleft ul li {  list-style-type:disc;  height:1.2em;   color:#993300; }

#listright       { text-align:left;   float:left; width:49%;  height:110px; border:1px solid #ccc; font-size:13px;  font-weight:bold;  padding-top:5px;   background-image:url(house2.jpg); background-position:right; background-color:#fff; background-repeat:no-repeat;}
#listright ul li {  list-style-type:disc; height:1.2em; color:#993300;  }

.reportlist ul {list-style-type:disc; }
.reportlist li {line-height:1.3em;}
.report        {border:1px dotted #ccc;padding-left:8px; padding-right:8px;}

/*------FORM -------------------------------------------------------------------------------------------------- */
form {padding-top:10px;}
#signup table {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background:#fff; color:#000000; width:400px; border-collapse:collapse;  }
#signup td { padding-left:4px; }

#signupnote table {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#F9FBFD; color:#000000; width:500px; border-collapse:collapse;  }
#signupnote td { padding-left:4px; }

.smtxtarea  {  background: #fff; border: 1px solid #97b0bc;  height:50px; }
.txtarea  {  background: #fff; border: 1px solid #97b0bc;  height:150px; }
.required:first-letter, .warning { color:#993300;  } 
.alert    {  font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color:#ffff99; font-weight:bold; line-height:20px; text-align:center;}
.formheader { font-size: 12px; height:20px; background: #d9dde9; color:#00519a; font-weight:bold; border:1px solid #ccc; }
.subheader { font-size: 11px; height:20px; background: #F7F7F7; color:#00519a; font-weight:bold; border:1px solid #ccc; }
.trspace {  background: #fff; height:20px; }
.cellborder  { border:1px solid #d1d1d1; background: #fff; }
.celltext{ font-size: 10px; background: #fff; border: 1px solid #97b0bc; }
.celltextsmall{ font-size: 10px; background: #fff; border: 1px solid #97b0bc; width: 25px;}
.labelcell { border:1px solid #dadada; color:#00519a; background:#F7F7F7; width:240px; }
.fieldcell { border:1px solid #dadada; background: #fff; color: #000000; width:150px; text-align: left; margin-right: 0px; padding-right: 0px; }
.smalllabelcell { border:1px solid #dadada;  background: #fff; color: #00519a; width:100px; }
.smallfieldcell { border:1px solid #dadada; background: #fff; color: #000000; text-align: left; }
input.fieldcell  { float:left; width:150px;  background: #fff; color: #00519a; border: 1px solid #97b0bc; margin-left: 0px; }
input.smallfieldcell  { float:left; width:50px;  background: #fff; color: #00519a; border: 1px solid #d6d6d6; }
.smallfieldcell { float:left; background: #fff; color: #00519a; }
.button { border:3px double #ccc; background: #156598; color: #eee; font-size: 11px; font-weight: bold; float:right; width:140px; margin-right:14px; margin-top:15px; }

/*------OTHER -------------------------------------------------------------------------------------------------- */
.midheight  { min-height:800px; }

.brline     {  border-bottom:1px dotted #ccc;  }
.brlinetab  { background-image:url(reporttab.jpg); background-repeat:repeat-y; background-position:center; border-top:1px solid #ccc; height:20px;}
.move2c {  text-align:center;  }
#design {font-size:10px;}
.clear  {  clear:both;  }

DIV#CurrentRates {  width: 500px; text-align: left; margin:0px auto 0px auto;}
table#AnnualPercentRate { float:left; margin: 0; border-collapse:collapse; }
th.apr { border: 1px solid #ccc; background: #d9dde9; padding: 0 5px 0 5px; width:50px; margin: 0; padding: 0; text-indent: 3px; line-height: 20px;}
th.aprColumnHeader { border: 1px solid #ccc; background: #d9dde9; width: 230px; margin: 0; padding: 0; text-indent: 3px; line-height: 20px;}
td.loantype { border: 1px solid #ccc; background: #f8f8f8; width: 230px; margin: 0; padding: 0; text-indent: 3px; line-height: 20px;}
td.aprColumn { border: 1px solid #ccc;   width:50px; background: #fff; margin: 0; padding: 0; text-indent: 3px; line-height: 20px;}

table.location1 {float: left; text-align: left; border: 1px solid #ccc; height: 150px; width: 400px; margin-bottom: 2px; }
table.location2 {float: left; text-align: left; border: 1px solid #ccc; height: 150px; width: 400px; margin-bottom: 2px;}
.tymessage  { float: left; text-align:center; font-size:14px; font-weight:bold; width: 400px; padding-top:50px;color:#0033cc; }
.contactInfo {float: left; text-align: center; font-weight: bold; width: 400px;}
th.locHeader {text-decoration: underline;}
td.days{ width: 100px;}
td.hours { width: 150px;}
td.address {width: 200px;}
div.loanAssumption {width: 400px; float:left; margin: 20px 0 0 0; font-size: 11px;}
DIV#top { margin: 0; }

.labelprivacy { width: 200px;}
img.tc { padding: 0 0 0 30px;}
img.iiaa { padding: 0 0 0 200px;}
a.quoteLink {  line-height: 15px;  text-align: left; background: url('images/paper.jpg') left bottom no-repeat; text-indent: 20px; display: block;}
/*------OTHER -------------------------------------------------------------------------------------------------- */
/****************************************************************************/
/* the following styles are used in navcontent.inc which is the top nav bar */
/****************************************************************************/


DIV.mainnav a:link, DIV.mainnav a:visited, DIV.mainnav a:hover /* IE and firefox applies to each section of top nav bar */
  {
  float:left; 
	display:block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:9px; 
	font-weight:bold; 
	margin:0;
	width: 125px;
	line-height:30px; 
	padding:6px 9px 6px 9px; 
	border-right:1px solid #ccc;
	text-decoration:none;  
	text-align:center; 
  }

DIV.mainnavLast a:link, DIV.mainnavLast a:visited, DIV.mainnavLast a:hover /* IE and firefox applies to each section of top nav bar */
  {
  float:left; 
	display:block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:9px; 
	font-weight:bold; 
	margin:0;
	width: 125px;
	line-height:30px; 
	padding:6px 9px 6px 9px;
	text-decoration:none;  
	text-align:center; 
  }
	
DIV.mainnav a:link, DIV.mainnav a:visited, DIV.mainnavLast a:link, DIV.mainnavLast a:visited{
	background:#336699;color:#eee; /* #669966 */
	}
	 
DIV.mainnav a:hover, DIV.mainnavLast a:hover /* Firefox NOT IE applies to each section of top nav bar when hovering */
  {
	background:#ffffcc;color:#eee;
  }



#navcontent /* applies to entire top nav bar section (div)*/
  {
	left:0;
	padding:0;
	z-index:2;
	float:right;  
	display: block; 
	width:503px; 
	  
	font-weight:800; 
	text-align:left; 
	background:#fff; 
	margin: 47px 0 0 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
	
.navclass ul /*applies to top nav bar*/
  {
	list-style:none;
	padding:0;
	margin:0;
	z-index:2;
  }

#navid a:link, #navid a:visited/*applies to top nav bar and drop-down links*/
  {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size: 12px;
	color:#eee;
	text-decoration:none;
	padding:0;
  }
#navid a:hover /*applies to top nav bar and drop-down links*/
  {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight:bold;
	color:#003399;
	text-decoration:none;
	padding:0;
  }

#navid li li a:link,#navid li li a:visited, #navid li li a:hover/*applies to drop-down links*/
  {
	display: block;
	font-weight:normal;
	padding: 0px;
	width: 123px;
	height:20px;
	z-index:2;
  }
#navid li li a:link,#navid li li a:visited{
			 display: block;
			color:#003399;
				font-size: 10px;
				text-indent: 2px;
			background: #eee;
			} 
 
#navid li li a:hover /*applies to drop-down links when hovering*/
 				{
				display: block;
				color: #003399;
				font-size: 10px;
				text-indent: 2px;
				background:  #ddd;
  							}

.navclass li /*applies to top nav bar and drop-downs*/
  {
	float:left;
	position:relative;
	cursor:default;
	border-width:1px;
	text-align:left;
	z-index:2;
  }

.navclass li ul /*applies to dropdowns */
  {
	top:0px;
	left:0px;
	padding:0px;
	display:none;
	position:absolute;
	width:130px;
	font-weight:normal;
    font-size:10px;
	background:#fff; /*#D4D0C5;*/
	border-right:solid 1px #ccc;
	border-top:solid 1px #ccc;
	z-index:2;
	padding:0px;
  }

	


/*.navclass li>ul  this makes the dropdowns appear in Firefox 
  {
	top:auto;
	left:auto;
	z-index:2;
  }
*/


.navclass li li /* this applies to dropdowns; adds border and spaces correctly 
 */ 
 {
	display: block;
	float: none;
	background: #eee;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	z-index:2;
  }
  

.navclass li:hover ul, li.over ul/* without this the dropdowns disappear */
  {
	display:block;
  margin-top:30px;	/*this makes the dropdowns appear below the top nav bar */
	margin-left:0px;
	z-index:2;
  }
 
/********* MORTGAGE CALCULATOR ************/


h2.cal_header {
	font-family: Georgia, serif;
	font-size: 12px; 
	font-weight: bold;
	width: 300px;
	background: #eee;
	margin:0;
	padding: 0 ;
	text-indent: 8px;

}

DIV#calculator {
	width: 300px;
	border: 1px solid #97b0bc;
	margin: 10px 0 10px 0;
	padding: 10px;
	height: 220px;
	}
DIV#calculatorInterest {
	width: 300px;
	border: 1px solid #97b0bc;
	margin: 10px 0 10px 0;
	padding: 10px;
	height: 170px;
	}
	
input.calbutton {
	float:right; color: #eee; font-size: 11px; font-weight: bold;
	border: 3px double #ccc; background: #156598; width:auto; 
	margin: 15px 0 0 2px;
	}


form#calculator {
	background: url(images/calculator.jpg)left ;
	}

table#summary,table#loan,table.showPayments {
							margin: 25px 0 25px 0;
							border-collapse:collapse; 
							}

th.headerDesc {
							background: #d9dde9;
							border: 1px solid #97b0bc;
							color: #203c63;
							text-align: center;
							text-indent: 2px;
							padding: 5px 0 5px 0;
							}

th.loan {
							width: 100px;
							background: #d9dde9;
							color: #203c63;
							border: 1px solid #97b0bc;
							padding: 5px 0 5px 0;
							text-align: center;
							text-indent: 2px;
								}
th.loanWide {
							width: 180px;
							background: #d9dde9;
							color: #203c63;
							border: 1px solid #97b0bc;
							padding: 5px 0 5px 0;
							text-align: center;
							text-indent: 2px;
								}

td.loan {
							width: 100px;
							background: #fff;
							border: 1px solid #97b0bc;
							text-align: right;
								}
td.loanWide {
							width: 180px;
							background: #fff;
							border: 1px solid #97b0bc;
							text-align: right;
								}
th.summary {
			background: #eee;
			text-align: center;
			text-indent: 2px
			}
			
td.summaryOut {
					border: 1px solid #97b0bc;
					background: #fff;
					width: 140px;
					text-align: right;
					}
td.summary{
					border: 1px solid #97b0bc;
					background: #f3f3f3;
					font-size: 11px;
					width: 210px;
					text-indent: 2px
					}
th.mortgage { 
	width: 150px;
	background: #eee;
	color: #444444;
	border: 1px solid #ccc;
	text-align: center;
	text-indent: 2px;
	font-size: 11px;
	}

th.mortgage_year { 
	width: 70px;
	background: #eee;
	color: #444444;
	border: 1px solid #ccc;
	text-align: center;
	text-indent: 2px;
	font-size: 11px;
	}
	
td.mortgage {
	width: 150px;
	background: #fff;
	border: 1px solid #ccc;
	text-align: right;
	}

td.mortgage_year {
	width: 70px;
	background: #fff;
	border: 1px solid #ccc;
	text-align: right;
	}
	

	
label.calculator {
	float: left;
	width: 170px;
	border: 1px solid #eee;
	text-align: left;
	margin: 0 5px 0 5px;
	line-height: 20px;
	text-indent: 3px;
	}
	
input.midlen {
	width: 100px;
	margin: 1px 0 0 0;
	float: left;
	}
	
input.shortlen {
	width: 60px;
	margin: 1px 0 0 0;
	float: left;
	}
/*select {
			 width: 80px;
			 margin: 1px 0 0 0;
			 float: left;
			 } */
			 
input.calculate {
	display: block;
	width: 150px;
	float: right;
	text-align: center;
	margin: 20px 0 0 0;
	}
	
input.refresh {
  display: block;
	width: 80px;
	float: right;
	text-align: center;
	margin: 20px 0 0 0;
	
	}