body {
   margin: 0;
   padding: 0;
   font-family: "Lucida Grande", Verdana, sans-serif;
   font-size: small;
   text-align: center;
   background-color: #006;
}

#content {
   width: 795px; 
   padding: 5px 5px 5px 5px;
   margin: 0 auto;
   background: #fff;
   border: 5px solid #ffd23f;
   border-top: 0;
   text-align: left; 
}

p {
   font-size: 110%;
}

#footer {
   text-align: center;
   font-size: 85%;
}

h1 {
   font-size: 140%;
   font-family: "Trebuchet MS";
   color: #fff;
   background-color: #006;
   padding: 5px;
}

h2 {
   font-size: 140%;
   font-family: "Trebuchet MS";
   color: #000;
   background-color: #ffd23f;
   padding: 5px;
   margin-top: 1px;
   margin-bottom: 10px;
}

h3 {
   font-size: 120%;
   font-family: "Trebuchet MS";
   color: #006;
   padding: 3px;
}

/* tooltip goodness */

a.tip {
   border-bottom: 1px dashed;
   text-decoration: none;
}

a.tip:hover {
   position: relative;
}

a.tip span {
   display: none;
}

a.tip:hover span {
   display: block;
   position: absolute; top: 10px; left: 0;
   /* start formatting only styles */
   padding: 5px; margin: 10px; z-index: 100;
   border: 1px dotted #006;
   text-decoration: none;
   padding-right: 25px;
   background: #fff url(../zpix/info.jpg) 100% 5% no-repeat;
   width: 540px;
   color: #006;
   /* end formatting */
}

pre {
  border: 1px solid #006;
  background: #ffe;
  font-size: 130%;
}