
body{
margin: 0;
padding: 0;
border: 0;
height: 100%;
max-height: 100%;
color: black;
}


#framecontentLeft, #framecontentRight{
position: absolute;
top: 0;
left: 0;
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #91b1d7;
color: white;
}

#framecontentRight{
left: auto;
right: 0;
width: 240px; /*Width of right frame div*/
color: white;
}

#maincontent{
position: fixed;
top: 0;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 240px;
bottom: 0;
overflow: auto;
overflow-x: hidden;
background-color: white;
color: black;
}

#tbuttons {
width: 180px ;
text-align: center ;
}
#tbuttons ul {
margin: 0 ;
padding: 0 ;
list-style: none ;
}
#tbuttons li {
margin: 0 ;
padding: 0 ;
display: block ;
list-style: none ;
font-family: Arial, Helvetica, sans-serif ;
}
#tbuttons li a {
color: #ff0 ;
padding: 10 ;
background-color: #ff3333 ;
border: 3px outset #ff0000 ;
width: 180px ;
text-decoration: none ;
display: block ;
}
#tbuttons li a:hover {
color: #000 ;
background-color: #c8c8ff ;
}


.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 150px 0 10px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}

</style>
</head>

