html, body 		{ margin: 0; padding: 0; }
body 			{ color: #fff7eb; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; background: #414385;}
h2				{ color: #fff7eb; }
a				{ color: #fff7eb; }
p				{ margin: 0 0 18px; }
#wrapper		{ float: right; width: 100%; margin-left: -225px; }
		
/* Header */
#header			{ background: #414385; border-bottom: 3px solid #948681; }
#header h1  	{ color: #fff7eb; margin: 0 0 3px; padding: 24px 18px 0; }
#header p		{ color: #fff7eb; font-size: 11px; font-weight: bold; padding: 0 18px; }
		
/* Content Style */
#navigation		{ border-bottom: 3px solid #948681; padding-left: 18px; }
#navigation ul	{ padding: 0 18px 9px; }
#extra			{ border-bottom: 3px solid #948681; padding-left: 18px; }
#extra small	{ font-size: 11px; line-height: 18px; }
#content p, #extra p { padding-right: 18px; }
		
/* Content Positioning & Size */
#navigation		{ float: left; width: 200px; }
#content		{ margin-left: 243px; color: #111; padding: 2em; background: #e0dacd; border: 3px solid #948681;}
#content h2		{ color: #414385; }
#content a 		{color: #6f71d4;}
#extra			{ float: left; clear: left; width: 200px; }		/* 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; }



.left {float: left; margin-right: 1em;}
.right {float: right; margin-left: 1em;}

.borderbox {padding:6px; background: #e0dacd; border: 1px solid #948681; margin:7px 7px 7px 0;}
.itembox {padding:6px; height: 196px; background: #e0dacd; border: 1px solid #948681; margin:7px 7px 7px 0;}