@charset "UTF-8";
/* CSS Document */


	/* <![CDATA[ */
		
	   html, body {
		  height: 100%;
		  width: 100%;
		  margin: 0px;
		  padding: 0px;
		  text-align: center;
		  }
		
		body {
	background: #FFF;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	text-align: left;
			}
			
		img {
			border: 0;
			}

		.container {
			width: 760px;
			clear: both;
			margin-left: auto;
			margin-right: auto;
			}
		
    .container2 {
      background-color: #98BB71; 
			clear: all;
			width: 760px;
			margin-left: auto;
			margin-right: auto;
      margin-top: 5px;
      margin-bottom: 4px;
      /* border-bottom: 2px solid #F00;  test */
			}

		#story {
	/* border-bottom: 1px dashed #999; */
			height: 200px;
	margin: 10px 0 0 0;
			}
			
				#storyDetail {
	/* border-bottom: 1px dashed #999; */
			height: 100px;
	margin: 10px 0 0 0;
			}
			

		#mainContent {
	background-color: #FFB03B;
			}
			
		#mainContentDetail {
	background-color: #B4AF91;
			}
			
			#mainContentDonation {
	background-color: #FFFFCC;
			}
		

		#contact {
	background-color: #7B975B;
			}
			
			
		#mainMenu {
	margin-left: auto;
	margin-right: auto;
		}
		
		#news {
	background-color: #98BB71;
			}
			
		div.entry {
	margin-bottom: 20px;
	margin-right: 15px;
			}


		div.thumbnail, div.viewed {
	background-color:#E8E6D6;
	float: left;
	width: 181px;
	height: 100px;
	margin: 0 12px 0 0;
	padding: 0;
			}
			
		div.thumbnail p, div.viewed p {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
			}
		
		div.thumbnail span, div.viewed span {
			display: none;
			}
		
		div.thumbnail a {
			border: 0;
			display: block;
			margin: 0;
			padding:0;
			width:100%;
			height:100%;
			overflow:hidden;
			text-decoration: none;
			}
		
		a {
			color: black;
			}
			
		a.permalink {
			font-style: italic;
			float: left;
			margin-right: 4px;
			}
			
	
		#one {
	background-image: url(images/HS_Logo181x200.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}			
		#two { background: url('images/thumbnails-bw.jpg') -181px 0 no-repeat; }
		#three { background: url('images/thumbnails-bw.jpg') -362px 0 no-repeat; }
		#four { 
			margin-right: 0; 
			background: url('images/thumbnails-bw.jpg') -543px 0 no-repeat; 
			}
		#five {
	background-image: url(images/HS_Logo181x200.jpg);
	background-repeat: no-repeat;
	background-position: 0 -100px;
}			
		#six { background: url('images/thumbnails-bw.jpg') -181px -68px no-repeat; }
		#seven { background: url('images/thumbnails-bw.jpg') -362px -68px no-repeat; }
		#eight { 
			margin-right: 0; 
			background: url('images/thumbnails-bw.jpg') -543px -68px no-repeat; 
			}
			
			/* detail banner images */
			#oneDetail {
	background-image: url(../imageTiles/HS_Logo119x110.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
			}			
			#twoDetail { background: url('images/thumbnails-bw.jpg') -181px 0 no-repeat; }
			#threeDetail { background: url('images/thumbnails-bw.jpg') -362px 0 no-repeat; }
			#fourDetail { 
			margin-right: 0; 
			background: url('images/thumbnails-bw.jpg') -543px 0 no-repeat; 
			}
		
		/* Screened image overlays div background */
		#one a:visited, #two a:visited, #three a:visited, #four a:visited, #five a:visited, #six a:visited, #seven a:visited, #eight a:visited {
			background: url('images/visited.png') left top no-repeat; 
			}

		/* The first nav link is used to cache the rollover image. */
		#one a:link { background: url('images/thumbnails-color.jpg') 0 136px no-repeat; }
		#two a:link, #three a:link, #four a:link, #five a:link, #six a:link, #seven a:link, #eight a:link { 
			background-image: none; 
			}		
		
		/* On hover the links display a color image... instant rollover. */
		#one a:hover { background: url('images/thumbnails-color.jpg') 0 0 no-repeat; }
		#two a:hover { background: url('images/thumbnails-color.jpg') -181px 0 no-repeat; }
		#three a:hover { background: url('images/thumbnails-color.jpg') -362px 0 no-repeat; }
		#four a:hover { background: url('images/thumbnails-color.jpg') -543px 0 no-repeat; }
		#five a:hover { background: url('images/thumbnails-color.jpg') 0 -68px no-repeat; }
		#six a:hover { background: url('images/thumbnails-color.jpg') -181px -68px no-repeat; }
		#seven a:hover { background: url('images/thumbnails-color.jpg') -362px -68px no-repeat; }		
		#eight a:hover { background: url('images/thumbnails-color.jpg') -543px -68px no-repeat; }	
		
			
	.column_a {
	width:334px;
	float:left;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 40px;
			}
			
	.column_donation {
	width:700px;
	float:left;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 40px;
			}
			
.column_a p {
	margin-right: 20px;
}
.container #mainContentDetail .column_a img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

		.column_b {
	width:169px;
	padding: 0 12px;
	float:left;
	font-size: 9.5px;
			}	
			
		.column_d {
	width:300px;
	padding: 0 12px;
	float:left;
			}			

		.column_c {
			padding:0 12px;
			width:334px;
			float:left;
			}
			
			.column_empl {
	width:700px;
	float:left;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 40px;
			}
			
			.column_e {
	width:450px;
	float:left;
	padding-top: 0px;
	padding-bottom: 0;
	padding-left: 40px;
			}

		br {
			clear: both;
			}	

		.clearBoth {
			clear: both;
			display: block;
			}	
		
		ul {
			margin: 0;
			padding: 0;
			}
			
		li {
			list-style: none;
			padding: 0px;
			/*border-top: 1px solid #d1cdad;*/
			}
		
		#news li {
			border-top: 1px solid #a7a48a;
			}
		
		
		h1, h2 {
			height: 25px;
			padding: 0;
			}
h1 {
	font-size: 1.5em;
}
				
		h2 {
	font-size: 1.2em;
			}
h3 {
	font-size: 1.1em;
}
			
		#icon {
			margin: 3px 3px -5px 0;	
			}
		
		#product_image {
			text-align: left;
		 	width: 51px;
		 	height: 166px;
		 	float: left;
			}


		#orderform {
			border-top: 1px solid #d1cdad;			
			background-color: #f3f2ea;
			margin: 0 -12px 0 0;
			padding: 0 12px;
			}
				
		#orderform span {
			float: left;
			margin: 0;
			width: 60px;
			font-style: italic;
			text-align: left;
			}
		  
		#cases {
			margin: -2px 0;
			padding: 0;
			width: 50px;
			}			
		
		#submit {
			margin: 14px;
			padding: 0;
			}			
		
		form {
			padding: 0;
			margin: 0;
			}
			
		#googleMap {
	margin-top: 12px;
	padding: 0;
	border: 1px solid #d1cdad;
	width: 300px;
	background-color: #f3f2ea;
			}	
			
		.contact_details {
	width: 300px;
	float: left;
			}
			
			
		/* Form field styles */
		
		div.row {
	clear: both;
	padding-top: 10px;
	height: 24px;
	border-bottom: 1px solid #d1cdad;
	background-color: #A7A37E;
			}
			
		div.submit {
			clear: both;
			padding-top: 10px;
			height: 24px;
			text-align: center;
			}			

		div input {
			margin: -2px 0;
			padding: 0;
			width: 160px;
			}
		
		span input {
			width: 100%;
			}

		div.row span {
			float: right;
			width: 180px;
			margin-right: 10px;
			text-align: left;
			}
		
		div.row span.label, div.row span.required {
			float: left;
			margin-left: 18px;
			width: 90px;
			text-align: left;
			font-weight: bold;
			text-transform: none;			
			}
		
    span.missing {
			float: left;
      margin-top: 4px;
			width: 90px;
			text-align: left;
			font-weight: bold;
      color: #FF0000;
			text-transform: none;			
			}

    ul.feedback {
      color:#CC0000;

     }

		#newsletter {
	font: inherit;
	padding: 5px;
	border: thin dotted #CCCABC;
	margin-bottom: 10px;
	background-color: #98BB71;
	margin-top: 15px;
			}
			
			
			/* Things to sort */
			
			.white {
			color: white;
			
			}
			
	
			
			.big1 {
	font-size: 2.5em;
	margin-left: 5px;
	color: white;
	padding-top: 30px;
	padding-bottom: 15px;
	margin-top: 5px;
			}
			
			
			blockquote {
	width: 300px;
	margin: 0px;
	padding: 10px;
	quotes: "\201C" "\201D";
			}
			blockquote:before { content: open-quote; font-weight: bold; }
			blockquote:after { content: close-quote; font-weight: bold; }
.list {
	font-size: .9em;
}