/* HomeBond CSS Document */

* {
   padding:0;
   margin:0;
	}
html, body {
	/*height:100%;*/
	}
body {
	font-size: 62.5%; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #fff;
	color: #025995;
	text-align: center;
	}
#skip {
	margin-top:-40px;
	}
p.no {
	display:none;
	}
p.center {text-align:center;}	
#page {
	width: 725px;
	margin: 0 auto;
	text-align:left;
	}
/* ----------------------------------- Header Area -------- */
#header {
	background: #fff url(i/hb_header_bg3.gif) top right no-repeat;

	border-bottom: 2px solid #fff;
	}
#header h1 {
	background: url(i/hb_logo3.gif) no-repeat 0 0;
	/*padding-bottom:34px;*/

}
#header h1 a {
	width: 223px;
	height: 150px;
	display: block;
	text-decoration: none;
}
#header a span {
	visibility: hidden; 
} 
p.search {
	float: right;
	margin-top:-135px;
	}
/* ----------------------------------- Global Menu --------  */
#globalnavbar {
	background:#025995;
	position: relative;
	width: 723px;
	height: 21px;
	text-align: center;
	border-right: 1px solid #025995;
	border-left: 1px solid #025995;
	border-bottom: 2px solid #fff;
	overflow: hidden;
}
/* ------------ Main Menu --------- */
div#globalnav	{
	height: 21px;
	width: 723px;
	border-bottom: 2px solid #fff;
	}

div#globalnav ul#menu {
	height: 21px;
	width: 723px;
	background: transparent url(i/nav-2009.gif) top left no-repeat;
	position: relative;
	}

div#globalnav ul#menu li {
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 21px;
	display: block;
	}
div#globalnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#about {left: 0; width: 104px;}
#owners	{left: 107px; width: 153px;}
#builders	{left: 261px; width: 170px;}
#ber {left: 433px; width: 150px;}
#contact	{left: 586px; width: 138px;}

#about a:hover	{background: transparent url(i/nav-2009.gif) 0 -21px no-repeat;}
#owners a:hover {background: transparent url(i/nav-2009.gif) -107px -21px no-repeat;}
#builders a:hover {background: transparent url(i/nav-2009.gif) -261px -21px no-repeat;}
#ber a:hover {background: transparent url(i/nav-2009.gif) -433px -21px no-repeat;}
#contact a:hover {background: transparent url(i/nav-2009.gif) -586px -21px no-repeat;}

	/* You are here - Globalnav */
	
body#index #about {background: transparent url(i/nav-2009.gif) 0 -21px no-repeat;}
body#homeowners #owners {background: transparent url(i/nav-2009.gif) -107px -21px no-repeat;}
body#homebuilders #builders {background: transparent url(i/nav-2009.gif) -261px -21px no-repeat;}
body#ber-page #ber {background: transparent url(i/nav-2009.gif) -433px -21px no-repeat;}
body#contactus #contact {background: transparent url(i/nav-2009.gif) -586px -21px no-repeat;}

/* ----------------------------------- Main Content Area -------- */ 
#rap_content {
	background: #fff url(i/builders_cbg2.gif) top no-repeat;
	float:left;
	width:723px;
	/*min-height:100%;*/
	padding-top:50px;
	border-right: 1px solid #025995;
	border-left: 1px solid #025995;
	}
body#home #rap_content {
	background: #fff url(i/content_bg.jpg) top no-repeat;
	width:725px;
	border: none;
	padding-top:10px;
	}
* html #rap_content {
	height: 100%;}


/* -------- Content  Area -------- */
#content {
	padding: 1em 2em 1em 1em;
	float:right;
	width:520px;
	}
body#home #content {
	float:left;
	width:475px;
	}
body#index1 #content {
	float:left;
	width:95%;
	padding:1em;
}
img.right {
	float:right;
	border:none;
	padding:5px;
	}
img.right1 {
	float:right;
	border:none;
	padding:0 0 1em 4em;
	}	
img.inspector {
	border: 1px solid #025995;
	margin: 0.2em 0.4em 0.2em 0.2em;
	}
#content ul {
	padding: 1em 0 1em 3em;}
#content ol {
	padding: 1em 0 1em 2em;}
#content li {
	font-size: 1.1em;
	line-height: 1.4em;	
	padding-bottom: 0.5em;
	}
#paths { 
	clear:both;
	display: inline;
	}
table.paths1 {clear:both;}	
table.paths1, th.paths1, tr.paths1 {
	border:none;
	padding:0;
	margin:0;
	}
td.info, th.info {
	padding:2px;
	border: 1px solid #025995;
	}
table.info {

	border: 1px solid #025995;
	margin-bottom: 1em;
		}
table.contact td {width:50%;}
/* -------- SubNav Area -------- */
#sidebar {
	/* background:url(i/rotate/rotate.php) bottom left no-repeat; */

	padding-bottom:160px;
	float:left;
	width:170px;
	/*min-height:100%;*/
	}
body#home #sidebar {
background: #FFFFFF;
	float: right;
	padding:0;
	width:225px;
	}
/* * html #sidebar {
	height: 100%;}*/
dl.submenu {
	padding-top:0;
	width:95%;
	}
dt.submenu {
	font-size: 1.2em;
	font-weight:bolder;
	text-align:right;
	color:#ffa800;
	font-variant:small-caps;
	padding-bottom:0.5em;
	padding-top:1.5em;
/*	border-bottom:1px solid #025995;*/
	}
dd.submenu {
	text-align:right;
	height:16px;
	padding-top:3px;
	border-bottom:1px solid #025995;
	}
#sidebar a, #sidebar a:link {
	display:block;
	background:url(i/redarrow.gif) bottom left no-repeat;
	color:#025995;
	text-decoration:none;
	}
#sidebar a.current {
	display:block;
	background:url(i/bluearrow.gif) bottom left no-repeat;
	color:#025995;
	text-decoration:none;
	}
#sidebar a:hover {
display:block;
	background:url(i/orange_arrow.gif) bottom left no-repeat;
	color:#ffa800;
	text-decoration:none;
	}
body#home #sidebar img {
float:right;
padding-top:10px;
}
img.side {
	margin-top: 30px;
	border-right: 1px solid #025995;
	border-top: 1px solid #025995;
	border-bottom: 1px solid #025995;
	}
/* -------- Footer Area -------- */ 
#footer {
	clear:both;
	background: #fff url(i/hb_footer.gif) top no-repeat;
	width:100%;
	height:33px;
	color:#fff;
	text-align:center;
	padding-top:4px;
	}
/*-------------------------------------- PAGE HEADERS ---------------------------------------*/
#agreementHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_agreement.gif) top left no-repeat;
   }
#agreementHeader span {
   display: none;
}
#claimsHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_claims.gif) top left no-repeat;
   }
#claimsHeader span {
   display: none;
}
#publicationsHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_publications.gif) top left no-repeat;
   }
#publicationsHeader span {
   display: none;
	}
#contactHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_contact.gif) top left no-repeat;
   }
#contactHeader span {
   display: none;
	}
#welcomeHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_welcome.gif) top left no-repeat;
   }
#welcomeHeader span {
   display: none;
	}
#builderHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_homebuilder.gif) top left no-repeat;
   }
#builderHeader span {
   display: none;
	}
#buyerHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_homebuyer.gif) top left no-repeat;
   }
#buyerHeader span {
   display: none;
	}
#buildpubHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_publications_builder.gif) top left no-repeat;
   }
#buildpubHeader span {
   display: none;
	}
#inspect1Header {
   width: 291px;
   height: 21px;
   background: url(i/pix/header_inspections01.gif) top left no-repeat;
   }
#inspect1Header span {
   display: none;
	}
#inspect2Header {
   width: 291px;
   height: 21px;
   background: url(i/pix/header_inspections02.gif) top left no-repeat;
   }
#inspect2Header span {
   display: none;
	}
#joinHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_join.gif) top left no-repeat;
   }
#joinHeader span {
   display: none;
	}
#privacyHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_privacy.gif) top left no-repeat;
   }
#privacyHeader span {
   display: none;
	}
#publications2Header {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_publications_builder.gif) top left no-repeat;
   }
#publications2Header span {
   display: none;
	}
#registerHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_register.gif) top left no-repeat;
   }
#registerHeader span {
   display: none;
	}
#rulesHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_rules.gif) top left no-repeat;
   }
#rulesHeader span {
   display: none;
	}
#scopeHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_scope.gif) top left no-repeat;
   }
#scopeHeader span {
   display: none;
	}
#servicesHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_services.gif) top left no-repeat;
   }
#servicesHeader span {
   display: none;
	}
#disclaimerHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_disclaimer.gif) top left no-repeat;
   }
#disclaimerHeader span {
   display: none;
	}
#marketingHeader {
   width: 265px;
   height: 21px;
   background: url(i/pix/header_marketing.gif) top left no-repeat;
   }
#marketingHeader span {
   display: none;
	}
/*-------------------------------------- TYPOGRAPHY ---------------------------------------*/
h1, h2, h3, h4, h5, h6 {
        font-family: helvetica, arial, verdana, sans-serif;
        font-weight: normal;
}

/* approx 21px*/
h1 {
        font-size: 2.1em;
        margin-top: 2em; 
}

/* approx 16px*/
h2 {
        font-size: 1.6em;
        margin-bottom: 1em; 
		font-weight:bolder;
		color: #025995;
		text-shadow:#333333;
}

/* approx 14px*/
h3 {
        color:#ffa800;
		font-size: 1.3em;
		font-weight:bolder;
		margin-top:2em;
        margin-bottom: 0.5em;
		}

/* approx 12px*/
h4 {
        font-size: 1.2em;
		font-weight:bold;
}

/* approx 11/14 */
p, td {
	color:#025995;
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 0;
	margin-bottom: 1em;
	text-align:justify;
}
li {font-size: 1.1em;line-height: 1.4em;}
/* miscellaneous */
.first {
	color:#025995;
	}
#footer p {
	color: #fff;
	text-align:center;
	}
p.tag {
	color: #999;
	text-align:center;
	margin:0 auto;
	width:700px;
	
	}
a.tag {
	text-decoration:none;
	color:#666;
	}
a:hover.tag {
	color:#fff;	
	background:#666;
	}
a {
	color:#ffa800;
	text-decoration:none;
	}
a:hover {
	color:#025995;
	text-decoration:underline;
	}
img.path {
	padding:0;
	margin:0;
	display:inline
	}
a.path {
	display:inline;
	}
/* ROTS Definition List */
dl.rots {
	font-size:1.1em;
	}
dt.rots {
	font-size:1.2em;
	font-variant:small-caps;
	font-weight:bold;
	padding-top: 5px;
	}
dd.date {
	color:#999;
	font-size:0.9em;}
dd.rots {

	}
/* form.css */

form {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  min-width: 360px;
  max-width: 420px;
  width: 420px;
}



label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #025995;
  border: 1px solid #025995;
  background:#D9E6EF;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 354px;
  height: expression('1%');
  margin: 5px 0px 0px 0px;
  padding: 1px 3px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}



form div img {
  border: 1px solid #000000;
}

form div input, form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px 0px 0px 140px;
}

form div.submit {
  width: 214px;
  padding: 0px 0px 0px 137px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #D9E6EF;
  color: #025995;
  width: auto;
  padding: 0px 6px;
  margin: 0px;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0px 0px 0px 5px;
}