:root {
  --bg-color:   #86e9ee;
  --hover-color:#5abfc4;
  --body-color: #dbffff;
  }
div.banner {
  height:100px;
  background-color:#000000;
  }
div.top {
  height:100px;
  background:url(/images/moebius_100.png) no-repeat;
  }
div.title {
  position:relative;
  vertical-align:top;
  font:64px Verdana,Arial;
  color:var(--bg-color);
  font-style:italic;
  left:150px;
  top:15px;
  }
body {
  background-color:var(--body-color);
  margin:25px;
  font:11px Verdana,Arial;
  }
.h1 {
  font-size:14px;
  font-weight:bold;
  }

td.tabpict {
  padding:20px;
  padding-bottom:5px;
  border:1px solid var(--bg-color);
  border-bottom-color:var(--body-color);
  }
td.tabtext {
  padding:20px;
  padding-top:5px;
  border:1px solid var(--bg-color);
  border-top-color:var(--body-color);
  text-align:center;
  font-size:14px;
  }
td.plain {
  padding:5px;
  border:1px solid var(--bg-color);
  }

ul.menu {
  list-style:none;
  margin:0;
  padding:0;
  }
ul.menu * {
  margin:0;
  padding:0;
  background:var(--bg-color);
  }
ul.menu a {
  display:block;
  color:#000;
  text-decoration:none;
  }
ul.menu li {
  position:relative;
  float:left;
  margin-right:2px;
  }
ul.menu ul {
  position:absolute;
  top:26px;
  left:0;
  display:none;
  list-style:none;
  }
ul.menu ul li {
  position:relative;
  border:1px
  solid #aaa;
  border-top:none;
  width:148px;
  margin:0;
  }
ul.menu .menulink {
  border:1px solid #aaa;
  padding:5px 7px 7px;
  font-weight:bold;
  background-color:var(--bg-color);
  width:134px;
  }
ul.menu ul li a, ul.menu .sub {
  display:block;
  padding:3px 7px 5px;
  background-color:#86e9ee;
  }
ul.menu ul ul {
  left:148px; top:-1px;
  }
ul.menu .sub {
  background:var(--bg-color) url(/images/arrow.gif) 136px 8px no-repeat;
  }
ul.menu ul li a:hover,
ul.menu .menulink:hover,
ul.menu .sub:hover {
  background-color:var(--hover-color);
  }
ul.menu .topline {
  border-top:1px solid #aaa;
  }