﻿html, body {
	height: 100%; /* Required */
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	}
*{
	margin:0px;
	padding:0px;
	}
	
h1, h2, h3, h4, h5, h6{
	padding:0px;
	margin:0px;	
	}
h1{
	color:#e2373f;
	font-size:130%;
	padding:0px 0px 10px 0px;
	}
h2{
	color:#e2373f;
	padding:0px 0px 4px 0px;
	font-size:110%;
	}
h3{
	color:#e2373f;
	padding:0px 0px 4px 0px;
	font-size:90%;
	}
h4{
	font-size:75%;
	font-weight:600;
	color:#666666;
	margin:0px 0px 4px 0px!important;
	}
	
/*h4{
	float:left;
	color:#f0153b;
	width:195px;
	padding:0px 0px 20px 0px;
	font-size:90%;
	margin:0px;
	clear:both;
	}*/
	
h5{
	font-size:75%;
	font-weight:600;
	color:#f0153b;
	padding:0px 0px 4px 0px;
	}
h6{
	font-size:75%;
	font-weight:600;
	color:#666666;
	padding:10px 0px 2px 0px;
	}
a:link, a:visited{
	color:#404040;
	}
a:hover, a:active{
	color:#f0153b;
	}
ul, ol{
	font-size:80%;
	list-style-type:none;
	list-style-position:outside;
	margin:0px;
	line-height:140%;
	padding:0px 0px 20px 15px;
	}
ol{
	padding:0px 0px 20px 0px;
	list-style-type:decimal;
	list-style-position:inside;
	}
ol li{
	background:none;}
li{
	background:url(../images/bullet.gif) no-repeat 0px 7px;
	padding:0px 0px 0px 10px;
	line-height:inherit;
	}
p{
	color:#000000;
	font-size:80%;
	padding:0px;
	margin:0px 0px 10px 0px;
	}
img{
	border:none;
	}
form.dotsBttm{
	padding:0px 0px 10px 0px;
	margin:0px;
	}
hr{
	border:none;
	height:1px;
	background:#999999;
	padding:0px;
	margin:0px;
	clear:both;
	}
#container-page {
	width:95%;
	min-width:950px;
	margin: 0px auto;
	background:;
	position: relative;
	border-left:#8d8d8d 1px solid;
	border-right:#8d8d8d 1px solid;
	min-height:100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}

#header{
	position:relative;
	background:#FFFFFF;
	height:184px;
	text-align:center;
}
#hwcfCurve{
	position:absolute;
	top:10px;
	left:10px;
	z-index:1;
	}
#hwLogo{
	position:absolute;
	top:0px;
	right:0px;
	}
#menu{
	position:absolute;
	left:0px;
	width:100%;
	bottom:0px;
	height:26px;
	border-top:5px #e2373f solid;
	border-bottom:2px #e2373f solid;
	}
#menu ul li, #menu ul{
	list-style-type:none;
	float:left;
	margin:0px;
	padding:0px;
	}
#menu a:link, #menu a:visited
	{
	position:relative;
	font-size:90%!important;
	font-weight:600;
	top:0px;
	height:26px;
	line-height:26px;
	text-decoration:none;
	padding:0px 15px 0px 15px;
	margin:0px;
	background:#FFFFFF;
	display:block;
	float:left;
	color:#535353;
	}
#menu a:hover, #menu a:active
	{
	background:#e2373f;
	text-decoration:none;
	color:#FFFFFF
	}

#header h1{
	position:relative;
	color:#e2373f;
	font-size:120%;
	line-height:150%;
	top:40px;
	}
#mapText{
	padding-top:15px;
	}
#mapText h2{
	font-size:85%;
	}
#content a{
	color:#e2373f;
	text-decoration:none;
	}
#content a:hover{
	color:#e2373f;
	text-decoration:underline;
	}
.red{
	color:#e2373f!important;
	padding:0px 0px 10px 0px;
	}
#container-content{
	padding:0px 40px 100px 0px;
	}
#content{
	position:relative;
	top:15px;
  	margin:0px 15px 15px 15px;
	min-height:400px;
	padding:0px 0px 15px 200px;
	}
.driverTable img{
	position:absolute;
	}
.driverBox{
	position:relative;
	height:140px;
	width:226px;
	margin:0px 10px 20px 0px;
	}
	
	
#driver_04, #driver_05, #driver_06{
	margin:0px 10px 0px 0px;
	}
.driverTable a:link, .driverTable a:visited
	{
	position:absolute;
	bottom:0px;
	font-size:85%!important;
	display:block;
	width:216px;
	height:27px;
	line-height:12px;
	padding:0px 0px 0px 10px;
	color:#FFFFFF!important;
	text-decoration:none;
	background:url(../images/driver_button_off.gif);
	}
.driverTable a:hover, .driverTable a:active
	{
	text-decoration:none!important;
	background:url(../images/driver_button_on.gif);
	}
.driverTable a.singline{
	line-height:25px;
	}
.driverTable{
	width:100%;
	}
.driverTable tr td{
	width:33%;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	border:none;
	}
#container-foot {
  width:100%;
  background:;
  position: absolute;
  bottom: 0px !important;
  bottom: -1px; /* For Certain IE widths */
  height: 100px;

}
#container-foot h1{
	color:#e2373f;
	font-size:120%;
	text-indent:210px;
	}
#footer{
	text-align:left;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	text-indent:20px;
	height:40px;
	background:#e2373f;
	position:absolute;
	border-top:1px solid #8d8d8d;
	bottom:0px;
	width:100%;
	font-size:80%;
	line-height:35px;
}
#footer a
	{
	float:right;
	margin:0px 10px 0px 0px;
	color:#FFFFFF;
	text-decoration:none;
	}
#footer a:hover
	{
	color:#000000;
	text-decoration:underline;

	}
#charity{
	text-align:center;
	position:absolute;
	width:116px;
	left:25px;
	bottom:50px;
	z-index:1;
	}
#charity a:link, #charity a:visited{
	width:116px;
	text-decoration:none;
	font-size:70%;
	color:#000000;
	line-height:15px;
	}
#charity a:hover, #charity a:active{
	color:#ff6300;
	}
#leftNav{
	top:0px;
	left:0px;
	position:absolute;
	width:160px;
	font-size:95%;
	margin:0px;
	padding:0px;
	}
#leftNav a:link, #leftNav a:visited{
	color:#e2373f;
	text-decoration:none;
	}
#leftNav a:hover, #leftNav a:active{
	text-decoration:underline;
	}
#leftNav input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	}
#leftNav input.inputImage{
	position:absolute;
	top:4px;
	left:110px;
	}
#leftNav input.textBox{
	width:100px;
	}
#leftNav p{
	background:url(../images/arrow.gif) no-repeat;
	padding:0px 0px 0px 25px;
	margin:10px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ Hover Hide state ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a.info span, area span{
	display: none;
	}
a.info{
	/*this is the key*/
	position:relative;
	text-decoration:none;
	color:#000000;
	font-size:85%;
	z-index:1;
 	}
a.info:hover
	{
	z-index:1;
	background:#f0153b;
	}
a.info:hover span
	{
	/*the span will display just on :hover state*/
	top:0px;
	left:0px;
	width:200px;
	display: block;
	position: absolute;
	background:#f0153b;
	cursor:pointer;
	border:#999999 solid 1px;
	padding:15px;
	z-index:1;
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#map{
	width:330px;
	right:10%;
	position:absolute;
	top:0%;
	}
.sbTooltip h1{
	font-size:120%;
	margin:0px;
	padding:0px;
	}
.sbTooltip{
	background:#f0153b;
	width:200px;
	margin:0px;
	padding:10px;
	border:solid 1px #FFFFFF;
	color:#FFFFFF;
	font-size:80%;
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#leftNav a.subNav:link, #leftNav a.subNav:visited, a.subNavlink1{
	display:block;
	line-height:25px;
	color:#666666!important;
	font-size:80%;
	font-weight:normal;
	margin:0px;
	padding:0px 0px 0px 20px;
	background:url(../images/arrowRed.gif) no-repeat 10px 10px;
	clear:both;
	}
	
#leftNav a.subNav:hover, #leftNav a.subNav:active{
	display:block;
	line-height:25px;
	font-size:80%;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 20px;
	background:url(../images/arrowRed.gif) no-repeat 10px 10px;
	text-decoration:none;
	color:#e2373f;
	clear:both;
	}
	
.subNavlink1On{
	display:block;
	line-height:25px;
	font-size:80%;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 20px;
	background:url(../images/arrowRed.gif) no-repeat 10px 10px;
	text-decoration:none;
	color:#f0153b!important;
	}
.menuParentOn{
	background:#e2373f!important;
	color:#FFFFFF!important;
	}
a.subNavlink2{
	display:block!important;
	width:120px;
	clear:both!important;
	font-size:80%;
	color:#333333!important;
	padding:0px 0px 0px 24px!important;
	}
a.subNavlink2On{
	display:block!important;
	clear:both!important;
	font-size:80%;
	color:#333333!important;
	text-decoration:underline!important;
	padding:0px 0px 0px 24px;

	}

.dotsBttm{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#999999 dotted 1px;
	}
.spacer{
	padding:5px 0px 5px 0px;
	}
table{
	width:95%;
	border-collapse:collapse;
	margin:5px 5px 20px 5px;
	}
th{
	background:#f0153b;
	border-left:#f26c83 solid 1px;
	font-weight:normal;
	color:#FFFFFF;
	padding:5px;
	text-align:left;
	vertical-align:middle;
	}
tr td{
	font-size:80%;
	border-left:#e6e6e6 solid 1px;
	border-right:#e6e6e6 solid 1px;
	border-bottom:#e6e6e6 solid 1px;
	padding:5px;
	vertical-align:middle;
	}
.testLeft p, .testRight P{
	position:relative;
	z-index:16;
	}
.testLeft{
	position:relative;
	clear:both;
	width:400px;
	padding:10px;
	margin:0px 20px 20px 20px;
	z-index:2;
	}

.testRight{
	position:relative;
	clear:both;
	width:400px;
	float:right;
	padding:10px;
	margin:0px 20px 20px 20px;
	z-index:2;
	}
.quoteOpen{
	position:absolute;
	top:0px;
	left:-10px;
	width:19px;
	height:16px;
	background:url(/images/quoteOpen.gif) no-repeat;
	z-index:5;
	}
.quoteClose{
	position:absolute;
	bottom:15px;
	right:-5px;
	width:19px;
	height:16px;
	background:url(/images/quoteClose.gif) no-repeat;
	z-index:5;
	}
.photo{
	float:right;
	padding:40px 300px 0px 0px;
	}
.photo2{
	float:right;
	margin:40px 300px 0px 0px;
	border:#CCCCCC solid 1px;
	}

	



#newsContent_holder {
	border: 1px dashed #ccc;
	border-width: 0 1px 0 0;
	float: left;
	margin: 0 5px 0px 0;
	padding: 5px;
	width: 200px;
}
#newsContent_ticker {
	width: auto;
	padding: 5px 5px 2px;
	background-color: #fce9ea;
}
	#newsContent_ticker h3 {
		background: url(/images/hwcf_icon.gif) no-repeat; 
		padding: 2px 0 2px 25px; 
		margin: 1px;
	}