﻿<style type="text/css" media="screen">
	html, body 		{ margin: 0; padding: 0; }
	body 			{ color: #663300; font: 16px Times New Roman, Arial, microsoft sans-serif;}
	h2				{ color: #333; }
	a				{ color: #337810; }
	p				{ margin: 0 0 18px; }
	#wrapper		{  float: left; width: 100%;
                                          }
		
		/* Header */
	#header			{ background: #333; border-bottom: 2px solid #ddd; }
	#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		{ border-bottom: 1px solid #ccc; padding-left: 18px; }
	#navigation ul	{ padding: 0 18px 9px; }
	#extra			{ border-bottom: 1px solid #ccc; padding-right: 18px; }
	#extra small	{ font-size: 11px; line-height: 18px; }
	#content p, #extra p { padding-right: 18px; }
		
		/* Content Positioning & Size */
	#navigation		{ float: left; width: 192px; margin-left: -100%; }
	#content		{ margin:  0 210px  36px; }
	#extra			{ float: left; margin-left: -200px; width: 192px; }		/* Footer */
	#footer			{ background: tan; border-bottom: 0px solid #999; clear: left; width: 100%; }
	#footer a		{ color: #A52A2A; }
	#footer	p		{ color: #ccc; margin: 0; padding: 0 18px 10px; }
	#footer ul		{ border-bottom: 0px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
	#footer li		{ display: inline; font-size: 14px; font-weight: bold; padding-right: 5px; color:brown; }
	</style>
	<!--[if IE]>
	<style type="text/css">
	    #navigation, #content, #extra { margin-top: 20px; }
	</style>
