html{
  height: 100%;
  margin: auto;
  width: 90%;
  overflow: hidden;
}

body {overflow: scroll;}

div.full {width:100%;height:100%;overflow:scroll;}
div.title {width:100%;height:10%;text-align:center;background-color:rgb(255,250,200);position:absolute;left:0%;top:0%;font-size:2em;font-weight:bold;}
div.NOtitle {width:100%;height:90%;background-color:rgb(250,200,0);position:absolute;left:0%;top:10%;}
div.header {width:100%;height:5%;background-color:rgb(250,200,0);position:absolute;left:0%;top:0%;}
div.option {width:100%;height:85%;background-color:rgb(255,255,255);position:absolute;left:0%;top:10%;overflow:scroll;}
div.option2 {width:95%;height:85%;background-color:rgb(255,255,255);position:absolute;left:5%;top:10%;overflow:scroll;}
div.optionlang {width:100%;height:95%;background-color:rgb(255,255,255);position:absolute;left:0%;top:5%;overflow:scroll;}
div.optionexp {width:100%;height:85%;background-color:rgb(255,255,255);position:absolute;left:0%;top:10%;overflow:scroll;}
div.foot {width:100%;height:5%;background-color:rgb(255,250,200);position:absolute;left:0%;bottom:5%;}
div.HorMenu {width:10%;height:100%;background-color:rgb(255,200,100);position:absolute;left:0%;top:0%;overflow:scroll;}
div.HorBody {width:90%;height:100%;background-color:rgb(255,250,240);position:absolute;left:10%;top:0%;}

div.Cimg{text-align:center;}

/* Getting millenial */
@media screen and (min-width:100px){
 div.full, div.title, div.header, div.option, div.foot {width:100%;font-size:0.8em;overflow:scroll;}
}

@media screen and (min-width:1000px){
 div.full, div.title, div.header, div.option, div.foot {width:100%;font-size:1em;overflow:scroll;}
}

/** Text **/

H1 {color: rgb(255,200,0);font-weight:bold;font-size:2em;} 
H2 {color: rgb(255,200,0);font-weight:bold;font-size:1.5em;} 
H3 {color: rgb(255,200,0);} 

E {color: rgb(128,255,0);font-weight:bold;}

a.lh:link {color:rgb(255,64,0);text-decoration:none;}
a.lh:visited {text-decoration:none;color:rgb(255,64,0);}
a.lh:hover {text-decoration:none;color:rgb(255,64,0);font-weight:bold;}
a.lh:active {text-decoration:none;color:rgb(255,64,0);}

a.lb:link {color:rgb(255,200,0);text-decoration:none;}
a.lb:visited {text-decoration:none;color:rgb(255,200,0);}
a.lb:hover {text-decoration:none;color:rgb(255,200,0);font-weight:bold;}
a.lb:active {text-decoration:none;color:rgb(255,200,0);}

a.le:link {color:rgb(255,64,20);text-decoration:none;}
a.le:visited {text-decoration:none;color:rgb(255,64,20);}
a.le:hover {text-decoration:none;color:rgb(255,64,20);font-weight:bold;}
a.le:active {text-decoration:none;color:rgb(255,64,20);}