*{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  margin:0px;
  padding:0px;
}
BODY{
  font-family:Verdana;
  font-size:85%;
  background:#6f4b3e;
}
BODY>#header{
  background:#d9d0ac;
  color:#908052;
  padding:90px 0px 0px 15%;
}
BODY>#header H1{
  font-size:27px;
  font-family:"Century Gothic";
  font-weight:normal;
  line-height:50px;
}
BODY>#header #update{
  font-size:x-small;
  margin-top:-2em;
  height:2em;
  text-align:right;
}
A{
  color:#6f4b3e;
}
A:hover{
  color:#d9d0ac;
}
#indexmenu LI{
  list-style:none;
  padding:11px 0px 11px 15%;
  letter-spacing:1px;
  font-size:12px;
  font-family:"Century Gothic";
}
#indexmenu A{
  text-decoration:none;
  color:#ffffff;
  line-height:19px;
  border-left:1px dotted #ffffff;
  padding:0px 0px 0px 11px;
}
#indexmenu A:hover{
  text-decoration:underline;
}
#a1{
  background:#908052;
}
#a2{
  background:#bb5520;
}
#a3{
  background:#c8a848;
}
#a4{
  background:#e17b34;
}
#a5{
  background:#6f4b3e;
}
#footer{
  font-size:xx-small;
  text-align:right;
  color:#ffffff;
  letter-spacing:1px;
}
#footer *{
  color:#d9d0ac;
  text-decoration:none;
}
#page>#note>H1{
  font-size:27px;
  font-family:"Century Gothic";
  font-weight:normal;
  background:#d9d0ac;
  color:#908052;
  padding:90px 0px 0px 15%;
  line-height:50px;
}
#page #note{
  color:#d9d0ac;
}
.text{
  line-height:1.5em;
  padding:30px;
  margin-left:19%;
  border-left:1px dotted #d9d0ac;
}
#note P{
  margin:1em 0em 1em 0em;
}
#note LI{
  margin:0em 0em 0em 2em;
}
#note A{
  color:#ffffff;
}
#note A:hover{
  color:#e17b34;
}
#note PRE{
  margin:1.3em 0em 1.3em 0em;
  padding:1em;
  color:#222222;
  background:#d9d0ac;
}