/* NORMALIZING styles
-------------------------------------------*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

div, span, img, form, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}





/* MAIN styles
-------------------------------------------*/
body{
	background-color: #dfded2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	color: #1e1e1e;
}

h1{
	font-size: 21px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #1e1e1e;
	margin:0px 0px 0px 0px;
	font-weight: normal;
}

h2{
	font-size: 16px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #484848;
	margin:10px 0px 0px;
}

h3{
	font-size: 15px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #656565;
	margin:0;
}

h3.faq-question{
	font-size: 18px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #969473;
	margin:10px 0px 0px;
}

p {
	padding:5px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}


td{
	vertical-align: top;
}

a:link{color: #155b76;}
a:visited{color: #155b76;}
a:hover{color: #981712;}
a:active{color: #981712;}

dt{
	font-weight: bold;
}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.clr {
	clear: both;
	height: 0px;
}
.clearfix:after {/*http://positioniseverything.net/easyclearing.html*/
	content:".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {height: 1%; display:block;}
/* End hide from IE Mac */






/* CONTAINER styles
-------------------------------------------*/
#container-header{
	background: #990100 url(images/bg_header.gif) 0 0 repeat;
}
#container-main{
	background: #f4f3ee url(images/bg_main.gif) 0 0 repeat-x;
}
#container-content{
	width: 764px;
	position:relative;
	left: 50%;
	margin: 0px 0px 0px -382px;
	background: #fff;
}
#container-footer{
	padding-bottom: 20px;
}




/* HEADER styles
-------------------------------------------*/
#header{
	width: 764px;
	height: 35px;
	position:relative;
	left: 50%;
	margin: 0px 0px 0px -382px;
}
	#header h1 {
		margin: 0px;
		position: absolute;
		top: 15px;
		left: 15px;
	}
		#header h1 a {
		background: transparent url(images/logo.gif) 0 0 no-repeat;
		display: block;
		height: 47px;
		width: 154px;
		color: #ECE5D5;
		padding: 47px 0px 0px 0px; 
		height: 0px !important;
		height /**/:47px;
		overflow:hidden;
		font-size: 1px;
		}

	#header-nav{
		margin: 0px;
		padding: 0px;
		list-style: none;
		text-align: left;
		position: absolute;
		top: 24px;
		right: 0px;
		width: 284px;
		height: 55px;
		color: #990100;
		z-index: 200;
	}
	#header-nav li{
		margin: 0px; 
		padding: 0px; 
		list-style: none;
		position: absolute; top: 0;
		display: block;
	}
		#header-nav li a, #header-nav li a:link, #header-nav li a:visited{
			height: 30px; display:block;
			padding: 30px 0px 0px 0px; 
			margin: 25px 0px 0px 0px; 
			height: 0px !important;
			height /**/:30px;
			overflow:hidden;
			font-size: 1px;
			text-decoration: none;
		}


	#header-nav #nav-hsi{left: 0px; width: 45px;}
	#header-nav #nav-hli{left: 45px; width: 46px;}
	#header-nav #nav-hcti{left: 91px; width: 48px;}
	#header-nav #nav-other{left: 139px; width: 145px;}
	
	#header-nav #nav-hsi a:link, #header-nav #nav-hsi a{background: transparent url(../images/bg_nav.gif) 0px 0 no-repeat}
	#header-nav #nav-hli a:link, #header-nav #nav-hli a{background: transparent url(../images/bg_nav.gif) -45px 0 no-repeat}
	#header-nav #nav-hcti a:link, #header-nav #nav-hcti a{background: transparent url(../images/bg_nav.gif) -91px 0 no-repeat}
	#header-nav #nav-other a:link,#header-nav #nav-other a{background: transparent url(../images/bg_nav.gif) -139px 0 no-repeat}
	
	#header-nav #nav-hsi a:hover{background: transparent url(images/bg_nav.gif) 0px -50px no-repeat;}
	#header-nav #nav-hli a:hover{background: transparent url(images/bg_nav.gif) -45px -50px no-repeat;}
	#header-nav #nav-hcti a:hover{background: transparent url(images/bg_nav.gif) -91px -50px no-repeat;}
	#header-nav #nav-other a:hover{background: transparent url(images/bg_nav.gif) -139px -50px no-repeat;}
	
	#header-nav li a:hover span{
		display: block; 
		position: absolute; 
		top: 5px; 
		left: 0px; 
		font-size: 12px; 
		color: #fff;
		width: 220px;
	}
	#header-nav #nav-hsi a:hover span{}
	#header-nav #nav-hli a:hover span{}
	#header-nav #nav-hcti a:hover span{margin-left: -20px;}



	#header-nav-sup{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	#header-nav-sup li{
		display: inline;
		padding: 5px 0px 0px 5px;
	}

	#header-nav-sup{
		margin: 0px;
		padding: 5px 0px 0px 0px;
		float: right;
	}
		#header-nav-sup li{
			list-style: none;
			display: inline;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
			border-right: 1px dotted #6a3127;
			/*background: transparent url(images/dot_line_vert.gif) right top repeat-y; */
		}
			#header-nav-sup li.last{
				border-right: none;
				margin: 0px;
				padding: 0px;
			}
		#header-nav-sup li a{
			color: #fff;
			text-decoration: none;
		}
		#header-nav-sup li a:hover{
			text-decoration: underline;
		}




/* CONTENT styles
-------------------------------------------*/
#content{
	padding: 0px 10px 10px 18px;
	background: #fff;
	width: 452px;
	float: left;
	display: inline;
}
	
	body.home #content{
		padding: 0px 10px 3px 18px;
	}
	
	#content h1{
		background: #cbe3d5;
		margin: 0px -10px 20px -18px;
		height: 35px;
		padding: 90px 0px 0px 20px;
		color: #fff;
	}
	body.home #content h1{
		background: #9fc570 url(images/corner_heading.gif) 0 0 no-repeat;
		margin: 0px -10px 0px -18px;
		height: 35px;
		padding: 90px 0px 0px 20px;
		line-height:1.1em;
		color: #fff;
	}

		ul.linklist{
			margin: 0px 0px 0px 10px;
			padding: 0px;
			list-style: none;
		}


		ul.linklist li{
			margin-bottom: 3px;
		}
	
	h2.pdf-list-top{
		padding-left: 25px;
		padding-top:12px;
		background: transparent url(images/icon_pdf.gif) 0 12px no-repeat;
		line-height: 18px;
		margin-bottom: 5px;
	}

	h2.pdf-list{
		padding-left: 25px;
		padding-top:12px;
		background: transparent url(images/icon_pdf.gif) 0 12px no-repeat;
		line-height: 18px;
		margin-bottom: 5px;
		margin-top: 15px;
		border-top:1px solid #ECECE0;
	}
	
	p.more-link{
		text-align: right;
	}
	
	#ad-main{
		background: #f1f1f1;
		margin: 3px -10px 3px -15px;
		padding: 10px;
		width: 457px;
		height: 154px;
		position: relative;
		overflow: hidden;
	}
	#flash{
		padding: 0px 10px;
			}
		#ad-main p{
			width: 60%;
			color: #616161;
			margin: 0px;
		}
		#ad-main p.dyncontent{
			width: 50%;
			color: #981712;
		}
		#ad-main h2 span{
			color: #991a14;
		}
	
	#ad-blocks{
		background: #f3f3e9 url(images/bg_home_blocks.gif) 0 0 repeat-y;
		margin: 0 -10px 0 -15px;
		width: 477px;
		position: relative;
		height: 180px;
	}
		#ad-blocks div{
			position: absolute;
			width: 135px;
			margin-right: 6px;
			padding: 0px 10px;
			height: 180px;
		}
			#ad-blocks div.block1{
				left: 1px;
			}
			#ad-blocks div.block2{
				left: 162px;
			}
			#ad-blocks div.block3{
				left: 322px;
			}
				#ad-blocks div h2, #ad-main h2{
					height: 20px;
					width: 126px;
					text-decoration: none;
					padding: 20px 0px 0px 0px; 
					height: 0px !important;
					height /**/:20px;
					overflow:hidden;
					font-size: 1px;
				}
				#ad-blocks div.block1 h2{
					background: transparent url(images/hdr_hli_home.gif) 0 0 no-repeat;
				}
				#ad-blocks div.block2 h2{
					background: transparent url(images/hdr_hcti_home.gif) 0 0 no-repeat;
				}
				#ad-blocks div.block3 h2{
					background: transparent url(images/hdr_oat_home.gif) 0 0 no-repeat;
					height: 32px;
					padding: 32px 0px 0px 0px; 
					height: 0px !important;
					height /**/:32px;
				}
				#ad-main h2{
					background: transparent url(images/hdr_hsi_home.gif) 0 0 no-repeat;
					width: 252px;
				}
			#ad-blocks div h2{
				color: #991a14;
				font-weight: bold;
			}
				#ad-blocks div a{
					display: block;
					position: absolute;
					right: 0px;
					bottom: 0px;
					height: 20px;
					width: 81px;
					background: transparent url(images/btn_learn_more.gif) 0 0 no-repeat;
					text-decoration: none;
					padding: 20px 0px 0px 0px; 
					height: 0px !important;
					height /**/:20px;
					overflow:hidden;
					font-size: 1px;
				}
				#ad-blocks div a:hover{
					background: transparent url(images/btn_learn_more.gif) 0 -40px no-repeat;
				}


				#ad-main a{
					display: block;
					position: absolute;
					left: 75px;
					top: 154px;
					height: 20px;
					width: 402px;
					background: transparent url(images/hsi_learn_rollover.jpg) 0 0 no-repeat;
					text-decoration: none;
					padding: 20px 0px 0px 0px; 
					height: 0px !important;
					height /**/:20px;
					overflow:hidden;
					font-size: 1px;
				}
				#ad-main a:hover{
					background: transparent url(images/hsi_learn_rollover.jpg) 0 -20px no-repeat;
				}


	span.backlink{
		font-size: .7em;
	}

	#content img.float-left{
		float: left;
		margin: 0 10px; 10px 0;
	}
	
	#content div.dl-sample {
		float:left;
		position:relative;
		width: 180px;
		height:225px;
		margin: 0px 20px 10px 10px;
	}
	
	#content div.dl-sample a {
		display:block;
		height: 30px;
		width: 180px;
		position:absolute;
		left: 0px;
		bottom: 0px;
		background: transparent url(images/btn_dlsample.gif) 0 0 no-repeat;
		text-decoration: none;
		padding: 30px 0px 0px 0px; 
		height: 0px !important;
		height /**/:30px;
		overflow:hidden;
		font-size: 1px;
	}
	
	#content div.dl-sample a:hover{
		background: transparent url(images/btn_dlsample.gif) 0 -30px no-repeat;
	}
	#content ul.hsi-index {
		margin-left:190px;
		_margin-left:250px;
	}

.download-icon{
	float: right; 
	margin: 0 0 10px 10px; 
	text-align: center;
}

		.download-icon a{
			text-transform: uppercase;
			text-decoration: none;
			color: #be0a28;
		}
		.download-icon a:hover{
			text-decoration: underline;
		}

div.form-container{
	
}
	div.form-container input{
		background: #f8f8f5;
		border: 1px solid #dadada;
		border-top: 1px solid #ababab;
	}
	div.form-container label.required{
		font-weight: bold;
	}

dl#sitemap{

}
	dl#sitemap dt{
		font-size: 14px;
	}
		dl#sitemap dl dt{
			font-size: 12px;
		}
	dl#sitemap dd a{
		text-decoration: none;
	}
	dl#sitemap dt a{
		text-decoration: none;
	}

		
/* SIDEBAR styles
-------------------------------------------*/
#sidebar{
	padding: 10px;
	background: #fff;
	width: 264px;
	float: right;
	display: inline;
	color: #656565;
}
	#sidebar-ad{
		background: #edece0;
		margin: -10px -10px 10px -10px;
		padding: 10px;
		height: 105px;
		position:relative;
	}
		#sidebar-ad h2{
			margin: 0;
		}
		#sidebar-ad p{
			margin: 0;
			line-height: 1.3em;
		}
		#sidebar-ad img{
			float: right;
			margin: 0 0 10px 10px;
		}

	div.quote{
		background: #fff url(images/quote_topleft.gif) left top no-repeat;
		padding: 10px 5px 0px 5px;
		margin: 0 0 10px 0;
	}
		div.quote p{
			background: transparent url(images/quote_botright.gif) right bottom no-repeat;
			color: #8b8a76;
			padding: 0px;
			min-height: 25px;
		}
		/* for IE */
		* html div.quote p {
			height: 25px;
		}
		div.quote cite{
			font-style: normal;
			color: #484848;
		}
		
	table#login-table td{
		padding: 4px;
		vertical-align: middle;
	}
	table#login-table td input.text-field{
		width: 150px;
	}
	
	div#news{
		border-top: 1px solid #f1f1ec;
		margin-top: 10px;
	}
	div#news ul{
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		div#news ul li{
			padding-left: 7px;
			background: transparent url(images/arrow_newsitem.gif) left center no-repeat;
			border-bottom: 1px dashed #d0cfbf;
			line-height: 2em;
		}
		div#news ul li a{
			text-decoration: none;
		}
		div#news ul li a span{
			color: #a8a798;
		}
		

/* FOOTER styles
-------------------------------------------*/
#footer{
	clear: both;
	width: 764px;
	position:relative;
	left: 50%;
	margin: 0px 0px 0px -382px;
	background: #edece0 url(images/bg_footer.gif) left bottom no-repeat;
	border-top: 1px solid #edece0;
	color: #969473;
	text-align: center;
}
	#footer ul{
		margin: 10px 0px 10px 0px;
		padding: 0px;
	}
		#footer ul li{
			list-style: none;
			display: inline;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
			border-right: 1px solid #969473;
		}
			#footer ul li.last{
				border-right: none;
				margin: 0px;
				padding: 0px;
			}
	#footer a{
		color: #969473;
		text-decoration: none;
	}
	#footer a:hover{
		text-decoration: underline;
	}
	#footer p{
	}
	#footer p.firstp{/* remove border from first floated p */
		border: 0px;
	}