body {
  margin-top: 16px;
  padding: 0;
  background-color: #ddd;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: black;
  cursor: default;
}
a {
  text-decoration: none;
  color: black;
}
img {
  border:0;
}
#wrapper {
  width: 75%;
  padding: 8px;
  margin-right: auto;
  margin-left: auto;
  background-color: #eee;
  border: 4px double black;
}
span.poptip { 
display:none; background-color:#ffffcc;
 }
a:hover span.poptip {
  display:block;
  position:fixed;
  margin-left:259px;
  margin-top:-37px;
  width:100px;
  text-align:center;
  padding: 2px;
  border: 2px gray;
  border-radius: 8px;
  border-style: outset;
}
#menu {
  float: left;
  width: 130px;
  border-left: 2px solid navy;
  border-right: 2px solid navy;
  background-color: #eee;
  font-weight: bold;
  font-size: 12px;
  margin-left: 4px;
  margin-top: 20px;
}
#menu ul {
  list-style: none;
  margin: 0;
  padding: 0; 
  border-top: 1px solid navy;
}
#menu li {
  background-color: #eee;
  border-bottom: 1px solid navy;
}
#menu li a {
  display: block;
  padding: 5px 10px 5px 0.5em;
  background-color: #f6f6f6;
  color: navy;
  border: 2px solid #f6f6f6;
}
#menu li a:hover {
  display: block;
  padding: 5px 10px 5px 0.5em;
  background-color: #3cf;
  color: #fff;
  border: 2px;
  border-style: outset;
}
#content {
  margin-left: 150px;
  margin-right: 2px;
  padding: 4px;
  border-left: 2px dotted #3cf;
  background-color: #eee;  
}