BODY {  
       margin: 0;
       padding: 0;
       background-color: black; 
       color: #ffff99; 
       font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;  
       font-size: medium;
       font-weight: bold;
       word-spacing: 0.1em;
       margin: 0;
       padding: 0;
}
H1 { 
      font-size: xx-large;
      padding-top: 0.8em; 
      padding-right: 2.5em;
      padding-bottom: 0.5em;
      padding-left: 2.5em;
}
H2 { 
     font-size: x-large;
     padding-top: 1em; 
     padding-right: 2.5em;
     padding-left: 2.5em;
}
H3 { 
      font-size: large;
      padding-top: 1em; 
      padding-right: 2.5em;
      padding-left: 2.5em;
}
P  { 
     font-size: medium; 
     line-height: 1.5em;
     padding-top: 0em; 
     padding-right: 10em;
     padding-bottom: 1em;
     padding-left: 7em;
}

#links ul {
     margin-left: 10px;
     padding: 10px 10px 0px 0px;
}

#links li {
   display: inline;
   background-color: #ffff99;  
!--color of square bullet in front of link
}

#links a   {
     font-size: large;      
     text-decoration: none; 
     padding-left: 0.5em;
     padding-right: 1.5em;
     margin-left: 1em;
}
#links a:link    {
     color: #FF8080; 
     background-color: black; 
}
#links a:visited {
     color: #FF8080;
     background-color: black;
}
#links a:hover   {      
     background-color: #FF8080;
     color: black; 
!--padding animates or moves text to the right
     padding-left: 0.5em;
     padding-right: 1.5em;
     margin-left: 2em;
}
#links a:active  {      
!-- active = clicked on link
     color: black; 
     background-color: white;      
}
</STYLE>