@charset "utf-8";
/* Harbor Financials Site Style Sheet */
 html { height:100%; }
 body {
  background-color:#FFFFFF; 
  color:#616161; 
  margin:0px 0px 0px 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  margin-top:0px; height:100%; font-size:11px;
}


 #contentDiv {  width:1003px; margin:auto; background-color:#FFFFFF; height:100%;  }
 #innerContentDiv { width:790px; margin:auto; }
 img { border:none; }
 /*-- the top div: contains the logo image and the company name image --*/
 #topDiv { width:790px; height:101px; display:inline;  }
 #topDiv #logoImage {  width:206px; height:101px; float:left; }
 #nameImage { height:101px; }
 /*-- Middle div: the toc (menu), Flash display, and the row of "boxes" --*/
  #middleDiv {  width:780px; height:100%; }
  #leftDiv { float:left; width:210px; }
  #upperMiddleDiv { display:inline; } /*-- with the toc and Flash display --*/
  
  a { color:#165086; }
a:visited { color:#165086; }

#outerTocTable { 
	border-right:4px solid white;
}

/*-- Div which holds the toc table. --*/
  #tocDiv { width:210px;
  }
  #tocDiv #menu_top_Image { width:210px; height:42px; }
  #tocDiv #menuBottomImage { height:28px; width:210px; }

/*-- The TOC (Table of Contents) Menu table, etc. --*/
#tocTable {
  background-color:#acacac;
/*  margin-right:2px; */
	width:206px;
  border-left:1px solid black; 
  border-right:1px solid black;

}
#todTable tr {
  border-right:4px solid white; 
 }
#tocTable .frontIndicator { width:4px; }
#tocTable .tocSpacer { width:6px; }
#tocTable .linkItem {
  	background-color:#acacac;
	color:#333333;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:12px;
}


#tocTable tr.linkRow:hover   td.frontIndicator {
	background-color:#666666;
	color:#FFFFFF;
}
#tocTable tr.linkRow:hover   td.linkItem {
	background-color:#666666;
	color:#FFFFFF;
}
#tocTable .linkSpacerDiv { width:126px; }

#tocTable tr:hover a {
  color:#FFFFFF;
}
#currentPage td.frontIndicator {
	background-color:#666666;
	color:#FFFFFF;
}

#currentPage td.linkItem {
	background-color:#666666;
	color:#FFFFFF;
}
#currentPage td.linkItem a {
  color:#FFFFFF;
}

#tocTable a {
  color:#363636;
  font-size:9px;
  font-weight:500;
  text-decoration:none;
  letter-spacing:2px;

}

/*-- Boxes div: boxes pertaining to various features and options. --*/
 
 #boxesDiv {  width:790px;   }
 #boxesDiv img { padding-bottom:0px; padding-top:0px; }
 #prequalifyDiv { width:210px; }
 #homeLoansDiv { width:186px;}
 #buildHomeDiv { width:189px;   }
 #vetsDiv { width:195px; }
 #uniformLoanDiv { width:206px; }

/*-- Right Div: the right column of the page, in the middle. --*/
/*  #displayImage{ width:570px; height:295px; } */
/*-- The right middle column: display and text. */
 #rightDiv { width:570px; height:100%;  
   background-color:#ECECEC;  
   float:right;
 }
 #rightDiv #top_bar_plain_Image { width:570px; height: 41px; }
 #slanted_top { width:570px; height:69px; }
 #rightDivTop { width:100%; border:none; }
 #rightDiv a { text-decoration:none; }
   /*-- the display div -- */
 #displayDiv { border-left:1px solid #7F7F7F; 
  border-right:1px solid #7F7F7F;
  border-bottom:1px solid #7F7F7F;
  padding-top:2em;
  padding-left:1em;
  padding-right:1em;
}

 #displayDiv {  
  background-color:#ECECEC; 
 /* border-right:1px solid #7F7F7F; */
 /*         border-left:1px solid #7F7F7F; */
   }     
 #displayImage { width:570px; height:auto; }
 
  .line_down_left { float:left; width:3px; height:15px; }

  .org_sq { height:13px; width:13px; }
  .header { font-weight:bold; font-size:13px;  color:#165086; }
  .accent { color:#165086; font-weight:bold; }

 /*-- the bottom div: row of notices, links for disclaimer and privacy policy, etc. then the Equal Housing Lender stuff, and finally, the site builder link. */
 #bottomDiv {  width:780px; clear:both; border-top:6px solid white; padding-bottom:5ex; }
 #bottomRowDiv { background-color:#CCCCCC; color:#666666;font-size:9px; padding-top:6px; padding-bottom:6px; padding-left:1em; padding-right:1em; }
 #bottomRowDiv span { padding-left:1em; padding-right:1em;  }
 #bottomRowDiv a { text-decoration:none; color:#666666; font-weight:bold; }
 #bottomRowDiv a:hover { color:#333333;  }
 /*-- site builder info --*/
 #seriousmediaInfo { text-align:right; padding-right:4px; }
 #seriousmediaInfo a { font-size:10px; color:#CCCCCC; }
 #HDFDiv { padding-bottom:60px;  }