.maincontainer{ width:789px; margin:0 auto;} 
.header{ clear:left; width:789px; margin:auto;}

.wrapper{float:left; width:100%; background-image:url(../images/bg_faux.gif); background-repeat:repeat-y; } /* this kicks everything to the right of it except content, which is inside it. */

 /* for Internet Explorer 6 min-height hack*/
/*\*/
* html .centrecontent {
height: 520px;
}
/**/
.centrecontent{margin: 0 160px; min-height:520px;}
.sidebar{float:left; width:140px; margin-left:-789px; padding-right:10px;}
.submenu{ float:left; width:140px; margin-left:-160px; padding-left:10px;}
.clearer{ margin:5px 0; clear:both; line-height:0px; font-size:xx-small; width:789px;}
.footer{ clear:left; width:789px; margin:auto; text-align:center; background-color:#ECEBEE; color: #666666; padding:3px 0; text-align:center;}