* { padding: 0; margin: 0; }

p { margin: 7px 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
}

#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #0000CC;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background:#0000CC;
}

#navigation {
float: left;
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #0000CC;
 margin: 0px 0px 0px 0px;
 background:#FFFFCC;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color:#333;
	text-decoration: none;
	border-right: 1px solid#0000CC;
}

#navigation li a:hover { background:#999999; }

#leftcolumn { 
 color: #FFFF00;
 border: 1px solid #0000CC;
 background:#0099CC;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1000px;
 width: 186px;
 float: left;
}

#content { 
 float: left;
 color: #333;
 border: 1px solid #0000CC;
 background:#FFFFCC;
 margin: 0px 0px 0px 0px; /*top,right,bottom,left*/
 padding: 10px;
 height: 1000px;
 overflow:scroll;
 width: 542px;
 display: inline;
}

#content h1 {
	border-width: 10px;
	border-style: groove;
	border-color: #0000FF;
	color: #FFFF00;
	background-color: #FF6666;
	font: bold 30px "Times New Roman", serif;
}

#content ul li { 

margin: 0px 0px 0px 10px;
}

#content ol li { 

margin: 0px 0px 0px 20px;
}

#rightcolumn { 
 color: #FFFF00;
 border: 1px solid #0000CC;
 background:#0099CC;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 1000px;
 width: 126px;
 float: left;
}

#footer { 
 width: 900px;
 clear: both;
 color: #333;
 border: 1px solid #0000CC;
 background-color:#FFFFCC;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
