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

#sidebar {
        float: left;
        width: 280px;
}

#sidebar ul {
        margin: 0;
        padding: 0 0 20px 0;
        list-style: none;
}

#sidebar li {
}

#sidebar li ul {
        padding: 0px 21px 20px 10px;
}

#sidebar li li {
        border-bottom: 1px dotted #363B3F;
        background: url(../images/img03.gif) no-repeat 0px 40%;
        padding: 0 0 10px 15px;
}

#sidebar h2 {
        margin: 0;
        height: 35px;
        padding: 8px 0px 10px 13px;
        background: url(../images/img02.jpg) repeat-x left top;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 18px;
        color: #ffffff;
}

#sidebar h2 a {
color: #ffffff;
}

#sidebar a {
}

#sidebar a:hover {
        text-decoration: none;
}



#framecontent{
position: absolute;
top: 0;
bottom: 0; 
left: 0;
width: 280px; /*Width of frame div*/
height: 100%;
overflow: visible; /*Disable scrollbars. Set to "scroll" to enable*/
backgRound: #000000;
color: white;
}

#maincontent{
position: fixed;
top: 0; 
left: 280px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto; 
background: #000000;
}

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

* html body{ /*IE6 hack*/
padding: 0 0 0 280px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}

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

