html, body 		{ margin: 0; padding: 5px; border: 2px ridge #000000}
		body 			{ color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
		h2				{ color: #333; font: 18px Arial; font-weight: bold; }
		a				{ color: #337810; }
		p				{ color: #000; font: 12px Arial; margin: 0 0 18px; }
		#wrapper		{ float: left; width: 100%; }
		
		/* Header */
		#header			{ background: #c0c0c0; border-bottom: 5px ridge #eee; border-top: 5px solid #ddd; border-left: 5px solid #eee; border-right: 5px ridge #eee; }
		#header h1  	{ color: #333; font: 48px Euphorigenic; margin: 0 0 3px; padding: 24px 18px 0; }
		#header p		{ color: #666; font-size: 11px; font-weight: bold; padding: 9px 18px; }
		
		/* Content Style */
		#navigation		{ background: #c0c0c0; border-bottom: 5px ridge #eee; border-top: 5px solid #ddd; border-left: 5px solid #eee; border-right: 5px ridge #eee; padding-left: 1px; }
		#navigation h2  { color: #333; font: 18px Arial; font-weight: bold; padding: 1px 5px 1px; }
        #navigation ul	{ font-weight: bold; padding: 1px 10px 9px; }
		#content		{ border-bottom: 1px solid #ccc; margin: 0 18px 9px; }
		#extra			{ margin: 0 0 0 18px; }
		#extra small	{ font-size: 11px; font-weight: bold; line-height: 20px; }
		#content p, #extra p { padding-right: 18px; }
		
		/* Content Positioning & Size */
		#navigation		{ float: left; width: 200px; margin-left: -100%; }
		#content		{ margin-left: 243px; }
		#extra			{ clear: left; }		
        /* Footer */
		#footer			{ background: #333;  border-bottom: 5px ridge #eee; border-top: 5px solid #ddd; border-left: 5px solid #eee; border-right: 5px ridge #eee; clear: both; }
		#footer a		{ color: #eee; }
		#footer	p		{ color: #ccc; margin: 0; padding: 0 18px 10px; }
		#footer ul		{ border-bottom: 2px 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; }