<style type="text/css" media="screen">
	html, body 	{ margin: 0; padding: 0; }
	body 		{ color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
	h2		{ color: #333; }
	a		{ color: #337810; }
	p		{ margin: 0 0 18px; }
	#container	{ width: 760px; margin: 0 auto;}
	
	/* Header */
	#header	{  
    height:110px ; 
    background: #eee; 
    border-bottom: 2px solid #ddd; 
    background-image: url('clintonvillechoir-COLOR-10percent.jpg');
    background-repeat:no-repeat;
    background-position: 99% 50%; }

	#header h1  { color: #004b6f; margin: 0 0 3px; padding: 24px 18px 0; }
	#header p	{ color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }
	
	/* Content Style */
	#navigation	{ margin-left: 18px; }
	#navigation ul	{ padding: 0 18px 9px; }
	#extra		{ border-top: 1px solid #ccc; padding-top: 10px; margin-left: 18px; }
	#extra small	{ font-size: 11px; line-height: 18px; }
	#content	{ border-bottom: 1px solid #ccc; padding-top: 18px;}
	#content p, #extra p { padding-right: 18px; }
	
	/* Content Positioning & Size */
	#navigation	{ float: left; width: 190px; }
	#content	{ float: right; width: 540px; }
	#extra		{ float: left; clear: left; width: 175px; }		/* Footer */
	#footer		{ background: #333; border-bottom: 2px solid #999; clear: both; width: 100%; }
	#footer a	{ color: #eee; }
	#footer	p	{ color: #ccc; margin: 0; padding: 0 18px 10px; }
	#footer ul	{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
	#footer li	{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
</style>

