Untitled

<html>
<head></head>
<body>
<style>
#wrapper
{
	width: 800px;
	margin: 0px auto;
}

#menu
{
	width: 100%;
	padding: 15px 15px 15px 15px;
	margin: 15px 15px 15px 15px;
	border: 1px solid black;
}
#content
{
	width: 100%;
	height: 550px;
}
#sidebar
{
	float: right;
	width: 20%;
	border: 1px solid black;
}
#section1
{
	width: 20%;
	border: 1px solid black;
	padding: 10px 10px 10px 10px;
	margin: 15px 15px 15px 15px;
	float: left;
}
#section2
{
	width: 20%;
	border: 1px solid black;
	padding: 10px 10px 10px 10px;
	margin: 15px 15px 15px 15px;
	float: left;
}
#section3
{
	width: 20%;
	border: 1px solid black;
	padding: 10px 10px 10px 10px;
	margin: 15px 15px 15px 15px;
	float: left;
}
#spotlight
{
	width: 100%;
	border: 1px solid black;
	padding: 20px 0px 20px 0px;
}
#sponsor
{
	height: 300px;
	1px solid black;
}
#footer
{
	width: 100%;
	border: 1px solid black;
}
</style>
<div id="wrapper">
<div id="menu">Menu: item | item | item </div>
<div id="content">
	<div id="sidebar">
		<div id="spotlight">Spotlight</div>
		<div id="sponsor">Sponsor</div>
	</div>

	<div id="section1">Section 1</div>
	<div id="section2">Section 2</div>
	<div id="section3">Section 3</div>
</div>
<div id="footer">Footer Info</div>
</div>
</body>
</html>