div.main-box {
position:relative;
text-align:left;
overflow:hidden;
width:99%;
background:#E0C060;
border:solid 5px black;
}
div.top-box {
background:#E0C060;
border-bottom:solid 5px black;
}
div.bottom-box {
background:#E0C060;
border-top:solid 5px black;
}
div.center-box {
position:relative;
width:100%;
left:20%;
background:#E0C060;
border-left:solid 5px black;
}
div.reset-box {
position:relative;
width:100%;
left:100%;
margin-left:-18%;
} 
div.right-box {
position:relative;
width:100%;
margin-left:-150px;
left:-20px;
background:#E0C060;
border-left:solid 5px black;
}
div.content-box {
position:relative;
width:100%;
margin-left:-100%;
left:150px;
}
div.left-col {
float:left;
width:20%;
}
div.right-col {
float:right;
width:150px;
}
div.center-col {
margin-left:20%;
margin-right:150px;
padding-left:20px;
padding-right:20px;
}
* html div.center-col {
height:1%;
margin:0px;
}
* html div.left-col {
margin-right:-3px;
}
* html div.right-col {
margin-left:-3px;
}
.clearfix:after {
content: "."; 
display: block;
height: 0px;
clear: both; 
visibility: hidden;
}
.heightfix:before {
content:'.';
display:block;
visibility:hidden;
height:0;
}