html, body
{
	margin:0;
	padding:0;
	font-family:Arial, Sans-Serif;
}

h1, h2, h3, h4, h5 { color:#444; margin:0; padding:0; }

h2
{
	margin:0 0 10px 0;
	color:#A02121;
	font-family: Georgia, 'Times New Roman', serif;
	text-align:center;
}

h4
{
	color:#444;
	font-family: Georgia, 'Times New Roman', serif;
	text-align:center;
	font-weight:normal;
	font-size:.95em;
}

p, ul, li { line-height:140%; }

p { margin:0; }

em
{
	display:block;
	color:#555;
	font-size:.9em;
	font-weight:bold;
    font-style:italic;
    line-height:160%;

}
em.credit { margin-bottom:20px; text-align:right; }

ul
{
	margin:0 0 0 20px;
	padding:0;
	list-style-position:outside;
}

li
{
	padding:0;
	margin:0 0 10px 0;
}

.clear { clear:both; }

.container
{
	margin:0 auto;
	width:900px;
}

#head
{
	width:900px;
	height:420px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}
#head a { display:block; width:370px; height:200px; }

#fb-like { margin: 30px 0 0 5px; }

#footer
{
	width:100%;
	border-top:1px solid #BBB;
	background-color:#DDD;
	padding:5px 0 400px 0;
}

a, a:visited
{
	color:#0E5C92;
	text-decoration:none;
	font-weight:bold;
}
a:hover { color:#A02121; text-decoration:underline; }

#google_translate_element
{
	width:auto;
	float:right;
	margin:40px 0 10px 0;
}

.section a { font-weight:normal; text-decoration:underline; }

.sectionheader
{
	margin:0 120px 50px;
	padding:25px 0 32px 0;
	border-top:1px dashed #555;
	border-bottom:1px dashed #555;
}

.sectionheader p
{
	font-family: Georgia, 'Times New Roman', serif;
}

.backtotop
{
	text-align:right;
	margin:-50px 0 30px 0;
	background-color:transparent;
}

.backtotop a
{
	text-decoration:none;
	font-size:.8em;
	font-weight:bold;
}

.nav
{
	margin:-27px 0 10px 0;
}
.nav a
{
	font-size:1.1em;
	margin-right:15px;
	color:#FFF;
}

#floater
{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#FFF;
	border-top:4px solid #0E5C92; /*A02121*/ /*0E5C92*/
	padding:2px 0;
}

#floater .nav
{
	margin:0 auto;
	padding:10px 0 8px 0;
	background-color:#0E5C92;
	text-align:center;
}

#footer .nav { margin-top:0;  }
#footer .nav a { color:#0E5C92; font-size:0.8em; margin-right:10px; font-weight:normal; }

.video
{
	height:500px;
	border:1px solid #BBB;
	padding:5px;
	margin:20px 0;
}

.map
{
	height:315px;
	border:1px solid #BBB;
	padding:5px;
}

.pic
{
	float:right;
	margin-left:20px;
	border:1px solid #BBB;
	padding:5px;
}


.thumbs a, .thumbs a:visited
{
		display: block;
		float: left;
		width:100px;
		height:100px;
		background-color: #eee;
		margin:0 21px 0 0;
		border-radius: 10px;
		overflow: hidden;
		border:1px solid #bbb;
		padding:4px;
}

.thumbs a:hover
{
		box-shadow:2px 2px 2px #666;
}

.thumbs a.lastthumb
{
		margin-right: 0;
		float: right;
}

.thumbs a img
{
	border:none;
		border-radius: 7px;
}

.section
{
	margin-top:20px;
	padding-top:60px;
}

.section p, .section ul
{
	/*width:560px;*/
	text-align:justify;
	margin-bottom:10px;
}

.section ul
{
	width:540px;
}

#about .thumbs
{
		margin: 25px 0 0;
}

#team p
{
	width:100%;
	margin-bottom:20px;
}

#team .member
{
	width:281px;
	height:240px;
	background-color:#EEE;
	float:left;
	margin-right:10px;
	margin-bottom:35px;
	padding:5px;
	text-decoration:none;
	border:1px solid #BBB;
	border-radius: 10px;

}
#team .lastmember
{
	float: left;
	margin-right:0;
}
#team .member:hover { box-shadow:2px 2px 2px #666; border-color:#0E5C92; }

#team .member h5 { text-align:center; }
#team .member:hover h5 { text-decoration:underline; color:#0E5C92; }

#team .member .memberphoto
{
	display:block;
	height:210px;
	overflow:hidden;
	margin-bottom:10px;
	border-radius: 7px 7px 0 0;
}

#team .member .memberphoto img
{
	width:280px;
	border:none;
}

#team .member .memberphoto img.jonpage
{
	margin-top:-20px;
}

#team .member .memberphoto img.commonheart
{
	margin-top:-45px;
}

#lascabanasdeayampe p
{
	width:460px;
}


#lascabanasdeayampe .sidecol
{
	width:412px;
	float:right;
	margin-left:20px;
}

#lascabanasdeayampe .thumbs a
{
	margin: 10px 7px 15px 0;
}

#lascabanasdeayampe .thumbs a.lastthumb
{
	float: 	left;
}


#donate .pic { border-radius: 10px; }
#donate .pic img { border-radius: 7px; border:none; }
#donate .pic:hover { box-shadow:2px 2px 2px #666; }

#contact
{
	padding-top:10px;
}

#contact .wrapper
{
	background-color:#EEE;
	padding:20px 20px 20px 20px;
	margin:20px 0 10px 0;
	border-radius: 10px;
	border: 1px solid #DDD;
	box-shadow: 3px 3px 3px #666;
}

#contact h2 { border:none; text-align:left; font-family:Arial, Sans-Serif; margin-bottom:20px; }

form div
{
	margin:10px 0 0 0;
}

form label
{
	width:90px;
	display:block;
	float:left;
	font-weight:bold;
	font-size:.8em;
}

form#sendmail input
{
	width:350px;
	padding:3px;
}

form#sendmail textarea
{
	width:352px;
	height:100px;
	padding:3px;
}

form#sendmail .button
{
	width:70px;
	margin:0 10px 0 90px;
}

.error
{
	color:Red;
	font-weight:bold;
	font-size:.8em;
}

@media only screen and (max-device-width: 1025px)
{
	html, body
	{
		width:940px;
	}
	.container
	{
		margin:0 auto !important;
	}
	#floater
	{
		position:static;
	}
}

@media only screen and (max-device-width: 480px)
{
	html, body
	{
		width:500px;
		overflow:hidden;
	}
	.container
	{
		margin:0 auto;
		width:100%;
	}
	#head
	{
		margin:10px auto 0 auto;
		width:482px;
		height:445px;
		background-image:url(../images/bigpreview.jpg);
		background-position:0px 0px;
		background-repeat:no-repeat;
	}
	.video
	{
		width:479px;
		overflow: hidden;
		border: none;
		padding: 7px;
	}
	.section {
		padding-top: 0px;
		width:90% !important;
		margin:0 auto !important;

	}
	.section p {
		width:100% !important;
	}
	.sectionheader {
		margin:20px 0;
		padding: 25px 20px 32px;
	}
	.sidecol
	{
		float:none !important;
		margin:0 auto 0 auto !important;
	}
	#floater
	{
		display:none;
	}
	#footer
	{
		padding:10px 0 50px 0;
	}
	#footer .nav a
	{
		display:block;
		margin:10px 0;
		width:100%;
		text-align:center;
	}
	#fb-like
	{
		display:none;
	}
	.thumbs a.lastthumb
	{
		float: left;
	}
	#team .lastmember
	{
		float: left;
	}
}