*{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  scrollbar-arrow-color:#e0ebaf;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-base-color:#ffffff;
  scrollbar-shadow-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-track-color:#e0ebaf;
  overflow:auto;
}
BODY{
  font-size:small;
  font-family:Verdana;
  color:#383c3c;
  margin:0px;
}
A{
  color:#2b2b2b;
}
A:HOVER{
  color:#cccccc;
}
#title{
  position:absolute;
  top:75%;
  left:0px;
  width:100%;
  height:43px;
  color:#316745;
  background:#e0ebaf;
  text-align:right;
  overflow:hidden;
}
H1,
H2{
  float:right;
  font-size:70px;
  font-family:"Century Gothic";
  font-weight:normal;
  text-align:center;
  letter-spacing:10px;
  line-height:43px;
  height:43px;
  margin:0px;
  padding:0 50px 0 10px;
  overflow:hidden;
}
#writer,
#subtitle{
  font-size:10px;
  padding:20px 0 0 0px;
}
#menu{
  position:absolute;
  top:0px;
  left:100px;
  width:130px;
  overflow:hidden;
  padding:0 0 30 0px;
}
#menu LI{
  padding:30 0 0 0px;
}
#menu LI A{
  display:block;
  color:#316745;
  background:#e0ebaf;
  font-size:20px;
  font-family:"Lucida Sans Unicode";
  text-decoration:none;
  letter-spacing:1px;
  padding:1 0 6 0px;
  line-height:12px;
  height:15px;
  overflow:hidden;
  border-bottom:3px double #e0ebaf;
}
#menu LI A:HOVER{
  color:#ffffff;
  background:#316745;
  border-bottom:3px double #316745;
}
#update,
#copy{
  font-size:40px;
  font-family:"Century Gothic";
  font-weight:normal;
  text-align:right;
  letter-spacing:3px;
  color:#e0ebaf;
  margin:0px;
}
#copy A{
  color:#e0ebaf;
  text-decoration:none;
}
#page{
  margin:0px;
}
#page #title{
  top:70px;
}
#note{
  border-left:50px solid #316745;
  padding:150 30 30 30px;
  margin:0 30px 0 19%;
  overflow:auto;
  height:100%;
  line-height:1.5em;
  color:#726d40;
}