rendered paste body<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
body {
background: #AACFE2;
color: #333;
margin: 0px;
padding: 0px;
text-align: center;
}
#header {
background: #9DC9E2;
text-align: left;
}
#wrapper{
width:760px;
margin-left: auto;
margin-right: auto;
background: #fff;
}
#header form{float:right;}
#contents{text-align:left; margin:5px;}
#pipe{text-align:center;clear: both;}
#pipe ul {
margin-left: 0;
padding-left: 0;
display: inline;
}
#pipe ul li {
margin-left: 0;
padding: 3px 15px;
border-left: 1px solid #000;
list-style: none;
display: inline;
}
#pipe ul li.first {border-left: none;}
#divone { background-color: #900; float: left; width: 33%; }
#divtwo { background-color: #0f0; float: right; width: 33%; }
#divthree { background-color:#ff6600; margin: 0 33%; }
#footer{background: #EFF4FA;}
.hide{text-indent: -9999px;}
</style>
</head>
<body class="home">
<div id="wrapper">
<div id="header">
<h1>#header</h1>
<p class="hide">Skip Navagation</p>
</div>
<div id="contents">
<div id="divone">
<h2>#divone</h2>
</div>
<div id="divtwo">
<h2>#divtwo</h2>
</div>
<div id="divthree">
<h2>#divthree</h2>
</div>
<div id="pipe">
<ul>
<li class="first">Legal</li>
<li>Accessablity</li>
<li>Site map</li>
</ul>
</div>
</div>
<div id="footer">
<p>#footer</p>
</div>
</div>
</body>
</html>