* {
 margin:0;
 padding:0;
 }

html, body {
 height: 100%;
 width: 100%;
 background:#CC0000;
 color: #000;
 margin:0;
 padding:0;
 }

body {
 text-decoration:none;
 font: 100% serif; /* just some defaults - should be customized */
 font-family:verdana;
 font-size:12px;
 line-height:16px;
 margin: 0;
 padding: 0;
 }

html>body {
 font-size: 12px; /* for modern browsers that can resize px */
 }

#borders {
 text-align:center;
 height: 100%;
 width: 100%;
 margin: 0;
 padding: 0;
 }

#wrap {
 position: relative;
 text-align:left;
 height: 100%;
 width: 1000px;
 margin: 0;
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 }

#header {
 width:auto;
 height:80px;
 background:#cc0000;
 margin: 0;
 padding: 0;
 }

#menu {
 background:#FF7D00;
 height:20px;
 line-height:20px;
 margin:0;
 padding:0;
 padding-left:5;
 }

#precontent {
 width: auto;
 margin:0;
 background:#FFC;
 clear:both;
 height:5px;
 }

#content {
 height: auto;
 width: auto;
 background:#FFC;
 min-height: 100%; /* for modern browsers, to push the footer down */
 margin:0;
 padding:10px;
 }

#content:after { /* this will keep the floats contained, for modern browsers */
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
    }

#footer {
 width:100%;
 margin:0;
 padding:0;
 background:#FFFFCC;
 color:#CC0000;
 clear:both;
 font-size:10px;
 text-align:center;
 }