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

body {
	background: #CCCCCC url(../images/bg_gradient.jpg) repeat-x left top; font-size: 12px; line-height: 17px; color:#3C3C3C;
	font-style: normal; font-variant: normal; font-weight: normal; font-family: Trebuchet MS,Geneva,Arial,Helvetica,sans-serif;
}

* {
	margin: 0px; padding: 0px;
}

img {
	border:none;
}

#hide {	
	display:none;
}

a { color: #118288; text-decoration: none; border-bottom:#118288 dotted 1px; font-weight: bold; }

h2 a  {
	border-bottom:none 0px #FFFFFF;
}

abbr {
	cursor:help;
}

.credit {
	font-size:10px;
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	float:right;
}

/* simulates pre-loading images - pretty clever! */
img { background: transparent url(../images/bg_loading.gif) repeat left top; }
.img-left { float:left; padding-right: 10px }
.img-right { float:right; padding-left: 10px }

hr {
	width: 100%;
	margin: 10px 0px 10px 0px;
	border: none 0px;
	line-height:1px;
	border-top: 1px solid #46494B;
}
h1 {
	margin: 5px 0px 5px 0px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	color: #003333;
	font-weight: 100;
}

h4 {
	font-size:15px;
}

h2 {
	color:#0a5455;
	font-size:14px;
}

h3 {
	color:#0a5455;
	line-height:17px;
	margin:25px 0 15px 0;
}

p {
	margin: 0px 0px 15px 0px;
	line-height: 17px;
}

.clearer { clear: both; line-height: 1px; }

span.ir, a:visited span.ir {
	display:block;
	height:0pt;
	overflow:hidden;
	width:0pt;
}

#social-media {
	position:relative;
	margin:0px auto;
	width:700px;
	top:0px;
	right:0px;
	text-align:right;
	padding:10px 0px 0px 0px;
}

/* body structure and conatiner IDs */
#globalContainer {
	position: relative;
	width: 849px;
	margin: 10px auto 0px auto;
	}
	#greenNav {
		position: absolute;
		width: 762px; height: 37px;
		left: 77px; top: 163px;
		padding:0px; margin:0px;
		background: #003333;
	}
	#dropShadowTopContainer {
		background: transparent url(../images/bg_canvas_top_alpha.png) no-repeat left top;
		width: 714px; height: 13px;
		margin: 0px auto;
	}
	#dropShadowBodyConatainer {
		width: 714px;
		margin: 0px auto;
		background: transparent url(../images/bg_canvas_body_alpha.png) repeat-y left top; /*#ACAFB0*/
		}
		#canvasContainer {
			width: 694px;
			margin: 0px auto;
			background: #ACAFB0;
			}
			#headerBackground {
				background: #003333 url(../images/bg_heading.jpg) no-repeat left top;
				width: 668px; height: 148px;
				margin: 0px 13px;
				}
				#logo {
					position: relative;
					width: 28px;
					height: 97px;
					top: 18px;
					left: 627px;
					background: transparent url(../images/logo.jpg) no-repeat left top;
				}
			#greenNavSpaceHolder {
					width:100%; height: 37px;
			}
			#canvasInnerContainer {
				width: 668px;
				background: #FFFFFF;
				margin: 0px 13px;
				/*padding: 0px 0px 11px 0px; bling - leave padding for nested container */
				}
				#canvas { /* bling - IE FIX - mainly used to fixed IE padding/width issues caused for box model incompatibilities. */
					padding: 25px 20px 20px 20px; 
				}
	#dropShadowBottomContainer {
		background: transparent url(../images/bg_canvas_bottom_alpha.png) no-repeat left top;
		width: 714px; height: 13px;
		margin: 0px auto;
	}
	#footer-spacer {
		padding: 0px 0px 11px 0px;
	}
	
	
#headerBackground p { color: #fff; font-size: 43px; margin: -46px 0px 0px 325px; width:515px; float: left; }
#headerBackground p span { font-size: 26px; }

#credits { width:680px; margin:0px auto; text-align:right; }


/* content classes/ids; nested in by #canvas */
#canvas { color: #3C3C3C; /* override, should just inherit - needs IE 6 testing */ }

#canvas .welcome-to-sossi h1 { float: left; margin: 0px; color: #666666; font-size: 52px; font-weight: 100; line-height: 52px; }
.welcome-to-sossi h2 { float: right; font-size: 10px; }
.haere-mai {
	font-size:30px;
	color:#003333;
}


.our-dream-challenge {}
.our-dream-challenge .right { float: right; margin: 15px 0px 0px 15px; }

.news-and-events { background: #D4D9DA; }
.news-and-events h1 { padding: 0px 0px 5px 0px; }
.news-and-events h2 { font-size: 14px; }
.news-and-events .left { float: left; width: 49%; }
.news-and-events .right { float: right; width: 49%; }
/* make image left for both left/right columns*/
.news-and-events .left img,
.news-and-events .right img { background: #D4D9DA; float: left; padding: 0px 10px 5px 0px; }
.news-and-events-padding { padding: 10px; /* another IE 6 box model fix for padding/widths */ }


.photo-gallery-location { float:left; width:630px; padding:0px 0px 15px 0px; }

.photo-gallery-location .left { float: left; width: 48%; margin:0px 10px 0px 0px }
.photo-gallery-location .right {
		float: right; width: 50%;
	}
	.photo-gallery-location .right img, .photo-gallery-location .left img { background: #ffffff; float: left; padding: 0px 5px 0px 0px; }
	.photo-gallery-location .right h1, .photo-gallery-location .left h1 { height: 20px; padding:10px 0px 10px 10px; color:#FFFFFF; background:#118288 }
	.photo-gallery-location .right h2 { font-size: 14px; }
	
#news-events-support {
	width:630px;
	float:left;
	padding:0px 0px 20px 0px;
	text-align:center;
}	

#news-events-support h2 {
	margin:0px 0px 10px 0px;
	padding:10px 0px;
	width:100%;
	background:#118288;
	color:#FFFFFF;
}

.threecol {
	width:202px;
	background:#EDEFF4;
	float:left;
	padding:0px 0px 10px 0px;
	margin:0px 4px;
}	

.threecol p {
	margin:10px 0px 0px 0px;
}
	
/* inner pages classess and IDs */
.inner-page-content-wrap h1 { padding: 0px 0px 15px 0px; }
.inner-page-content-wrap h2 { font-size: 14px; }
.inner-page-content-wrap h3 { font-size: 12px; margin:20px 0px 0px 0px;}
.inner-page-content-wrap .left { float: left; margin: 0px 15px 10px 0px; }

.inner-page-content-columns h1 { padding: 0px 0px 15px 0px; }
.inner-page-content-columns h2 { font-size: 14px; color:#0a5455 }
.inner-page-content-columns .left { float: left; width: 30%; }
.inner-page-content-columns .right { float: right; width: 70%; }
.inner-page-content-columns img { margin:0px; }
.inner-page-content-columns ul { margin: 5px 0px 10px 15px; }

.logo-footers { margin: 20px 0px 0px 0px; float: right; text-align: right; }


/* Birds/Wildlife Page */
#shakespear_birds {	
	width:150px;
	padding:0px 0px 20px 0px;
	float:left;
}

#shakespear_birds p {
	width:140px;
}

#photo_gallery p {
	margin:7px;
}

#photo_gallery img {
	float:left;
	margin:0px 5px 10px 0px;
}

table tr td {
	vertical-align:top;
	margin:5px;
	padding:5px;
}

#table h1 {
	margin:0px;
}

#form tr {
	border-bottom:#666666 medium solid;
}

.indent {
	margin:0px 0px 0px 30px;
}
/*
form label {
display:block;
float:left;
margin:0 10px 0 0;
text-align:right;
width:120px;
}

input.field, select.field, textarea.field {forms.css (line 18)
background-color:#FFFFFF;
border:1px solid #CCCCCC;
width:250px;
}
form input, form label, form select, form textarea {forms.css (line 15)
margin-bottom:5px;
vertical-align:middle;
}
*/


#sossi_committee { width: 470px; }
#sossi_committee dt { float: left; width: 140px; }
#sossi_committee dd { float: left; width: 330px;  }

.gray-background {
	background:url(../images/bg-gray-gradient.png) repeat-x;
	padding:10px 10px 0px 10px;
	border:1px solid #999999;
	margin:0px 0px 10px 0px;
}

img .imgright {
	float:right;
}

#contact-us {
	background:#003333;
	color:#FFFFFF;
	font-weight:bold;
	padding:30px 20px 20px 20px;
	text-align:center;
	font-size:20px;
}

#contact-us:hover {
	background:#999999;
}

.red {
	color:#CC0000;
}

.donation-option {
	background:#003333;
	color:#FFFFFF;
	padding:10px;
	margin:0px 0px 20px 0px;
}

.donation-option h2 {
	color:#000000;
	background:#CCCCCC;
	margin:0px 0px 10px 0px;
	padding:3px;
	font-size:14px;
}

.fbConnectWidgetFooter {
	display:none;
}