body {background: black url(lightning-bg.jpg) 0 0 no-repeat fixed; margin: 0; padding: 0;}

div#links {position: fixed; top: 110px; left: 0; width: 166px; height: 700px; font: 10px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: right; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}
div#links #showing {display: block; text-align: right; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: red; background: #444;
   border-right: 5px solid red;}
 
body {background: black url(lightning-bg.jpg) 0 0 no-repeat fixed;}
div#links a {background: transparent url(lightning-fade.jpg) 0 0 no-repeat fixed;}
div#links p#showing {background: transparent url(lightning-fade.jpg) 0 0 no-repeat fixed;}
div#links a:hover {background: transparent url(lightning-wash.jpg) 0 0 no-repeat fixed;}
div#links a span {display: none;}

div#links a:hover span {display: block;
   position: absolute; top: 300px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black; border: solid 1px yellow;
   font: 10px Verdana, sans-serif; text-align: center;}

div#content {position: absolute; top: 25px; left: 161px; right: 0px;
   color: #BAA; background: #22232F; 
   font: 13px Verdana, sans-serif; padding: 10px; 
   border: solid 5px #444;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#content table tr td p{margin: 0 1em 1em; color:#BAA}

h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: #333; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
h2 {margin: 0.5em 0em 0.5em; padding: 10px 5px 2px; text-align: left; background: #333; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 12px sans-serif; height: 14px; vertical-align: middle; white-space: nowrap;}
h5 {margin: 0.5em 0em 0.5em; padding: 10px 0 2px; text-align: right; background: #333; color: #667; letter-spacing: 0.5em; text-transform: lowercase; font: bold 12px sans-serif; height: 14px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: white;}
div#content a:visited {color: #BBC;}
div#content a:link:hover {color: #FF0;}
div#content a:visited:hover {color: #CC0;}
code, pre {color: #EDC; font: 110% monospace;}

span#right {float:right; width: 30%;
  color: #BAA; background: #22232F; 
  padding: 5px;
  margin: 0 0 1em 1em; 
  border: solid 1px #444;}

span#contright {float:left; width: 20em;
  color: #BAA; background: #22232F; 
  padding: 5px;
  margin: 0 0 1em 1em; 
  border: solid 1px #444;}

span#pix {float:right; width: 130px;
  padding: 5px;
  margin: 0 0 1em 1em; 
  border: solid 1px #444;}

span#pix200 {float:right; width: 200px;
  padding: 5px;
  margin: 0 0 1em 1em; 
  border: solid 1px #444;}

span#pix300 {float:right; width: 300px;
  padding: 5px;
  margin: 0 0 1em 1em; 
  border: solid 1px #444;}