.subArea { color: #9B9DA0; }


		.HatDistrictHeader {
			display:block;
			padding:333px 51px 24px 51px;
			background:url(images/HatDistrictHeader.png) top center no-repeat;		
		}
			.HatDistrictHeader div {
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:15px;
				color:#652d8a;
				text-align:center;	
			}
			.HatDistrictHeader span {
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:16px;
				color:#9a090c;
			}
		
		.HatDistrictSpacer {
			display:block;
			width:100%;
			height:4px;
			background:url(images/HatDistrictDivider.png) top left no-repeat;
			clear:both;		
		}
		.HatDistrictMessage {
			display:block;
			color:#522077;
			font-size:12px;
			text-align:center;
			padding:13px 47px 16px 47px;
		}
			
			.HatDistrictMessage a, .HatDistrictMessage a:active, .HatDistrictMessage a:visited {
				color:#522077;
				text-decoration:none;
			}			
			.HatDistrictMessage a.Normal, .HatDistrictMessage a.Normal:active, .HatDistrictMessage a.Normal:visited, .HatDistrictMessage a.PDF, .HatDistrictMessage a.PDF:active, .HatDistrictMessage a.PDF:visited {
				color:#522077;
				text-decoration:none;
				margin:0 5px;
				padding-bottom:30px;
			}
			.HatDistrictMessage a.Normal:hover, .HatDistrictMessage a:hover {
				color:#522077;
				text-decoration:underline;			
			}
			.HatDistrictMessage a.PDF:hover {
				color:#522077;
				text-decoration:underline;
				padding-right:26px;
				background:url(../images/pdf.png) top right no-repeat;
			}
			
		.HatDistrictPicker {
			color:#c80808;
			font-size:12px;
			padding:6px 7px 10px 7px;
			clear:both;
			background:url(images/HatDistrictDivider.png) bottom left no-repeat;
		}
			.HatDistrictPicker a, .HatDistrictPicker a:visited, .HatDistrictPicker a:active {
				color:#c80808;
				text-decoration:none;			
			}
			.HatDistrictPicker a:hover {
				color:#c80808;
				text-decoration:underline;			
			}
			span.Countries {
				overflow:hidden;
				font-size:15px; 
				font-weight:bold;
				color:#c80808;
				text-decoration:none;
				cursor:pointer;			
			}
			
			#Jumpers {
				display:none;
				overflow:hidden;
			}
			.CountrySeperator {
				margin-left:9px;
				margin-right:9px;
			}
			.SubPicks {
				margin-left:7px;
				margin-right:7px;
				font-size:12px;
				font-weight:normal;
				cursor:pointer;
				/* float:left; */
			}
				.SubPick01 {
					padding-left:10px;
					border-left:1px #c80808 solid;
				}
			
		.TheFullCountry {
			display:none;
			width:603px;
			overflow:hidden;		
		}
			.Section, .Section01 {
				display:none;
				width:100%;
				overflow:hidden;
				padding-bottom:18px;
				background:url(images/HatDistrictDivider.png) bottom left no-repeat;
			}
			.StateList {
				display:none;
				width:100%;
				overflow:hidden;
				padding:14px 0 3px 0;
			}
				.StateList .TheState {
					display:block;
					color:#c80808;
					font-size:14px;
					padding-left:17px;
					margin-bottom:14px;
					clear:both;				
				}			
			
			.HatDistrictVendor {
				width:190px;
				height:155px;
				padding:1px 0 6px 103px;
				background-position:top left;
				background-repeat:no-repeat;
				background-color:#FFFFFF;
				font-size:12px;
				color:#444444;
				margin-right:5px;
				margin-bottom:3px;
				float:left;
				overflow:hidden;	
			}
				.HatDistrictVendor strong {
					display:block;
					clear:both;
				}
				.HatDistrictVendor span {
					display:block;
					width:100%;
					clear:both;
				}
				.HatDistrictVendor span em {
					font-size:10px;
				}
				.HatDistrictVendor a {
					display:block;
					width:100%;
					text-decoration:underline;
					color:#444444;
					clear:both;
				}

/* * * * * * * * * * * * * * * * * * * * 
		NEW LANDING
* * * * * * * * * * * * * * * * * * * * */
	
	.HDTop { width: 603px; }
		
	.HDTop, .HDTopNav {
		height: 362px;
		display: block; }	
		
	.HDTopNav {
		width: 250px;
		background-image: url(images/HDTopNav.png);	
		float: left;}
		
		.HDTopNav a, .HDTopNav span {
			display: block;
			width: 250px;	}
			
	.HDTopBody {
		width: 353px;
		height: 362px;
		float: left; 
		display: block;
		background-color: #FFFFFF;}	
		
		#allTheContent h1, .HDTopBody h1 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 20px;
			color: #511f7e;
			text-align: center;
			width: 100%;
			font-weight: normal;
			margin: 40px 10px 0 10px;	}	
			
		#allTheContent p, .HDTopBody p {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 15px;
			color: #818386;
			padding: 0 10px;		}	
	
	A.HDAbout:hover { background-image: url(images/HDAbout.png);}
	A.HDAdvertise:hover { background-image: url(images/HDAdvertise.png);}
	A.HDTestimonials:hover { background-image: url(images/HDTestimonials.png);}
	A.HDLogo:hover { background-image: url(images/HDLogo.png);}

	
	span.Countries:hover { color: #660066;}
	span.Countries:active { color: #660066; }
	span.SubPicks:hover { color: #660066;}
	
	A.Bottom:Link, A.Bottom:Active, A.Bottom:Visited {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #9b9da0;
		font-size: 12px; 
		text-decoration: none;
		text-align: center; }
	
/* * * * * * * * * * * * * * * * * * * * 
		Generates these bg's
* * * * * * * * * * * * * * * * * * * * */
	.imageLinks {
		width: 310px;
		margin-left: auto;
		margin-right: auto;	}
	
	A.Bottom:hover { text-decoration: underline;}	
	
	#UnitedStatesPic {	background-image: url(images/HDUs.png);	}
	
	#CanadaPic {	background-image: url(images/HDCanada.png);	}
	
	#AustraliaPic {	background-image: url(images/HDAustralia.png);	}
	
	#SeeAllPic {	background-image: url(images/HDSeeAll.png);	}
	
	.linkPics {
		width: 153px;
		height: 108px;
		display: block;
		float: left;
		margin: 1px; 
		cursor: pointer;}
		
		.linkPics a {
			width: 153px;
			height: 108px;
			display: block; }
		
		
		
	
/* * * * * * * * * * * * * * * * * * * * 
		For the scrolling
* * * * * * * * * * * * * * * * * * * * */
    .Container { width: 603px;}
	
	#allTheContent {
		width: 353px;
		height: 362px;
		display: block; 
		position: relative;
		overflow: hidden; }

		#allTheContent ul { 
			padding: 0;
			margin: 0; 
			list-style-type: none; 
			width: 353px; 
			display: block; 
			float: left; }
			
		#allTheContent ul li {
			padding: 10px 0 0 0; 
			margin: 0; 
			height: 362px; 
			width: 353px; 
			display: block;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 15px;
			color: #818386; }
			
		#allTheContent ul li a:link, #allTheContent ul li a:active, #allTheContent ul li a:visited {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 15px;
			color: #818386;
			text-decoration: underline;	}
			
		#allTheContent ul li a:hover { text-decoration: none; color: #511F7E; }

	.contentHolder {
		width:1400px;
		display: block; 
		height: 1086px;
		float: left;  }

	.title02 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		color: #511f7e;
		text-align: center;
		margin-right: 10px;}
		
		
	.Application {
		width: 320px;
		height: 44px;
		background-image: url(images/Application.png);
		margin-left: auto;
		margin-right: auto;	}
		
		.Application a, .Application span {
			display: block;
			height: 44px;
			float: left;		}
		
		
	a.ApplyOnline:hover { background-image: url(images/ApplyOnline.png);}		
	a.DownloadApplication:hover { background-image: url(images/DownloadApplication.png);}		

/* * * * * * * * * * * * * * * * * * * * 
		Terms & Conditions
* * * * * * * * * * * * * * * * * * * * */
.SubContainer {
	width: 570px;
	height: auto;
	background-color: #FFFFFF;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #939598;	
	padding: 0 20px 5px 20px;}
	
	.SubContainer .Terms p, .SubContainer .Terms li {
 		font-size: 12px;}
	
	.SubContainer .Terms li { 
		margin-left: 30px; 
		padding: 0; 
		margin: 0;}	
		
	.SubContainer .Pricing ul { margin: 0;}

	.SubContainer .Pricing, .SubContainer .Pricing li{ font-size: 15px;}
	
	.SubContainer .Pricing strong { 
		font-weight: normal; 
		color: #642d90; 
		font-size: 15px;}
	




