< body >
< div id="outer" >
   < div id="header" >
      < h2 >Header< /h2 >
   < /div >
   < div id="main" >
      < h2 >Content< /h2 >
   < /div >
   < div id="footer" >
      < h2 >Footer< /h2 >
   < /div >
< /div >
< /body >

< style type="text/css" >

body {
background-color: #698db6;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#outer {
width: 80%;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

div#header {
padding: 15px;
margin: 0px;
text-align: center;
}

div#main {
padding: 10px;
margin-top: 1px;
text-align: center;
}

div#footer {
padding: 15px;
margin: 0px;
text-align: center;
}

< /style >