body,html{width:100%;height:100%;padding:0;margin:0;}
#main{
   background-color:#FEFAA0;
   float: left;
   width: 78%;
   min-height: 500px;
   padding-left: 0%;
   padding-right: 0%;
   /* position: absolute; */
   top:100px;
   /*bottom: 38px;
   right: 0;
   left:200px;*/
   /*display:inline;*/
   padding-bottom: 500em; /* To get the same heignt for main and sidebar */
   margin-bottom: -500em; /* To get the same heignt for main and sidebar */
  
}
#sidebar{
   background-color:#D4D4D4;
   /* width:200px; */
   width: 20%;
   min-height: 500px;
   float: left;
   /* position: absolute; */
   top:100px;
   /* bottom: 38px; */
   overflow: hidden;
   /* display:inline; */
   padding-bottom: 500em; /* To get the same heignt for main and sidebar */
   margin-bottom: -500em; /* To get the same heignt for main and sidebar */
}

/*
#header{
    background-color: wheat;
    width:100%;
    height: 100px;
}
*/

#dragbar{
   background-color:black;
   height:100%;
   float: right;
   width: 3px;
   cursor: col-resize;
   padding-bottom: 500em; /* To get the same heignt for main and sidebar */
   margin-bottom: -500em; /* To get the same heignt for main and sidebar */

}