
html,body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%;
background-color:#ffffff;
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 190px; /*Height of frame div*/
    overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
    background-color: white;
    color: white;
}


#contents {
    position: fixed;
    top: 190px; /*Set top value to HeightOfFrameDiv*/
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    background-color: #bbb;
}


* html body{ /*IE6 hack*/
padding: 76px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #contents{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}


#raWrapper{background:transparent;border:none;bottom:0;display:block;height:auto;position:absolute;top:0;width:100%}
* html #raWrapper{background:transparent;border:none;bottom:0;display:block;height:auto;position:relative;top:0;width:100%}


#raLeftFrame{display:block;float:left;position:relative;width:200px;height:100%;background:#f1f1f1;overflow:hidden;z-index:1;margin:0 4px 0 0;padding:0}
* html #raLeftFrame{margin-right:1px}
#raSplitter{width:4px;position:absolute;display:block;cursor:e-resize;left:200px;height:100%;z-index:11;background-position:center;background-repeat:no-repeat;background-color:#bbb;vertical-align:middle;margin:0;padding:0}
#raSplitterGrippy{position:absolute;top:50%;background:url('images/gripper.gif');width:5px;height:20px;}
#raRight{overflow:hidden;height:100%;border:0 none;background:#fff;position:relative;z-index:10;margin:0;padding:0}

