body, p, ul {
   font-family: Arial, Helvetica, sans-serif;
   font-size: x-small;
   color: #eeeeee;
   background: #334488;
   }

h1, h2, h3, h4, p.navbar {
   display: block;
   width: 100%;
   padding: 5px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   color: #eeeeee;
   background-color: #5577aa;
   text-transform: lowercase;
   letter-spacing: 0.1em;

   border: none;
   border-top: 3px solid #7799cc;
   border-left: 3px solid #7799cc;
   border-bottom: 3px solid #335588;
   border-right: 3px solid #335588;
   }

h1 {
   font-size: 240%;
   padding: 10px;
   text-align: center;
   letter-spacing: 0.25em;
   }

h2 { font-size: 180%; }
h3 { font-size: 140%; }
h4 { font-size: 120%; }

p.navbar {
   text-align: center;
   white-space: nowrap;
   }

address {
   font-family: Arial, Helvetica, sans-serif;
   font-size: x-small;
   font-style: normal;
   color: #eeeeee;
   }

pre, code {
   font-family: "Lucida Console", "Courier New", monospace;
   font-style: normal;
   font-size: 9pt;
   }

pre {
   border: none;
   display: block;
   width: 100%;
   whitespace: pre;
   padding: 10px;
   color: #000000;
   background: #8899bb;
   }

pre, img {
   border-top: 3px solid #112266;
   border-left: 3px solid #112266;
   border-bottom: 3px solid #5566aa;
   border-right: 3px solid #445599;
   }

a {
   color: #aaddff;
   text-decoration: none;
   }

a:hover, a:active {
   color: #cceeff;
   text-decoration: underline;
   }

a img {
   border-color: #99ccff;
   }

a:hover img, a:active img {
   border-color: #cceeff;
   }