*{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -ms-box-sizing:border-box;
  margin:0px;
  padding:0px;
}
HTML,
BODY{
  height:100%;
}
BODY{
  font-family:Verdana;
  background:url(sky.jpg) fixed;
  color:#666666;
  font-size:small;
}
A{
  color:#000000;
}
A:hover{
  color:#00608d;
}
#index{
  margin:10px 0px 0px 10px;
}
#index .lay{
  clear:both;
  height:170px;
}
#index #header,
.box{
  filter:alpha(opacity=70);
  opacity:.70;
  width:150px;
  height:150px;
  margin:10px;
  padding:19px;
  float:left;
  background:#ffffff;
}
#index #header *{
  color:#666666;
  font-size:x-small;
  text-decoration:none;
}
#index #update{
  color:#999999;
}
#index #header H1{
  font-family:"Lucida Sans Unicode";
  font-size:15px;
  color:#666666;
}
#index H2{
  font-size:x-small;
  letter-spacing:1px;
  margin-bottom:0.8em;
  border-bottom:1px dotted #666666;
}

BODY#page{
  padding:10% 0px 10% 0px;
}
#page #note{
  filter:alpha(opacity=80);
  opacity:.80;
  background:#ffffff;
  padding:10px;
  min-height:100%;
  height:auto !important;
  height:100%;
}
#page H1{
  font-family:"Lucida Sans Unicode";
  display:block;
  color:#666666;
  width:110px;
  height:110px;
  margin:-10px 10px 10px -10px;
  padding:10px;
  font-size:19px;
  background:#ffffff;
  border:1px inset #666666;
  float:left;
}
#note P{
  margin:1em 0em 1em 0em;
}
#note LI{
  margin:0em 0em 0em 2em;
}
PRE{
  font-size:small;
}