/* 

Designed and Programmed under the direction of:



88888888888  ,ad8888ba,    88        88  
88          d8"'    `"8b   88        88  
88         d8'        `8b  88        88  
88aaaaa    88          88  88        88  
88"""""    88          88  88        88  
88         Y8,        ,8P  88        88  
88          Y8a.    .a8P   Y8a.    .a8P  
88           `"Y8888Y"'     `"Y8888Y"'   
                                         
                                         
                                          
888b      88  88888888ba,    88888888ba   
8888b     88  88      `"8b   88      "8b  
88 `8b    88  88        `8b  88      ,8P  
88  `8b   88  88         88  88aaaaaa8P'  
88   `8b  88  88         88  88""""88'    
88    `8b 88  88         8P  88    `8b    
88     `8888  88      .a8P   88     `8b   
88      `888  88888888Y"'    88      `8b  
                                          
                                          
                                               
8b        d8       ,ad8888ba,    ,ad8888ba,    
 Y8,    ,8P       d8"'    `"8b  d8"'    `"8b   
  Y8,  ,8P       d8'           d8'        `8b  
   "8aa8"        88            88          88  
    `88'         88            88          88  
     88          Y8,           Y8,        ,8P  
     88           Y8a.    .a8P  Y8a.    .a8P   
     88            `"Y8888Y"'    `"Y8888Y"'
     

*/

/* Imports 
@import url("reset.css");*/

/***** Global *****/

/* Body */
	body {
		background: #F5F4EF url(images/bg.png);
		background-repeat: repeat;
		color: #000305;
		font-size: 87.5%; /* Base font size: 14px */
		font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		line-height: 1.429;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	img {
		border:0;
	}
	
	a, a:visited, a:active {
		color: #dd8b39;
		-webkit-transition: all 500ms linear;
	}
	
	a:hover {
		color: #eed3b9;
	}

	
	#container {
		width: 960px;
		background: #ffffff;
		margin: 0 auto;
		height: 100%;
	}

	.opaque { 
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transition: all 500ms linear;
	}
	
	.opaque:hover {
		opacity:.6;
		filter:alpha(opacity=60);
	}
	
	.opaqueNull { 
		opacity:.25;
		filter:alpha(opacity=25);
		-webkit-transition: all 500ms linear;
	}
	
/* Fonts */

@font-face {
    font-family: 'SteelfishRegular';
    src: url('webfonts/steelfis-webfont.eot');
    src: url('webfonts/steelfis-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/steelfis-webfont.woff') format('woff'),
         url('webfonts/steelfis-webfont.ttf') format('truetype'),
         url('webfonts/steelfis-webfont.svg#SteelfishRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSlab500';
    src: url('webfonts/museo_slab_500-webfont.eot');
    src: url('webfonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/museo_slab_500-webfont.woff') format('woff'),
         url('webfonts/museo_slab_500-webfont.ttf') format('truetype'),
         url('webfonts/museo_slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

h2 {
	font-family: 'SteelfishRegular';
	font-size: 68px;
	text-transform:uppercase;
}

h2 a {
	color: #ade8f5;
}
		
	
/* Pages */

	#content {
		margin:0 auto;
		text-align: center;
	}
	

/* Home */
	
	#logo {
		float:left;
		margin-left: 50px;
		margin-top: 20px;
	}
	
	#socialNav {
		margin-top: 70px;
		margin-left: 500px;
	}
	
	#socialNav ul li {
		display: inline;
		list-style:none;
	}

	#homeNavigation {
		width:650px;
		margin-left: -60px;
		margin-top: -5px;
	}
	
	#homeNavigation ul li {
		display: inline-block;
		list-style:none;
		
	}
	
	#homeNavigation li {
		padding-left: 32px;
		padding-bottom: 25px;
	}
	
	#header {
		width: 896px;
		height: 437px;
		margin: 0 auto 25px auto;
	}
	
	#homeHeaderText {
		margin-top: -250px;
		margin-left: 500px;
		width: 380px;
		padding-bottom: 75px;
		font-size: 13px;
		text-align: right;
	}
	
	/* SLIDER */
	
	#slider {
	    position:relative;
	    width:898px; /* Change this to your images width */
	    height:437px; /* Change this to your images height */
	    background:url(images/loading.gif) no-repeat 50% 50%;
	}
	#slider img {
	    position:absolute;
	    top:0px;
	    left:0px;
	    display:none;
	}
	#slider a {
	    border:0;
	    display:block;
	}
	
	/* CAPTIONS */
	
	#caption01 {
			text-align:left;
			width: 500px;
			margin-left: 30px;
			line-height: 65px;
	}
	
	#caption01 a {
			color: #ade8f5;
	}
	
	#caption01 a:hover {
			color: #fff;
	}
	
	#caption02 {
			font-family: 'MuseoSlab500';
			text-align:left;
			font-size: 18px;
			width: 500px;
			margin-left: 30px;
			margin-top: -50px;
	}
	
	#caption02 a {
			color: #fff;
	}


	#stats {
		margin-top: -545px;
		margin-left: 566px;
	}

	#email {
		width: 536px;
		height: 251px;
		background: url(images/home_emailbg.png);
		background-repeat: no-repeat;
		margin-top: -255px;
		margin-left: 33px;
		padding-bottom: 15px;
	}
	
	#emailNull {
		display: none;
	}

	#donate {
		position:absolute;
		top:0;
		left: 50%;
		margin-left: 385px;
	}


/* Search */

	#search {
		height: 23px;
		opacity: 0.9;
		float:right;
		margin-top: 36px;
		margin-right: 120px;
	}

	#search-button {
		background: url(images/search_icon.png) no-repeat;
		cursor: pointer;
		float: right !important;
		height: 23px;
		overflow: ;
		text-indent: -9999px;
		width: 39px;
		border:0;
	}

	#email-button {
		background: url(images/email_icon.png) no-repeat;
		cursor: pointer;
		float: right !important;
		height: 23px;
		overflow: ;
		text-indent: -9999px;
		width: 39px;
		border:0;
	}

	#email-input {
		font-size: 0.9em;
		height: 23px;
		padding: 0px 2px;
		width: 166px;
		background-color: #fff;
		color: #999;
		border: none;
		margin: 0px;
		float:right;
	}

	#search-input {
		font-size: 0.9em;
		height: 23px;
		padding: 0px 2px;
		width: 166px;
		background-color: #d9d9d9;
		color: #999;
		border: none;
		margin: 0px;
		float:right;
	}

/* Email Signup */
	
	#emailTitle {
		padding-top: 25px;
		padding-left: 200px;
	}
	#emailBody {
		padding-left: 295px;
		color: #fff;
		font-size: 11px;
		width: 200px;
		text-align: left;
	}
	#emailBody a {
		color: #ffffff;
		text-decoration: underline;
	}
	#emailInput {
		position:absolute;
		margin-left: 295px;
		padding-top: 15px;
	}

/* For A Content Page */
/* MENU */

	#contentMenu {
		margin-left: -5px;
		padding:0;
		width: 935px;
		height: 59px;
	}
	
	#contentMenu ul li {
		display: inline;
		list-style:none;
		padding:0;
		margin-left: -4px;
	}

	#contentMenu li {
		padding:0;		
	}

	#contentMenu a {
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transition: all 500ms linear;
	}
	
	#contentMenu a:hover {
		opacity:.4;
		filter:alpha(opacity=40);
	}

	#contentMenu li.hovered {
		opacity: .4;
		filter:alpha(opacity=40);
	}
	

/* About Page */

	#aboutHeader {
		width:899px;
		height: 434px;
		background: url(images/about_header_bg.png);
		background-repeat: no-repeat;
		margin: 20px auto 0 auto;
		text-align: center;
	}

/* The Bios */

	#biographies {
		width: 960px;
		height: 600px;
		background: #fff;
	}
 
	#bio1 {
		width: 440px;
		height: 535px;
		background: #ffffff;
		margin: 50px auto 0;
	}

	#bio2 {
		width: 440px;
		height: 535px;
		background: #ffffff;
		float:left;
		margin-left: 20px;
		margin-top: 30px;
	}
	
	#bio3 {
		width: 209px;
		height: 535px;
		background: #ffffff;
		float:left;
		margin-left: 20px;
		margin-top: 30px;
	}

	#bio4 {
		width: 209px;
		height: 535px;
		background: #ffffff;
		float:left;
		margin-left: 20px;
		margin-top: 30px;
	}

	#orangeTop {
		height: 491px;
		width: 440px;
		background: #d37e29;
		text-align:left;
		
	}
	
	.title {
		padding-top:10px;
		padding-left: 25px;
	}
	
	#orangeBottomLeft {
		width: 37px;
		height: 41px;
		background: url(images/orange_email.png);
	
		margin-top: 5px;
		
	}
	#orangeBottomRight {
		width: 398px;
		height: 41px;
		background: #d37e29;
		margin-top: -41px;
		margin-left: 42px;
	}
	#orangeBottomRight a {
		color: #fff;
		font-size: 10px;
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transition: all 500ms linear;
		font-family: 'MuseoSlab500';
		
	}
	#orangeBottomRight a:hover {
		color: #fff;
		font-size: 10px;
		opacity:.6;
		filter:alpha(opacity=60);
		
	}
	.bioEmail {
		padding-top: 10px;
		text-align: left;
		padding-left: 10px;
	}

	.bioText {
		width: 400px;
		font-size: 11px;
		color: white;
		text-align: left;
		padding-left: 28px;
		padding-top: 5px;
		font-family: 'MuseoSlab500';
		line-height: 14px;
	}
	
	#aboutHeaderText {
		padding-left: 550px;
		padding-top:50px;
	}

	#aboutHeaderText p {
		width: 300px;
		font-size:11px;
		color: #fff;
	}
	
	#aboutBodyCopy {
			font-family: 'MuseoSlab500';
			font-size: 18px;
			width: 850px;
			margin: 20px auto 0px auto;
			border-top: 6px solid #c76900;
			border-bottom: 6px solid #c76900;
			padding: 10px 25px 10px 25px;
			text-align: left;
			color: #273d4f;
	}

/* Film Page */
	#filmHeader {
		width: 899px;
		height: 435px;
		background: url(images/film_header.png);
		margin: 20px auto 0 auto;
		text-align: center;
	}
	
	#filmTrailer {
		width: 899px;
		height: 435px;
		margin: 20px auto 0 auto;
		text-align: center;
		padding-bottom: 80px;
	}

	#oneDrop {
		display:block;
		background: #fff;
		width: 960px;
		height: 200px;
		padding-top: 10px;
	}
	#oneDropLeft {
		float:left;
		margin-left: 25px;
	}
	#oneDropRight {
		float:left;
		text-align: left;
		color: #d37e29;
		font-size: 11px;
		width: 600px;
		padding-left: 20px;
		padding-top: 15px;
		font-family: 'MuseoSlab500';
	}

/* Wells Page */

	#wellsHeader {
		width:899px;
		height: 434px;
		background: url(images/wells_header_bg.png);
		background-repeat: no-repeat;
		margin: 20px auto 0 auto;
		text-align: center;
	}

	#wellsMap {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#wellsBodyCopy {
			font-family: 'MuseoSlab500';
			font-size: 18px;
			width: 850px;
			margin: 20px auto 0px auto;
			border-top: 6px solid #c76900;
			border-bottom: 6px solid #c76900;
			padding: 10px 25px 10px 25px;
			text-align: left;
			color: #273d4f;
	}
	

/* Events Page */
	
	#nextEventTitle {
		margin: 15px auto 0 auto;
		width: 899px;
	}
	#nextEvent {
		margin: 15px auto 0 auto;
		width: 899px;
		text-align: center;
	}

	#aboutEventsTitle {
		margin-top: 15px;
	}

	#aboutEventsText {
		color: #344e60;
		font-size: 14px;
		text-align: left;
		background: #fff;
		width: 900px;
		height: 100px;
		padding-left: 31px;
		padding-right: 31px;
		font-family: 'MuseoSlab500';
	}

	#otherHosting {
		width: 960px;
		height: 350px;
		background: #ffffff;
	}
	
	#otherEvents {
		float:left;
		width:570px;
		height: 293px;
		margin-left: 25px;
	}

	#otherEventsTitle {
		width: 570px;
		height: 76px;
	}

	#otherEventsBody {
		width: 570px;
		height: 213px;
		background: #dedede;
		margin-top: 5px;
		color: #344e60;
		font-size: 13px;
		font-family: 'MuseoSlab500';
	}

	#otherEventsBody ul {
		padding-top: 35px;
	}

	#otherEventsBody ul li {
		display: block;
	}
	#otherEventsBody li {
		padding-bottom: 25px;
	}

	#hostEvent {
		float:left;
		width:318px;
		height: 292px;
		margin-left: 15px;
	}

	#orangeEventTop {
		width: 318px;
		height: 249px;
		background: #d37e29;
		
	}
	#orangeEventTitle {
		padding-top: 20px;
		padding-left: 5px;
	}
	#orangeEventBottomLeft {
		width: 37px;
		height: 41px;
		background: url(images/orange_email.png);
		margin-top: 5px;
	}
	#orangeEventBottomRight {
		width: 275px;
		height: 41px;
		background: #d37e29;
		margin-top: -41px;
		margin-left: 42px;
	}
	#orangeEventBottomRight a {
		color: #fff;
		font-size: 10px;
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transition: all 500ms linear;	
	}
	#orangeEventBottomRight a:hover {
		color: #fff;
		font-size: 10px;
		opacity:.6;
		filter:alpha(opacity=60);	
	}
	.eventEmail {
		padding-top: 8px;
		font-family: 'MuseoSlab500';
	}
	.eventText {
		width: 230px;
		font-size: 11px;
		color: #fff;
		text-align: left;
		padding-left: 42px;
		padding-top: 0px;
		font-family: 'MuseoSlab500';
	}


	#eventsFooter {
		margin-top: -30px;
		position: relative;
		z-index: 50;
		margin-left: 25px;
	}

	/* Get Involved */
	#getinvolvedHeader {
		width: 899px;
		height: 433px;
		background: url(images/getinvolved_header.png);
		margin: 20px auto 0 auto;
		text-align: center;
	}
	
	#getInvolvedSlider {
			width: 899px;
			height: 433px;
			margin: 20px auto 0 auto;
			text-align: center;
			padding: 10px !important;
	}
	
	.scroll-pane { overflow: auto; width: 898px; margin: 25px auto; }
	.scroll-content { width: 7050px; float: left; height: 100%; margin-bottom:15px;}
	.scroll-content-item { height: 437px;; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
	* html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
	.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 5px -1px -1px -1px; z-index:50; }
	.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: -8px auto;  }
	.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
	.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
	.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

	/* Get Involved Middle Section */

	#getInvolvedMiddle {
		width: 940px;
		height: 267px;
		text-align: left;
	}

	#getinvolvedHowHelp {
		width: 429px;
		height: 227px;
		text-align: left;
		margin-left: 30px;
		margin-top: 15px;
		float: left;
		
	}
	
	#involvedText {
		width: 420px;
		color: #344e60;
		margin-left: -20px;
		margin-top: -20px;
		font-family: 'MuseoSlab500';
	}

	#getinvolvedPrevious {
		float: left;
		width: 215px;
		height: 216px;
		margin-left: 20px;
		margin-top: 17px;
		
	}

	#previousEventsTitle {
		width: 215px;
		height: 62px;
		background: url(images/involved_previous.png);
	}
	#previousEventsBody {
		width: 215px;
		height: 172px;
		background: #344e60;
		margin-top: -10px;
	}
	#previousEventsBody ul {
		display: block;
		color: #fff;
		list-style-type:circle;
		font-size: 12px;
		font-weight: bold;
		padding-top: 25px;
		
	}

	#getinvolvedResources {
		float: left;
		width: 215px;
		height: 216px;
		margin-left: 18px;
		margin-top: 15px;
		
	}

	#resourcesTitle {
		width: 215px;
		height: 62px;
		background: url(images/involved_resources.png);
	}
	#resourcesBody {
		width: 215px;
		height: 172px;
		background: #344e60;
		margin-top: -10px;
	}
	#resourcesBody ul {
		display: block;
		color: #fff;
		list-style-type:circle;
		font-size: 12px;
		font-weight: bold;
		padding-top: 25px;
		
	}

/* Get Involved Bottom Section */
	
	#getInvolvedBottom {
		width: 940px;
		height: 295px;
		text-align: left;
		margin-top: 15px;
	}
	
	#getInvolvedBottom a {
		color: #ffffff;
		text-decoration: underline;
		font-family: 'MuseoSlab500';
	}

	#getInvolved01 {
		float:left;
		width:290px;
		height: 292px;
		margin-left: 30px;
	}

	#getInvolved02 {
		float:left;
		width:290px;
		height: 292px;
		margin-left: 15px;
	}

	#getInvolved03 {
		float:left;
		width:290px;
		height: 292px;
		margin-left: 15px;
	}

	#orangeInvolvedTop {
		width: 290px;
		height: 249px;
		background: #d37e29;
		
	}
	#orangeInvolvedTitle {
		padding-top: 20px;
		padding-left: 30px;
	}
	#orangeInvolvedBottomLeft {
		width: 37px;
		height: 41px;
		background: url(images/orange_email.png);
		margin-top: 5px;
	}
	#orangeInvolvedBottomRight {
		width: 248px;
		height: 41px;
		background: #d37e29;
		margin-top: -41px;
		margin-left: 42px;
	}
	#orangeInvolvedBottomRight a {
		color: #fff;
		font-size: 10px;
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transition: all 500ms linear;	
	}
	#orangeInvolvedBottomRight a:hover {
		color: #fff;
		font-size: 10px;
		opacity:.6;
		filter:alpha(opacity=60);	
	}
	.involvedEmail {
		padding-top: 12px;
		padding-left: 25px;
	}
	.involvedText {
		width: 230px;
		font-size: 11px;
		color: #fff;
		text-align: left;
		padding-left: 30px;
		padding-top: 0px;
		font-family: 'MuseoSlab500';
	}
	
	#involvedFooter {
		margin-top: 30px;
		position: relative;
		z-index: 50;
		margin-left: 0px;
	}
	
/* Donate Page */

.donate {
	text-align: left;
	padding: 20px;
	margin-bottom: 40px;
}

	.donate form {
		margin-left: 10px;
		width: 350px;
	}
	
		.donate form input#amount {
			background: #DDD url(images/money-sign.png) no-repeat 5px center;
			border: none;
			color: #888;
			font-size: 2em;
			padding: 5px 0 5px 25px;
			width: 200px;
		}
		
		.donate form #donate-btn {
			float: right;
		}
	
/* Contact Page */

	#contactHeader {
		width: 899px;
		height: 434px;
		background: url(images/contact_header_bg.png);
		margin: 20px auto 0 auto;
		text-align: center;
	}
	
	#contactQuestions {
		width: 899px;
		height: 110px;
		background: url(images/contact_questions_bg.png);
		margin: 20px auto 0 auto;
		text-align: center;
	}
	
	#contactQuestions a {
		color: #ffffff;
	}
	
	#contactQuestionsText {
		width: 310px;
		font-size: 13px;
		text-align: right;
		padding-top: 32px;
		padding-left: 2px;
		font-family: 'MuseoSlab500';
		color: #fff;
	}
	
	#contactRyan {
		width: 899px;
		height: 110px;
		background: url(images/contact_ryan_bg.png);
		margin: 20px auto 0 auto;
		text-align: center;
	}
	
	#contactRyanText {
		width: 350px;
		font-size: 13px;
		text-align: center;
		padding-top: 37px;
		padding-left: 485px;
		font-family: 'MuseoSlab500';
		color: #fff;
	}
	
	#contactBen {
		width: 899px;
		height: 110px;
		background: url(images/contact_ryan_bg2.png);
		margin: 20px auto 0 auto;
		text-align: center;
	}
	
	#contactBenText {
		width: 350px;
		font-size: 13px;
		text-align: center;
		padding-top: 37px;
		padding-left: 25px;
		font-family: 'MuseoSlab500';
		color: #fff;
	}
	
	#contactBenText a {
			color: #fff;
	}
	
	#contactAllother {
		width: 899px;
		height: 277px;
		background: url(images/contact_allother.png);
		margin: 20px auto 20px auto;
		text-align: center;
	}