/* CSS Document */

body
{
	border:none;
	margin:none;
	padding:none;
	background-color: #fff3d0;
	background-image: url(/images/header.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: 'EB Garamond', serif;
	color: #000;
}


.story-divider
{
	height: 41px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	clear: both;
	background-image: url(/images/divider.png);
	background-position: center top;
}
.blog-divider
{
	height:23px;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	clear:both;
	background-image: url(/images/blog_divider.png);
}
.primarycolorbg
{
	background-color:#73a492;
}

.secondarycolorbg
{
	background-color:#c9ce01;
}

.tertiarycolorbg
{
	background-color:#e63e35;
}

.primarycolor
{
	color:#73a492;
}

.secondarycolor
{
	color:#c9ce01;
}

.tertiarycolor
{
	color:#e63e35;
}


#socialproperties
{
	list-style-type:none;
	list-style:none;
	width: 100%;
	float: left;
	clear: both;
	margin: 30px 0;
	padding: 0;
}

#socialproperties li
{
	list-style-type:none;
	list-style:none;
	float: left;
}


a
{
	color:#000;
	text-decoration:none;
	border:none;	
}

a:hover
{
	text-decoration:underline;	
}

h1,h2,h3,h4,h5,p,input
{
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input 
{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input 
{
	display: inline-block;
	height: 20px;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.join-text textarea
{
	height: 150px !important;
	width:100%;	
}

.join-text select
{
	width:100%;
	height:20px;	
}

.inline-block-level
{
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.story-text a
{
	color: #3a3e44;
	text-decoration:underline;	
}

.home-text h1
{
	font-size: 38px;
	margin-top:10px;
	margin-bottom:20px;
	font-weight:normal;
	color: #346e5e;
}

.resources
{
	width:100%;
	float:left;
	clear:both;	
}

.resources h3
{
	color:#000;
	font-weight:normal;
	margin-left:20px;
	margin-bottom:10px;
}

.resources p
{
	color:#000;
	font-weight:normal;
	margin-left:20px;
	margin-bottom:20px;
	font-size:16px;
	color:#4d4d4f;
}

#map-canvas h3
{
	font-size: 14px;
	color: #3a3e44;
	margin-top:0px;
	margin-bottom:20px;
	font-weight:normal;	
}

#map-canvas h1
{
	font-size: 18px;
	color: #000;
	margin-top:0px;
	margin-bottom:2px;
	font-weight:normal;
}



		/*BEGIN COMBINED STYLES */
		
		.container
		{
			width:100%;
			margin:0 auto;	
		}


		#photos
		{
			width:auto;
			margin-bottom:20px;
			max-width:639px;
		}

		#photos img
		{
			width:100%;	
		}


		.stories,
		.about,
		.join,
		.impact,
		.social,
		.resources
		{
			width:100%;
			background-color:#73a492;
			float:left;
			clear:both;
			margin-bottom:20px;
		}

		.join
		{
			background-color: #e63e35;
		}


		.stories h1,
		.about h1,
		.join h1,
		.impact h1,
		.social h1,
		.resources h1		
		{
			color:#fff3d0;
			margin:0 0 0 20px;
			font-weight:normal;	
			text-transform: uppercase;
		}


		.read-more a:link, .read-more a:visited
		{
		
			color: #e63e35;
			text-decoration: none;
		}
		
		.home-text ul li
		{
			margin-bottom:10px;	
		}
		
		.home-text ul li a
		{
			text-decoration:underline;	
		}
		
		#dropmid
		{
			width:250px !important;	
			float:right;
			clear:right;
			background-color:black;
			padding-right:0px;
			padding-left:0px;
			color:white;
			position:relative;
			right:150px;
			-webkit-margin-before: 0;
			-webkit-margin-after: 0;
		}
		
		#dropmid li
		{
			display:block !important;
			text-align:center;
			border-right:0;
			border-bottom:1px solid white;
			margin:10px 0 10px 0;
		}
		
		#dropmid li a
		{
			color:white;
		}
		

		/*END COMBINED STYLES */


@media all and (min-width: 640px)
{
		

		.container
		{
			max-width:1000px;
		}


		
		#logo
		{
			width:20%;
			max-width:180px;
			float:left;
			height:180px;
		}
		
		
		#nav
		{
			color:#FFF;
			font-size:18px;
			margin-top: 50px;
			background-color: #000;
			float:right;
			text-align:right;
			
		}
		
		#nav ul
		{
			list-style-type:none;
			list-style:none;
			
		}
		
		#nav ul li
		{
			list-style-type:none;
			list-style:none;
			display:inline;
			padding-right:7px;
			padding-left:7px;
			border-right: 1px solid #FFF;
		}
		
		#nav ul li a
		{
			color: #fff;	
		}
		
		#nav ul li:last-child
		{
			list-style-type:none;
			list-style:none;
			display:inline;
			padding-right:7px;
			padding-left:7px;
			border-right: none;
		}
		
		
		#photos
		{
			float:left;
			clear:both;
			max-width:1000px;
			width:100%;
		}
		

		
		#stat
		{
			width:33%;
			max-width:333px;
			float:left;
			clear:none;
			text-align:center;
			color:#000;
			margin:0;
		}
		


		#stat-last
		{
			width:34%;
			max-width:334px;
			float:left;
			clear:none;
			text-align:center;
			color:#000;
			margin:0;
		}
		
		#stat h1,
		#stat-last h1
		{
			font-size:58px;
			margin-top: 10px;
			margin-bottom:0px;
			font-weight:normal;
		}
		
		#stat h3,
		#stat-last h3
		{
			font-size:14px;
			margin-top:0px;
			margin-bottom:15px;
			font-weight: 300;	
		}
		
		.actionButton
		{
			width:80%;
			font-size:20px;
			line-height:60px;
			height:60px;
			color:white;
			text-transform: uppercase;
			margin:0 auto 20px auto;
			font-weight:normal;
		}
		
		
		.mainActionButton
		{
			width:100%;
			font-size:26px;
			line-height:60px;
			height:60px;
			color:#fff3d0;
			background-color:#a49b00;
			margin-bottom:20px;
			font-weight:normal;
			text-align:center;
				text-transform: uppercase;
			cursor: pointer;
		
		}
		
		.actionButton a,
		.mainActionButton a
		{
			color:white;
			text-decoration:none;	
		}
		
		.actionButton a:hover,
		.mainActionButton a:hover
		{
			text-decoration:underline;	
		}
		
		.full-width
		{
			width:100%;	
		}
		
		.stories,
		.about,
		.join,
		.impact,
		.social,
		.resources
		{
			height:80px;
			max-width:1000px;

		}
		
		.stories h1,
		.about h1,
		.join h1,
		.impact h1,
		.social h1,
		.resources h1
		{
			font-size:36px;
			line-height:80px;

		}
		

		
	
		.story-content,
		.about-content,
		.join-content,
		.impact-content,
		.social-content,
		.resources-content
		{
			width:100%;
			float:left;
			clear:both;	
		}
		
		.story-image,
		.about-image,
		.join-image,
		.story-image-no-border,
		.impact-image
		{
			width:25%;
			max-width:250px;
			float:left;	
		}
		
		.story-image img,
		.about-image img,
		.impact-image img
		{
			border: 7px solid #73a492;
			max-width:250px;
			width:100%;
			margin-bottom:10px;
		}
		
		.story-image-no-border img,
		.join-image img
		{
			max-width:250px;
			width:100%;
			margin-bottom:10px;
		}
		
		.story-text,
		.join-text,
		.impact-text
		{
			width:60%;
			max-width:600px;
			float:left;
			margin-left:10%;
		}
		
		.about-text
		{
			width:100%;
			float:left;
			margin-left:0;	
		}
		
		.story-text h1,
		.about-text h1,
		.join-text h1,
		.impact-text h1,
		.impact-content h1
		{
			font-size: 36px;
			color: #346e5e;
			margin-top:0px;
			margin-bottom:2px;
			font-weight:normal;
		}
		
		.story-text h3,
		.about-text h3,
		.join-text h3,
		.impact-text h3,
		.impact-content h3
		{
			font-size: 32px;
			color: #a49b00;
			margin-top:-15px;
			margin-bottom:20px;
			font-weight:normal;
		}
		
			.story-text p,
			.about-text p,
			.join-text p,
			.impact-text p,
			.impact-content p,
			.social-content p,
			.resources-content p
		{
			font-size: 22px;
			color: #4d4d4f;
			margin-bottom:28px;
			font-weight:normal;
		}
		
		.read-more
		{
			font-size: 20px;	
		}

		
		
		.impact-row
		{
			width:100%;
			max-width:1000px;
			margin-bottom:5px;
			border-bottom: 2px solid #CCCCCC;
			float:left;
			clear:both;	
		}
		
		.impact-icon
		{
			width:15%;
			max-width:140px;
			float:left;	
		}
		
		.impact-icon img
		{
			max-width:140px;
			width:100%;		
		}
		
		.impact-text
		{
			width:80%;
			max-width:800px;
			margin-left:20px;	
		}
		
		.impact-text h1
		{
			font-size: 24px;
			font-weight:normal;
			color:#000;
			margin:0;
		}
		
		.impact-text h2
		{
			font-size: 18px;
			font-weight:normal;
			color:#73a492;
			margin:0;
		}
		
		.impact-text h3
		{
			font-size: 14px;
			font-weight:normal;
			color:#3a3e44;
			margin:0;
		}
		
		.impact-text p
		{
			font-size: 14px;
			font-weight:normal;
		
			margin-top:15px;
		}
		
		.home-text
		{
			width: 92%;
			float: left;
			clear: both;
			margin-left: 3%;
			margin-right: 3%;	
		}
		
		.home-text p,
		.join-text p
		{
			font-size: 22px;
			color: #4d4d4f;
			margin-bottom:28px;
			font-weight:normal;	
		}
		
		
#socialproperties li
{
	padding-right:2px;
}
		

}

@media all and (max-width: 639px)
{
			
			.container
			{
				max-width:639px;
			}
			
			
			
			#logo
			{
				width:101px;
				margin:0 auto;
				height:169px;
			}
			
			
			
			#nav
			{
			
				width:100%;
				max-width:639px;
				text-align:center;
			}
			
			#nav ul
			{
				list-style-type:none;
				list-style:none;
				width:100%;
				-webkit-margin-before: 0px;
				-webkit-margin-after: 0px;
				-webkit-margin-start: 0px;
				-webkit-margin-end: 0px;
				-webkit-padding-start: 0px;
			}
			
			#nav ul li
			{
				list-style-type:none;
				list-style:none;
				border-bottom: 1px solid white;
				height:45px;
				line-height:45px;
				padding:0;
				margin:0;
			}
			
			#nav ul li:last-child
			{
				list-style-type:none;
				list-style:none;
				border-right: none;
			}
			
			
			
			#photos
			{
				max-width:639px;
					
			}
			

			
			#stat,
			#stat-last
			{
				width:100%;
				max-width:639px;
				text-align:center;
				color:#000;
				margin:0;
			}
			
			#stat h1,
			#stat-last h1
			{
				font-size:48px;
				margin-top: 10px;
				margin-bottom:0px;
				font-weight:normal;
			}
			
			#stat h3,
			#stat-last h3
			{
				font-size:20px;
				margin-top:0px;
				margin-bottom:15px;
				font-weight:normal;	
			}
			
			.actionButton
			{
				width:100%;
				font-size:20px;
				line-height:60px;
				height:60px;
				color:white;
			
				margin:0 auto 20px auto;
				font-weight:normal;
			}
	
	
	
			.actionButton a,
			.mainActionButton a
			{
				color:white;
				text-decoration:none;	
			}
			
			.actionButton a:hover,
			.mainActionButton a:hover
			{
				text-decoration:underline;	
			}
			
			.mainActionButton
			{
				width:100%;
				font-size:20px;
				line-height:60px;
				height:60px;
				color:white;
				background-color:#a49b00;
				margin-bottom:20px;
				font-weight:normal;
				text-align:center;
			}
			
			.full-width
			{
				width:100%;	
			}
			
			.stories,
			.about,
			.join,
			.impact,
			.social,
			.resources
			{

				height:60px;
				max-width:639px;
	
			}




			

			
			.stories h1,
			.about h1,
			.join h1,
			.impact h1,
			.social h1,
			.resources h1
			{			
				font-size:32px;
				line-height:60px;
			}




			
			.story-content,
			.about-content,
			.join-content,
			.impact-content,
			.social-content,
			.resources-content
			{
				width:100%;
				float:left;
				clear:both;
			}
			
			.story-image,
			.about-image,
			.join-image,
			.impact-image,
			.story-image-no-border
			{
				width:25%;
				max-width:160px;
				float:left;	
			}
			
			.story-image img,
			.about-image img,
			.impact-image img
			{
				border: 7px solid #73a492;
				max-width:160px;
				width:100%;	
			}
			
			.story-image-no-border img,
			.join-image img
			{
				max-width:160px;
				width:100%;	
			}
			
			.story-text,
			.join-text,
			.impact-text
			{
				width:60%;
				max-width:360px;
				float:left;
				margin-left:10%;
			}
			
			.about-text
			{
				width:100%;
				max-width:360px;
				float:left;
				margin-left:10%;
			}
			
			.story-text h1,
			.about-text h1,
			.join-text h1,
			.impact-text h1,
			.impact-content h1,
			.social-content h1,
			.resources-content h1
			{
				font-size: 36px;
				color: #346e5e;
				margin-top:0px;
				margin-bottom:2px;
				font-weight:normal;
			}
			
			.story-text h3,
			.about-text h3,
			.join-text h3,
			.impact-text h3,
			.impact-content h3,
			.social-content h3,
			.resources-content h3
			{
				font-size: 30px;
				color: #a49b00;
				margin-top:-15px;
				margin-bottom:20px;
				font-weight:normal;
			}
			
			.story-text p,
			.about-text p,
			.join-text p,
			.impact-text p,
			.impact-content p,
			.social-content p,
			.resources-content p
			
			{
				font-size: 22px;
				color: #4d4d4f;
				margin-bottom:28px;
				font-weight:normal;
			}
			
			.read-more
			{
				font-size: 20px;	
			}
			
			
			
			
			
			
			.impact-row
			{
				width:100%;
				max-width:639px;
				margin-bottom:5px;
				border-bottom: 2px solid #CCCCCC;
				float:left;
				clear:both;	
			}
			
			.impact-icon
			{
				width:15%;
				max-width:140px;
				float:left;	
			}
			
			.impact-icon img
			{
				max-width:140px;
				width:100%;		
			}
			
			.impact-text
			{
				width:80%;
				max-width:400px;
				margin-left:20px;	
			}
			
			.impact-text h1
			{
				font-size: 18px;
				font-weight:normal;
				color:#000;
				margin:0;
			}
			
			.impact-text h2
			{
				font-size: 16px;
				font-weight:normal;
				color:#73a492;
				margin:0;
			}
			
			.impact-text h3
			{
				font-size: 14px;
				font-weight:normal;
				color:#3a3e44;
				margin:0;
			}
			
			.impact-text p
			{
				font-size: 14px;
				font-weight:normal;
				color:#4d4d4f;
				margin-top:15px;
			}
			
			.home-text
			{
				width:80%;
				float:left;
				clear:both;
				padding-left:10%;
				padding-right:10%;	
			}
			
			.home-text p
			{
				font-size: 18px;
				color: #4d4d4f;
				margin-bottom:20px;
				font-weight:normal;	
			}
			
			#socialproperties li
			{
				padding-right:1px;
			}
			
			#dropmid
			{
				display:none;	
			}

}