<style type="text/css" media="screen">
/* Layout 19 - Three columns, Fixed naviagation, floating content and extra */
		html, body 		{ margin: 0; padding: 0; }
		body 			{ background-color:#fbf8ef; color: #333; font: 18px "Franklin Gothic Book", Arial, sans-serif; line-height: 18px; }
		h2				{ color: #333; }
		h3			{ font-style: italic; color: #800000; }
		a				{ color: #333; font-weight:bold; }
		p				{ margin: 0 0 18px; }
		#wrapper		{ float: left; width: 100%; }
		
		/* Header */
		#header_home		{ background: #fbf8ef url("images/top bars/home_top.jpg") no-repeat top left; height:210px; border-bottom: 0px solid #ddd; }
		#header_contact		{ background: #fbf8ef url("images/top bars/contact_top.jpg") no-repeat top left; height:210px; border-bottom: 0px solid #ddd; }
		#header_member		{ background: #fbf8ef url("images/top bars/new_member_top.jpg") no-repeat top left; height:210px; border-bottom: 0px solid #ddd; }
		#header_about		{ background: #fbf8ef url("images/top bars/about_top.jpg") no-repeat top left; height:210px; border-bottom: 0px solid #ddd; }
		
		/* Content Style */
/* use for production	#navigation		{ border-bottom: 1px solid #ccc; } */
		#navigation		{ border: 0px solid #ccc; }
/*		#navigation img		{ border: 1px solid #013d9f; } */
		#navigation ul		{ padding: 0 1px 1px; list-style: none; font-size: 14px;}
		#content		{ padding-left: 18px; padding-right: 18px; }
/* use for production		#extra	{ border-bottom: 1px solid #ccc; } */
		#extra			{ border: 0px solid #ccc; }
		li.morespace		{ padding: 1px 1px 16px 1px;}
		#extra li		{ list-style: none; font-size: 16px; }
		#extra dt		{ font-size: 16px; padding: 8px 1px 0px 1px;}
		#extra dd		{ font-size: 16px; }
		#schedule		{ padding: 0; margin: 0; }
		#extra small	{ font-size: 16px; line-height: 18px; }
		#large_emphasis	{ font-size: 36px; line-height: 36px; font-style: italic; color: #800000; }
		#content		{ border: 0px solid #ccc; }
		#content p		{ padding-right: 1px; }
		#extra p		{ padding-right: 1px; padding-top: 1px; }
		p.quotation		{ color: black; font-style: italic; margin-left: 10px}
		#collage		{ clear: left; width: 100%; text-align: center; }
		
		/* Content Positioning & Size */
		.imgwithcaption		{ margin: 0 0 20px 20px; font-size:60%; font-style:italic; }
		.divright		{ float: right; }
		.divleft		{ float: left;}
		.divbox			{ border-style: solid; border-color: #013d9f; }
		.imgright		{ float: right; padding-right: 5px; }
		.imgleft		{ float: left; padding-right: 5px; }
		
		#navigation		{ float: left; width: 200px; margin-left: -100%; display: inline; position: relative; }
		#content		{ margin: 0 300px 36px 200px; }
		#extra			{ float: left; width: 290px; margin-left: -300px; }		/* Footer */
		#footer			{ background: #d3e4fe; border-bottom: 2px solid #999; clear: left; width: 100%; }
		#footer a		{ color: #003300; }
		#footer	p		{ color: #333; font-size: 11px; margin: 0; padding: 0 18px 10px; }
		#footer ul		{ border-bottom: 1px solid #333; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
		#footer li		{ display: inline; font-size: 11px; padding-right: 5px; }
	</style>
