/*
Theme Name: Hands Across the Sand custom theme
Description: Custom theme for HANDS by CYber SYtes, Inc.
Author: CYber SYtes, Inc - Rye Mason
Author URI: http://cysy.com
*/



/********************************************* Reset */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, input, th, td {
	margin: 0; padding: 0; border: 0; outline: none;
	}

html, body {
	width: 100%;
	*height: 100%;
	}

html {
	background: url(graphics/csslayout/bg.jpg) fixed;
	}

body {
	color: #5d5d5d;
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 1;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Times New Roman", Times, serif; 
	font-weight: normal;
	}

ul {
	list-style: none;
	}

.floatLeft {
	float: left;
	}
	
	.form410 {
		width: 410px;
		}
	
.floatRight {
	float: right;
	}
	
	.statepage {
		margin: 20px 0 0 0;
		}
		
	.organizeform {
		width: 410px;
		}
	
.clear { 
	clear: both;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
	
/***************************************** Lists */
	
.block {
	list-style: square;
	margin: 20px 0 20px 15px;
	line-height: 1.7;
	}
	
	
/***************************************** Body */

body {
	background: url(graphics/csslayout/headerbg2.jpg) top center no-repeat;
	*height: auto;
	}
	
	.page-id-2 {
		background: url(graphics/csslayout/headerbg.jpg) top center no-repeat;
		*height: auto;
		}
	
.content {
	margin: 0 auto;
	overflow: auto;
	overflow-x: hidden; 
	width: 1000px;
	}
	
	.footer .content {
		overflow-y: auto;
		}
	
.ie {
	z-index: 3000;
	}	
	
.main {
	background: url(graphics/csslayout/mainbg.png);
	margin-top: 52px;
	height: 100%;
	padding-bottom: 15px;
	*margin-top: 48px;
	}
	
	.page-id-2 .main, .page-id-45 .main {
		margin-top: 0;
		}
	
h4 {
	color: #30536b;
	font-style: italic;
	font-size: 29px;
	margin: 35px 0 10px 0;
	}
	
/***************************************** Header */

#header {
	width: 1000px;
	height: 480px;
	margin: 0 auto;
	text-align: center;
	z-index: 2;
	}

	.page-id-2 #header {
		width: 1000px;
		height: 667px;
		margin: 0 auto;
		text-align: center;
		z-index: 2;
		}
	
	h1 {
		background: url(graphics/csslayout/logo.png) no-repeat;
		width: 928px;
		height: 218px;
		text-indent: -9999px;
		margin: 0 auto;
		}
		
		h1 a {
			display: block;
			width: 928px;
			height: 218px;
			}


/***************************************** Top nav */

.top_nav {
	background: url(graphics/csslayout/topnavbg.png) top center no-repeat;
	display: block;
	margin: 225px auto;
	width: 1000px;
	height: 89px;
	text-align: center;
	z-index: 3000;
	}
	
	.page-id-2 .top_nav {
	background: url(graphics/csslayout/topnavbg.png) top center no-repeat;
	display: block;
	margin: 417px auto;
	width: 1000px;
	height: 89px;
	text-align: center;
	z-index: 3000;
	}
	
	.top_nav li {
		color: #345771;
		float: left;
		font-size: 25px;
		margin: 20px 0 0 0;
		text-align: center;
		text-shadow: -1px -1px #fff;
		text-transform: uppercase;
		width: 190px;
		}

	.top_nav li:first-child {
		margin-left: 0;
		}

		.top_nav li span {
			display: block; 
			color: #898989;
			font-size: 13pt;
			font-style: italic;
			margin-top: 5px;
			text-transform: none;
			text-shadow: none;
			overflow: visible;
			}
			
		.top_nav li a {
			display: block;
			width: 190px;
			height: 70px;
			}
			
			@-moz-document url-prefix() { .top_nav li a { height: 68px; } } 
			
			.ietop {
				*margin-top: 52px;
				}


/***************************************** Map */

.map {
	background: url(graphics/csslayout/mapbg.png) bottom center no-repeat;
	position: relative;
	width: 1000px;
	margin: 40px auto 0 auto;
	height: 400px;
	overflow: visible;
	z-index: 1000;
	*height: 470px;
	*margin: 0 auto;
	}
	
	.map-page .map {
		height: 620px;
		margin-bottom: -55px;
		*margin-top: 70px;
		}
		
	.sandbox-page .map {
		height: 500px;
		margin: 52px auto -52px auto;
		}
		
	.sandbox-page embed {
		z-index: 5;
		}
	
		
	.map-page .map .world {
		margin-top: 20px;
		*margin-top: 30px;
		}
	
	/* Target all Firefox */ 
@-moz-document url-prefix() { .map { height: 400px; } } 
@-moz-document url-prefix() { .map-page .map { height: 620px; } } 


	.intl {
		position: absolute;
		left: 243px;
		top: 13px;
		*top: 53px;
		}
		

	.date {
		position: absolute;
		bottom: 20px;
		left: 35px;
		}
		
		.map-page .date {
			bottom: 125px;
			z-index: 5000;
			*bottom: 110px;
			}
			
			.sandbox-page .date {
				bottom: 120px;
				z-index: 5000;
				}
		
	.map h4 {
		position: absolute;
		bottom: 7px;
		left: 180px;
		}
		
		.map-page .map h4 {
			left: 35px;
			z-index: 6000;
			*bottom: 10px; 
			}
			
			.sandbox-page h4 {
				left: 35px;
				bottom: 15px;
				z-index: 6000;
				}
		
		.map h4 span {
			color: #8e8e8d;
			display: block;
			font-size: 15px;
			font-style: normal;
			margin-top: 5px;
			text-transform: uppercase;
			}
	
	a.alaska { 
		background: url(graphics/csslayout/alaskaA03.gif) no-repeat;
		position: absolute;
		display: block;
		top: 117px;
		left: 160px;
		z-index: 5;
		width: 150px;
		height: 116px;
		overflow: hidden;
		text-indent: -9999px;
		*top: 167px;
		}
		
		a.alaska:hover {
			background-position: 0 -116px;
			}
	
	a.hawaii {
		background: url(graphics/csslayout/hawaiiA03.gif) no-repeat;
		display: block;
		position: absolute;
		top: 233px;
		left: 275px;
		width: 132px;
		height: 71px;
		overflow: hidden;
		text-indent: -9999px;
		z-index: 7000;
		*top: 283px;
		}
		
		a.hawaii:hover {
			background-position: 0 -71px;
			}
			
	a.puerto-rico {
		background: url(graphics/csslayout/map-puerto-rico.gif) no-repeat;
		display: block;
		position: absolute;
		top: 390px;
		left: 812px;
		width: 73px;
		height: 22px;
		overflow: hidden;
		text-indent: -9999px;
		z-index: 6000;
		*top: 440px;
		}
		
		a.puerto-rico:hover {
			background-position: 0 -22px;
			}
			
	a.guam {
		background: url(graphics/csslayout/map-guam.gif) no-repeat;
		display: block;
		position: absolute;
		top: 40px;
		left: 115px;
		width: 23px;
		height: 32px;
		overflow: hidden;
		text-indent: -9999px;
		z-index: 5;
		*top: 90px;
		}
		
			a.guam:hover {
				background-position: 0 -32px;
				}
				
				
	a.marshall-islands {
		background: url(graphics/csslayout/map-marshall-islands.gif) no-repeat;
		display: block;
		position: absolute;
		top: 150px;
		left: 35px;
		width: 106px;
		height: 105px;
		overflow: hidden;
		text-indent: -9999px;
		z-index: 5;
		*top: 200px;
		}
		
			a.marshall-islands:hover {
				background-position: 0 -105px;
				}
				
	a.mariana-islands {
		background: url(graphics/csslayout/map-mariana-islands.gif) no-repeat;
		display: block;
		position: absolute;
		top: 10px;
		left: 60px;
		width: 22px;
		height: 112px;
		overflow: hidden;
		text-indent: -9999px;
		z-index: 5;
		*top: 60px;
		}
		
			a.mariana-islands:hover {
				background-position: 0 -112px;
				}
				
				
	a.palau {
		background: url(graphics/csslayout/map-palau.gif) no-repeat;
		display: block;
		position: absolute;
		top: 10px;
		left: 135px;
		width: 73px;
		height: 129px;
		overflow: hidden;
		text-indent: -9999px;
		z-index: 5;
		*top: 60px;
		}
		
			a.palau:hover {
				background-position: 0 -129px;
				}
				
	a.samoa {
		background: url(graphics/csslayout/map-american-samoa.gif) no-repeat;
		display: block;
		position: absolute;
		top: 240px;
		left: 175px;
		width: 79px;
		height: 31px;
		overflow: hidden;
		text-indent: -9999px;
		z-index: 5;
		*top: 290px;
		}
		
			a.samoa:hover {
				background-position: 0 -31px;
				}
				
	a.virgin-islands {
		background: url(graphics/csslayout/map-virgin-islands.gif) no-repeat;
		display: block;
		position: absolute;
		top: 345px;
		left: 950px;
		width: 44px;
		height: 25px;
		overflow: hidden;
		text-indent: -9999px;
		z-index: 6500;
		*top: 395px;
		}
		
			a.virgin-islands:hover {
				background-position: 0 -25px;
				}
	
	.center-map {
		position: absolute;
		top: 20px;
		left: 350px;
		width: 395px;
		z-index: 5;
		*top: 80px;
		}
		
		.map-page .center-map {
			width: auto;
			}
	
	.topmargin-map {
		top: 30px;
		z-index: 5;
		*top: 40px;
		}
	
	.continental {
		z-index: 5;
		}
		
	/* Target all Firefox  */
@-moz-document url-prefix() { .alaska { top: 25px; } } 
@-moz-document url-prefix() { .center-map { top: 25px; } }  


.countrylisting {
	top: 525px;
	color: #8e8e8d;
	display: block;
	font-size: 15px;
	left: 475px;
	position: absolute;
	text-transform: uppercase;
	width: 300px;
	}
	
	.countrylisting span {
		color: #30536b;
		display: block;
		font-size: 20px;
		font-style: italic;
		margin-bottom: 5px;
		text-transform: none;
		}
		
		.na .countrylisting {
			left: 590px;
			}
			
		.eu .countrylisting {
			left: 645px;
			}


/***************************************** Google Map */

.gmnoprint { line-height: 1.3; font-size: 13px; }

/***************************************** Body content */

#columnA01, #columnA02 {
	padding-top: 40px;
	}

#columnA01 {
	float: left;
	width: 615px;
	padding-left: 33px;
	padding-right: 30px;
	overflow: visible;
	}
	
	#columnA01 img {
		margin: 15px 0;
		}
	
	
	h2 {
		color: #345771;
		font-size: 40px;
		font-style: italic;
		margin: 35px 0 10px 0;
		}
		
	h2.top {
		margin: 0 0 10px 0;
		}
		
		h6 {
			color: #3c7260;
			font-size: 25px;
			font-style: italic;
			line-height: 1;
			}
			
			.listing h6 {
				color: #3c7260;
				font-size: 23px;
				font-style: italic;
				line-height: 1;
				margin-top: 30px;
				}
	
	p {
		line-height: 1.7;
		margin-top: 10px;
		}
	
			
		
		ol li {
			line-height: 1.7;
			margin: 17px;
			}
			
		ol li:last-child {
			margin-bottom: 35px;
			}
	
#columnA02 {
	color: #4b7290;
	float: right;
	font-size: 15px;
	line-height: 1.7;
	padding-right: 34px;
	width: 265px;
	}
	
	#columnA02 .floatLeft {
		width: 75px;
		margin-bottom: 15px;
		}
		
	#columnA02 .floatRight {
		width: 190px;
		margin-bottom: 15px;
		}
		
		#columnA02 p {
			line-height: 1.7;
			margin-bottom: 20px;
			}
			
		#columnA02 ul.block {
			margin: 15px 0 20px 15px;
			}
		
		h3 {
			color: #5ca18a;
			font-size: 28px;
			font-style: italic;
			line-height: 1;
			margin: 30px 0 15px 0;
			}
			
		.join-us {
			margin: 20px 0 -40px 0;
			}
			
		.sonet {
			border-bottom: 1px solid #e0d5cd;
			border-top: 1px solid #e0d5cd;
			padding-bottom: 30px;
			}
			
			.sonet ul li {
				float: left;
				width: 132px;
				}
				
			.sonet ul li a, a.fund, .sonet ul li a:visited, a.fund:visited {
				display: block;
				color: #748b9c;
				font-size: 20px;
				font-style: italic;
				min-height: 24px;
				padding-left: 35px;
				}
				
			.sonet ul li a:hover, a.fund:hover {
				color: #596b79;
				}
				
			a.facebook {
				background: url(graphics/csslayout/icon-facebook.gif) center left no-repeat;
				}
				
			a.twitter {
				background: url(graphics/csslayout/icon-twitter.gif) center left no-repeat;
				}
				
			a.fund {
				background: url(graphics/csslayout/icon-dollar.gif) center left no-repeat;
				}
				
			a.youtube {
				background: url(graphics/csslayout/sonet-youtube.gif) center left no-repeat;
				display: block;
				color: #748b9c;
				font-size: 20px;
				font-style: italic;
				min-height: 24px;
				padding-left: 35px;
				padding-top: 5px;
				}
				
			a.flickr {
				background: url(graphics/csslayout/sonet-flickr.gif) center left no-repeat;
				display: block;
				color: #748b9c;
				font-size: 20px;
				font-style: italic;
				min-height: 24px;
				padding-left: 35px;
				padding-top: 5px;
				}
				
			
/***************************************** Footer */

.listing {
	height: auto;
	overflow: auto;
	}			
			
.footer {
	background: #4b7290 url(graphics/csslayout/footerbg.gif) top left repeat-x;
	clear: both;
	width: 100%;
	}
	
	h5 {
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		margin: 40px 0 15px 0;
		text-transform: uppercase;
		text-shadow: -1px -1px #163852;
		}
	
		.large {
			font-size: 23px;
			margin-top: 50px;
			}
	
	.footer ul li {
		background: #fff;
		border-bottom: 1px solid #bdccd7;
		border-right: 1px solid #bdccd7;
		display: block;
		padding: 20px;
		float: left;
		font-size: 25px;
		font-style: italic;
		text-align: center;
		}
		
		.footer ul li p {
			color: #90a8ba;
			line-height: 1;
			margin: 25px 0 0 15px;
			}
		
		ul.sponsors, ul.partners {
			background: #fff;
			border: 4px solid #bdccd7;
			display: block;
			width: 990px;
			overflow: auto;
			*overflow: none;
			}
			
		ul.sponsors li {
			height: 105px;
			width: 289px;
			}
			
				
				.img_margin_top { margin-top: 20px; }
				
		ul.partners li {
			min-height: 90px;
			width: 157px;
			}
			
		.footer .floatLeft, .footer .floatRight {
			margin-top: 30px;
			padding-bottom: 10px;
			}
			
		.footer .floatLeft {
			background: url(graphics/csslayout/vertfooterdivider.gif) bottom right repeat-y;
			padding-right: 40px;
			color: #a7bccc;
			font-size: 12px;
			line-height: 1;
			width: 550px;
			}
			
		.footer .floatRight {
			width: 375px;
			}
			
			.footer .floatRight h5 {
				margin-bottom: 5px;
				}

			.footer .floatRight p {
				color: #f4ea95;
				font-size: 14px;
				margin-bottom: 20px;
				}
	


/***************************************** Links */

a:link, a:visited {
	color: #3E8F73;
	text-decoration: none;
	}
	
a:hover {
	color: #4B7290;
	}
	
	.top_nav a:link, .top_nav a:visited {
		color: #345771;
		}
	
		.top_nav a:hover, .top_nav a:active {
			color: #233f54;
			}
		
		.top_nav a:hover span, .top_nav a:active span {
			color: #595959;
			}
	
	.footer ul a:link, .footer ul a:visited {
		color: #4b7290;
		}
		
		.footer ul a:hover {
			color: #38566d;
			}
			
	.footer .floatLeft a:link, .footer .floatLeft a:visited {
		color: #c2d1dd;
		}
		
		.footer .floatLeft a:hover, .footer .floatLeft a:active {
			color: #fff;
			}
			
	.footer .floatRight a:link, .footer .floatRight a:visited {
		color: #f4ea95;
		}
		
		.footer .floatRight a:hover, .footer .floatRight a:active {
			color: #fff499;
			}

/***************************************** Form */

.signupform td p {
	line-height: 1.3;
	}

.sendbox {
	background: #285375;
	color: #fff;
	clear: both;
	width: 200px;
	height: 50px;
	line-height: 50px;
	margin: 30px 0 0 170px;
	font: italic 20px Palatino, 'Book Antiqua', serif;
	}
	
	.sendbox-join { background: #285375;
	color: #fff;
	clear: both;
	width: 242px;
	height: 50px;
	line-height: 50px;
	margin: 30px 0 0 170px;
	font: italic 20px Palatino, 'Book Antiqua', serif;
	margin: 30px 0 0 0; }
	
label {
	display: block;
	line-height: 1.7;
	margin-top: 7px;
	padding-right: 10px;
	width: 160px;
	clear: both;
	float: left;
	}
	
input, textarea, select { font: 13px Palatino, 'Book Antiqua', serif; }
	
input, textarea { float: left; padding: 5px; }

.floatLeft input, textarea { float: none; padding: 5px; }

textarea {  border: 1px solid #5AB893; width: 230px; height: 100px; margin-top: 5px; }

input { height: 14px; border-bottom: 1px solid #5AB893; background: transparent; width: 230px; }

.mapp-directions-div input { height: auto; border-bottom: 0; width: auto; display: block; }

.mapp-overlay-div input { width: auto; }

select { float: left; padding: 0; border: 1px solid #5AB893; height: 20px; margin-top: 5px; }

	td select { margin-top: 8px; }


/***************************************** International Locations: country dropdown */


#country-select {
	margin-left: 765px;
	margin-top: 20px;
	position: absolute;
	z-index: 5000;
	}
	
	#country-select select {
		height: 28px;
		padding: 5px;
		width: 210px;
		}


/***************************************** MapPress fields */

#saddr {
	border: 1px solid #305A7A;
	}

.mapp-overlay-directions input[type=submit] {
	background: #67AC94;
	padding: 5px;
	color: #fff;
	height: 26px;
	}

/***************************************** Google Translator */

#google_translate_element {
	width: 265px;	
	}

#google_translate_element select {
	display: block;
	margin-bottom: 5px;
	margin-right: 10px;
	}

.goog-te-gadget span { display: block; }


/***************************************** WP Images */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */