body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
background: #f8f8ff;
}
#toppanel{
position: fixed;
top: 0;
left: 0;
width: 100%; /*Width of frame div*/
height: 20%;
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
background: #f8f8ff;
color: white;
}
#leftpanel{
position: absolute;
top:20%;
left: 0;
width: 200px; /*Width of frame div*/
height: 550px;
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
//background: blue;
color: navy;
text-align: right;       
}
#centerpanel{
position: absolute;
top: 20%;
left:200px; /*Set left value to WidthOfFrameDiv*/
width: 505px;
overflow: auto;
height: 550px;
//background: #fff;
}
#rightpanel{
position: absolute;
top:20%;
left: 705px;
width: 500px; /*Width of frame div*/
height: 550px;
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
//background: green;
color: white;
}
#bottompanel{
position: absolute;
top:700px;
left: 0;
width: 100%; /*Width of frame div*/
height: 100%;
overflow: auto; /*Disable scrollbars. Set to "scroll" to enable*/
background: gray;
color: white;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}