html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{padding:5px; text-decoration:none; color:#000000; a:link {color:#FF0000} a:visited {color:#00FF00} a:hover {color:#FF00FF} a:active {color:#0000FF}}
div#header{background-color:#F3F2ED;}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;}
div#header h2{height:20px;line-height:20px;margin:0;padding-left:10px;}
div#container{text-align:left}
div#content p{line-height:1.4}
div#content p2{line-height:1.9}
div#navigation{background:#F6F0E0;}
div#navigation ul{margin:15px 0; padding:0; list-style-type:none;}
div#navigation li{margin-bottom:5px;}
div#extra{background:#CCC8B3;}
div#footer{background:#FFFFFF;}
div#footer p{margin:0;padding:5px 10px}
div#container{width:800px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#navigation{float:left;width:150px;margin-left:-800px}
div#extra{float:left;width:150px;margin-left:-150px}
div#footer{clear:left;width:100%}
<STYLE type="text/css">

A:link
{
    FONT-WEIGHT: bolder;
    TEXT-DECORATION: none
}
A:visited
{
    TEXT-DECORATION: none
}
A:active
{
    FONT-WEIGHT: bolder;
    COLOR: #000080;
    TEXT-DECORATION: underline
}
A:hover
{
    FONT-WEIGHT: bolder;
    COLOR: #000080;
    TEXT-DECORATION: underline
}

</style>

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */