/*begin redefined area --------------------------------------------------------------------*/
html { min-height: 100%; margin-bottom: 1px; }

body {
	margin: 0px;
	margin-top:0px;
	padding: 0px;
	
	color:#333;
	text-align:center;
	font:12px Arial, Helvectica, san-serif;
	line-height:1.5em;
	height:100%;
}

img {
	border:0px;
}

a {
	color:#666;
}

.clear {
	clear:both;
}

.underline {
	text-decoration:underline;
}
h1,h2,h3,h4 {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvectica, san-serif;
	font-weight:normal;
}
h3 
{
	font-weight:bold;
	font-size:12px;
}
h4 
{
	font-size:10px; 
	text-align:center;
}

.address 
{
	margin:0px; 
	padding:0 10px 0 10px;
	display:block;
}

#contacts 
{
	margin:10px;
}

/*end redefined area ----------------------------------------------------------------------*/
		
#livearea {
	margin:0 auto;
	padding: 0;
	text-align:left;
	background:white;
	width:762px;
}		

#preheader {
	margin:0px;
	padding:10px 0 0 10px;
	width:750px; /*this is less then livearea size to limits the toolbar from over extending in Mozilla*/
	height:60px;
	float:left;
	display:block;
}



#bannerspacer, #footerspacer {
	clear:both;
	margin:0;
	padding:0;
	font-size:1px; /*for IE. otherwise IE show's default font-size height. */
	width:762px;
	height:2px;
	background:#fff;
	border-bottom:1px solid #fff;
}		

#bannerwrap {
	width:762px;
	float:left;
	margin: 0 0 0 0;
	padding:0;
	height:157px;
}
#pagebannerwrap {
	height: 79px;
	width:762px;
	float:left;
	margin: 0 0 0 0;
	padding:0;	
}

#banner {
	width:480px;
	padding: 0px;
	margin: 0px;
	height:157px;
	float:left;
	display:block;
	background:#fff url("../images/banner_hti.jpg") no-repeat 0 0;
}
#pagebanner 
{
	margin:0px;
	padding:0px;
	float:left;
	width:480px;
	height: 79px;
	background:#fff url("../images/banner_hti_page.jpg") no-repeat 0 0;
}

#join {
	width:282px;
	padding: 0px;
	margin: 0px;
	height:157px;
	float:right;
	background:#35364A;
	display:block;
	color:#fff;
}
#pagejoin 
{
	padding: 0px;
	margin: 0px;	
	width:282px;
	height:79px;
	float:right;
	background:#35364A;
	display:block;	
}

#joincontent  {
	margin:20px 15px 0 0;
	text-align:right;
}
#joincontent a {
	color:#fff;
	text-decoration:none;
}
#joincontent h1 {
	margin:0px;
	padding:10px 0px 5px 0px;
	font-size:30px;
}

#joincontent h2 {
	margin:0px;
	padding:5px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
}

#mainbody #colwrapper{
	height:290px;
	background:#F5F6F1 url("../images/columns_bg.gif") repeat-y 0 0;
}
#pagebody #colwrapper 
{
	height:auto;
	background:#F5F6F1 url("../images/columns_page_bg.gif") repeat-y 0 0;
}

#mainbody #colwrapper #awrapper,
#mainbody #colwrapper #bwrapper,
#mainbody #colwrapper #cwrapper, 
#pagebody #colwrapper #awrapper,
#pagebody #colwrapper #bwrapper {
	float: left;
	display:block;
	margin:0px;
	padding: 0px;
}
#mainbody #colwrapper #awrapper {
	width:252px;
}
#mainbody #colwrapper #bwrapper {
	width:257px;
}
#mainbody #colwrapper #cwrapper {
	width:253px;
}

#mainbody #colwrapper #a,
#mainbody #colwrapper #b,
#mainbody #colwrapper #c,
#pagebody #colwrapper #a,
#pagebody #colwrapper #b,
#pagebody #colwrapper #c {
	border-top:solid 9px #0968A8;
	margin:0;
	background:#F5F6F1;
	padding:0 5px 5px 5px;
}

#pagebody #colwrapper #c 
{
	border-top:0;
}
#mainbody #colwrapper #b {
	margin:0px 2px 10px 2px;
}

/*create page wrapper classes */

#pagebody #colwrapper #awrapper {
	width: 506px;
	margin: 0px 0px 0px 0px;
	border-right:solid 2px #ffffff;
}
#pagebody #colwrapper #bwrapper {
	width: 254px;
	margin:0px 0px 10px 0px;
}

#a h1,#b h1, #c h1 {
	color:#333;
	font-size:15px;
	font-weight:bold;
	margin:5px 0px 5px 0px;
}
#a h2,#b h2 {
	color:#333;
	font-size:13px;
	font-weight:bold;
}

#a h2.underline 
{
	text-decoration:underline; 
	margin-bottom:5px;
}

#a p,#b p, #c p {
	margin:10px 5px 10px 5px;
	
}
#footer {
	margin:0px;
	padding:0px;
	clear:both;
	background:#F5F6F1;
	
	padding: 7px 5px 7px 5px;
	height: 35px; /* define height for mozilla */
}
#footer p {
	margin:0px;
	padding:0px;
	font-size:10px;
}

#sitemapcol
{
	padding:5px 15px;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}

ul	{ padding-bottom: 1.25em; }
	
ul li,
ol li ul li {
	padding: 0 0 0 20px;
	background: url("../images/bullet_point.gif") no-repeat 7px 0;
}

#a table 
{
	width:350px;
}
#a table td.col1
{
	width:125px;
}
#a table td.col2
{
	width:35px;
}
#a table td.col3
{
}		

.author {
	font-weight:bold;
	font-size:11px;
}		

#siteapprovallogos	{
	margin-top:10px;
}

#linebreak {
	margin:0 4px 0 4px; 
	background:#084E8C; 
	height:1px; 
	font-size:1px;
}

.rulesheader {
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px 3px 0px 0px;
}