body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontentLeft, #framecontentTop{
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-image: url(images\darkb.jpg);
background-color: #036;
color: white;
}

#framecontentTop{ 
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 90px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-image: url(images\lightb.jpg);
background-color: #07b;
color: white;
}

#maincontent{
position: fixed; 
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
top: 90px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background: #fff;
font:bold 14px/16px verdana;
}

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

* html body{ /*IE6 hack*/
padding: 90px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}

h1 {
font:bold 22px/26px verdana;
}

h2 {
font:bold 18px/24px verdana;
}

h3 {
font:normal 16px/19px verdana;
}

p {
font:normal 12px/14px verdana;
}

a:link {color: #fff; text-decoration: underline; }
a:active {color: #ddd; text-decoration: underline; }
a:visited {color: #aaa; text-decoration: underline; }
a:hover {color: #ffcccc; text-decoration: none; }

#maincontent a:link {color: #07b; text-decoration: underline; }
#maincontent a:active {color: #07b; text-decoration: underline; }
#maincontent a:visited {color: #07b; text-decoration: underline; }
#maincontent a:hover {color: #07b; text-decoration: none; }