body { 
	background: #34c0bf url(/img/tile.jpg) no-repeat center top;
	margin: 0 auto;
	font: 12px/18px Arial, Tahoma, sans-serif; color: #4c4c4c; text-align: center; }

/* Header */
	
#head { 
	background: url(/img/headshot.jpg) no-repeat 0 0;
	width: 980px; 
	height: 198px;
	clear: both;
	position: relative;
	z-index: 1000000;  }

#head a { display: block; text-indent: -9999px; }

#head h1.logo, 
#head h2.tagline { 
	position: absolute;
	z-index: 100000000000;
	margin: 0; } 
	
h1.logo { 
	width: 176px; 
	left: 20px; 
	top: 26px; } 
	h1.logo a { background: url(/img/logo.png) no-repeat 0 0; height: 141px; } 
	h1.logo a:hover { background-position: 0 -141px; } 
	
h2.tagline { 
	background: url(/img/tagline.png);
	width: 521px; 
	height: 50px;	
	right: 0; 
	top: 67px;
	text-indent: -9999px; } 
	
.utility { 
		background: url(/img/utility.png) no-repeat right bottom;
		width: 489px;
		height: 31px;
		padding: 7px 0 6px 20px;
		position: absolute;
		top: 0;
		right: 0; }	
			
#head form.join	{ 
	width: 330px; 
	height: 26px;
	margin: 0 10px 0 5px;
	border-right: 1px solid #afd4d4;
	float: left;
	position: relative; }
	
#head .join h2 a,
#head .join .input,
#head .join .submit { background: url(/img/join.png) no-repeat 0 0; }		
		
	#head .join h2 { 
		background-position: 0 0; 
		width: 70px;
		position: absolute;
		top: 0;
		left: 0; }	
		#head .join h2 a { height: 26px; }	
		#head .join h2 a:hover { background-position: 0 -26px; }
		#head .join h2 a:focus { background-position: 0 -52px; }		
		
	#head .join .input {
		height: 10px;
		position: absolute;
		background-color: transparent;
		padding: 8px 7px;
		border: none;
		font-family: Arial, Tahoma, sans-serif; 
		font-size: 10px;
		line-height: 10px; 
		color: #fff;
		cursor: pointer; }
		#head .join .input:focus { color: #0c3850; cursor: text; }
									
		#head .join .input.email { 
			background-position: -70px 0; 
			width: 103px; 
			left: 80px; }
			#head .join .input.email:hover { background-position: -70px -26px; }
			#head .join .input.email:focus { background-position: -70px -52px; }
   		#head .join .input.email.error { background-position: -70px -78px; color: #fff; }
         
		#head .join .input.zip { 
			background-position: -187px 0; 
			width: 63px; 
			left: 200px; }
			#head .join .input.zip:hover { background-position: -187px -26px; }
			#head .join .input.zip:focus { background-position: -187px -52px; }	
   		#head .join .input.zip.error { background-position: -187px -78px; color: #fff; }	

		#head .join .submit { 
			background-position: -264px 0; 
			width: 35px; 
			height: 26px; 
			border: none;
			cursor: pointer; 
			position: absolute;
			top: 0; 
			left: 280px; }
			#head .join .submit:hover { background-position: -264px -26px; }		
			#head .join .submit:active { background-position: -264px -52px; }	
		
.utility a.social { 
		background: url(/img/social.png) no-repeat 0 0;
		width: 26px;
		height: 24px;
		margin: 1px 0 0 5px;
		float: left;
		display: block; }
	.utility a.facebook { 
		background-position: 0 0; }
		.utility a.facebook:hover { background-position: 0 -24px; }	
		.utility a.facebook:active { background-position: 0 -48px; }	
	.utility a.twitter { background-position: -26px 0; }
		.utility a.twitter:hover { background-position: -26px -24px; }	
		.utility a.twitter:active { background-position: -26px -48px; }	
	.utility a.youtube { background-position: -52px 0; }
		.utility a.youtube:hover { background-position: -52px -24px; }	
		.utility  a.youtube:active { background-position: -52px -48px; }	
	.utility a.flickr { background-position: -78px 0; }
		.utility a.flickr:hover { background-position: -78px -24px; }	
		.utility a.flickr:active { background-position: -78px -48px; }	
		
	
/* Wrapper/Content */
.wrap { 
	background: url(/img/wrap.png) repeat-y 0 0;
	width: 976px;
	padding-right: 4px; }	
	.ie6 .wrap { background: url(/img/wrap8.png) repeat-y 0 0; }		
.wrap-ft { 
	background: url(/img/wrap-ft.png) no-repeat center 0;
	width: 980px;
	height: 4px;
	overflow: hidden; }	
	.ie6 .wrap { background-image: none; }		
			
/* Footer */

.footer { 
	width: 976px;
	padding: 5px 4px 5px 0;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-align: center; }
	.footer a { color: #00514f; }
	.footer a:hover { color: #f79a76; }
	
	.footer div { width: 33%; float: left; }
	
.footer .address { 
	float: left;
	text-align: left;
	display: inline; }	
.footer .paidfor strong { 
	font-size: 10px; 
	text-transform: uppercase;
	padding: 3px 4px;
	border: 1px solid #fff;
	display: inline; }
.footer .credit { 
	float: left;
	text-align: right; }	
	
/* Promos */

.promos  {  }

.promos h3  { 
	padding: 7px 0 10px; 
	margin-bottom: 3px;
	border-bottom: 1px solid #a8dad9;
	text-transform: uppercase;
	text-align: center; }
.promos h3:first-child { padding-top: 0; }	
.promos h3:last-child { border-bottom: none; }	

.promos h3 a {
	background: #34c0be;
		background: -moz-linear-gradient(top, #34c0be, #078381);
		background: -webkit-gradient(linear, left top, left bottom, from(#34c0be), to(#078381));
		filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#34c0be', EndColorStr='#078381', GradientType=0 );
	border-radius: 10px;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;			
	padding: 17px 10px 13px;
	display: block;
	color: #f29370;
	text-shadow: 1px 1px 1px solid #075352;
	font-size: 15px;
   line-height: 21px; }
.promos h3 a strong  {
	display: block;
	color: #fff;
	font-size: 24px; }	
	
.promos h3 a:hover {
	background: #078381;
		background: -moz-linear-gradient(top, #078381, #34c0be);
		background: -webkit-gradient(linear, left top, left bottom, from(#078381), to(#34c0be));
		filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#078381', EndColorStr='#34c0be', GradientType=0 );	
	display: block;
	color: #fff; }
.promos h3 a:hover strong  {
	display: block;
	color: #f29370;
	font-size: 24px; }	

.promos h3 a:active {
	background: #34c0be;
		background: -moz-linear-gradient(top, #34c0be, #078381);
		background: -webkit-gradient(linear, left top, left bottom, from(#34c0be), to(#078381));
		filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#34c0be', EndColorStr='#078381', GradientType=0 );	
	box-shadow: inset 2px 2px 6px #065756;		
		-moz-box-shadow: inset 2px 2px 6px #065756;		
		-webkit-box-shadow: inset 2px 2px 6px #065756; }		


.promos h3.contribute {
	background: #f0632c;
		background: -moz-linear-gradient(top, #f0632c, #d95625);
		background: -webkit-gradient(linear, left top, left bottom, from(#f0632c), to(#d95625));
		filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#f0632c', EndColorStr='#d95625', GradientType=0 );
	border-radius: 10px;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;				
	padding: 8px; 
	margin-top: 0px; }
	
.promos h3.contribute a {
	background: #e53e1b;
		background: -moz-linear-gradient(top, #e53e1b, #ce3718);
		background: -webkit-gradient(linear, left top, left bottom, from(#e53e1b), to(#ce3718));
		filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#e53e1b', EndColorStr='#ce3718', GradientType=0 );
	padding: 14px 10px 10px; }
.promos h3.contribute a strong  {
	display: block;
	color: #fff;
	font-size: 26px; }	
	
.promos h3.contribute a:hover {
	background: #ba2c0f;
		background: -moz-linear-gradient(top, #ba2c0f, #8f2813);
		background: -webkit-gradient(linear, left top, left bottom, from(#ba2c0f), to(#8f2813));
		filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#ba2c0f', EndColorStr='#8f2813', GradientType=0 );	
	display: block;
	color: #fff; }
.promos h3.contribute a:hover strong  {
	display: block;
	color: #fff; }	

.promos h3.contribute a:active {
	background: #ba2c0f;
		background: -moz-linear-gradient(top, #ba2c0f, #8f2813);
		background: -webkit-gradient(linear, left top, left bottom, from(#ba2c0f), to(#8f2813));
		filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#ba2c0f', EndColorStr='#8f2813', GradientType=0 );	
	box-shadow: inset 3px 3px 8px #410f05;		
		-moz-box-shadow: inset 3px 3px 8px #410f05;		
		-webkit-box-shadow: inset 3px 3px 8px #410f05; }		
