#feature
{
	float: left;
	height: 467px;
	width: 380px;
	border: 1px solid #dcdfe3;
	margin-bottom: 7px;
}

#feature p a
{
	display: block;
	margin: 0;
	color: #6cc3f0;
	text-decoration: none;
	font-size: 110%;
}

#feature p a:hover
{
	color: #5cb3e0;
	text-decoration: underline;
}


#feature-link
{
	/* There is some inline styling required for feature-link (see down below) for background-image (since this is defined when the page is loaded) */
	background: #ffffee top left no-repeat;
	height: 467px;
	margin-bottom: 7px;
	width: 380px;
	display: block;
	background-position: 0 0;
	-webkit-transition: opacity 0.2s ease-out;
	opacity: 1.0;
	-moz-opacity: 1.0;
}

#feature-link:hover
{
	text-decoration: none;
	opacity: 0.5;
	-moz-opacity: 0.5;
}

#feature-link p
{
	color: #5cb3e0;
	font-size: 100%;
}

#feature-link p span
{
	display: block;
	font-size: 90%;
	color: #fff;
}

#mission-statement
{
	width: 340px;
	font-family: georgia, serif;
	margin-top: 20px;
	border-top: 1px solid #3e6348;
	border-bottom: 1px solid #3e6348;
	padding: 8px 20px;
	background-color: #eafef4;
	text-align: justify;
	background-color: transparent;
	clear: both;
}

#mission-statement strong
{
	font-family: georgia, serif;
}