/*Header and Side Bar fixed with scrolling content*/
        body{
            margin:0;
            background-color: white;
        }
/*        div#header{
            position: fixed;
            top:0;
            left:0;
            width:100%;
            height:130px;
            background-color: #FFFFEA;
            color: #000000;
            border-bottom: 2px solid #cccccc;
        }
*/        div#left-sidebar{
            position: fixed;
            top:0;
            left:0;
            width:19%; /* Set to 20% to be responsive */
            bottom: 0.05em; /*Set bottom value to HeightOfBottomFrameDiv*/
            overflow: auto;
            background-color: #FFFFEA;
            color: #000000;
            padding: 1em 0.3em 0 0.3em;
            z-index:-1;
         }
        div#content{
            position: absolute; 
            top: 0; /*Set top value to HeightOfTopFrameDiv*/
            left: 20%;  /* Set to 22% to be responsive */
            right: 0;
            bottom: 0.05em; /*Set bottom value to HeightOfBottomFrameDiv*/
            overflow: auto;
            background-color: #FFFFFF;
            color: #000000;
            border-left : 0.1em solid #cccccc;
        }

@media screen{
         body>html body{
            overflow:hidden;
        }}
        * body>div#left-sidebar{
            height:100%;
            overflow:auto;
         }
        * html div#content{
            height:100%;
            overflow:auto;
        }