.outercontainer{ width:810px; margin:auto; background-image:url(../images/bg_white.gif); background-repeat:repeat-y; }

.maincontainer{ width:789px; margin:0 auto;  } 
.header{ clear:left; width:789px; margin:auto;}
.topnav{ clear:left; width:598px; margin-left:auto; margin-right:auto; background-color:#AC363E; margin-bottom:10px; color:#FFFFFF;  padding: 7px 0 7px 191px ;} /* was used for nav bar */
.quoteline{ clear:left; width:789px; margin-left:auto; margin-right:auto; background-color:#AC363E; margin-bottom:10px; color:#FFFFFF;  padding: 7px 0 7px 0 ; text-align:center; }

.wrapper{float:left; width:100%; background-image:url(../images/bg_faux.gif); background-repeat:repeat-y; display:table-cell;  } /* this kicks everything to the left 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:810px;}
.footer{ clear:left; width:800px; margin:auto; text-align:center; background-color:#949494; color: #ffffff; padding:3px 0 3px 10px; text-align:center; margin-left:-10px}