/*
** Adapted from http://www.cssplay.co.uk/layouts/body4.html
*/

html
{
   height: 100%; /* for IE */
   max-height: 100%; /* for other browsers */
   padding: 0;
   margin: 0;
   border: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background: #fff; /* only in IE */
   background-image: url(images/green.png);
   background-repeat: repeat;
   background-attachment: fixed;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
body
{
   height: 100%; /* for IE */
   max-height: 100%; /* for other browsers */
   overflow: hidden;
   padding: 0;
   margin: 0;
   border: 0;
}
#head
{
   z-index: 5;
   display: block;
   background: url(images/menu.gif) repeat-x fixed;
   margin: 0px;
   width: 100%;
   color: #000;
   border-bottom: 0px solid black;
   position: absolute;
   top: 0px;
   height: 30px;
   min-width: 600px;
   overflow: hidden;
   right: 0px;
   padding:5px 0px;
}
#left
{
   z-index:4; 
   position:absolute; 
   left:0; 
   top:30px; 
   bottom:0px; 
   width:150px; 
   overflow:auto;
   padding:1em 0px;
}
* html #left
{
   height:100%; 
   top:0px; 
   bottom:0px; 
   border-top:30px solid #fff; 
   background: url(images/green.png) repeat fixed;
}
#content
{
   z-index: 3;
   overflow: auto;
   position: absolute;
   top: 30px;
   right: 0px;
   bottom:0px;
   left:150px; /*left width*/
}
* html #content
{
   z-index:3;
   top:0px;
   left:0px;
   right:0px;
   bottom:0px;
   height:100%;
   max-height:100%;
   width: 100%;
   overflow:auto;
   position:absolute;
   border-top:30px solid #fff;
   border-left:150px solid #fff; /*left width*/
}