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


	body { background: #ffffff; }
  	#container { width:100%;  padding:0px; margin-bottom: 30px; display: block;}
	#container { font-family:"Droid serif", serif; color: #999999; font-size: 18px; }
	.title { font-family:"Droid serif" ; color: #999999 !important; font-size: 20px !important; margin-left: 0px; }
	.subtitle { color: #0f733f !important; margin-top: 15px; padding-top: 0px; font-size: 16px !important; margin-left:0px; margin-bottom: 20px; }
	#header { margin-top: 25px; }
	#header a { font-family:"Droid serif" ; color: #999999 !important; font-size: 24px !important; text-decoration: none; }
	
	#content { background:# #ffffff; width:100%; margin:0 auto; padding:0px;  }
	#content p { color:#999999; font-size: 16px; font-family:"Droid serif"; margin-left: 0px; }
	#content a { text-decoration:none; font-size: 14px ;color: #0f733f; float: left; margin-right: 20px;}
	#content a:hover { text-decoration: underline; }
	.home-image { width: 100%; margin-left: 0px; margin-top: 15px; padding-top: 0px; }
	.bio-image { width: 150px; padding-top: 0px;float: left; margin-right: 30px; margin-bottom: 20px; }
	.gallery-image { width: 340px; margin-top: 20px;float: left; margin-right: 30px; margin-bottom: 10px;}
	.bio { font-size: 14px !important; line-height: 20px; color: #666666 !important; margin-left: 20px; }
	a.active { text-decoration: underline !important;}


@media only screen and (min-width: 768px) {
  	body { background: #ffffff; margin:0 auto; }
  	#container { width:774px; margin:0 auto; padding:0px; margin-bottom: 30px; display: block;}
	#container { font-family:"Droid serif", serif; color: #999999; font-size: 14px; }
	.title { font-family:"Droid serif" ; color: #999999 !important; font-size: 30px !important; margin-left: 20px; }
	.subtitle { color: #0f733f !important; margin-top: 15px; padding-top: 0px; font-size: 18px !important; margin-left: 20px; margin-bottom: 40px; }
	#header { margin-top: 80px; }
	#header a { font-family:"Droid serif" ; color: #999999 !important; font-size: 30px !important; text-decoration: none; }
	
	#content { background:# #ffffff; width:774px; margin:0 auto; padding:0px;  }
	#content p { color:#999999; font-size: 16px; font-family:"Droid serif"; margin-left: 20px; }
	#content a { text-decoration:none; font-size: 14px ;color: #0f733f; float: left; margin-right: 20px;}
	#content a:hover { text-decoration: underline; }
	.home-image { width: 700px; margin-left: 20px; margin-top: 15px; padding-top: 0px; }
	.bio-image { width: 150px; padding-top: 0px;float: left; margin-right: 30px; margin-bottom: 20px; }
	.gallery-image { width: 340px; margin-top: 20px;float: left; margin-right: 30px; margin-bottom: 10px;}
	.bio { font-size: 14px !important; line-height: 20px; color: #666666 !important; margin-left: 20px; }
	a.active { text-decoration: underline !important;}
}