BODY {margin-left:7px; margin-right:7px; background-image:url(https://marshallclassreunion.com/bkgrnd.jpg)}


A:link {color: blue;}
A:visited {color:blue;}
A:active {background: #ff99ff; text-decoration: none; color: red;}
A:hover {background: #ff99ff; color:#ff0066;}



#h1 {text-align:center; line-height: 180%;
     color: black;
     font-family: Georgia, Baskerville, serif; font-size: 24pt; font-weight:bold; }



#h2 {text-align:center; 
     line-height:120%;
     color: black; 
     font-family: Georgia, Baskerville, serif; font-size: 20pt; font-weight:bold; }


.h3 { margin-left:25px; margin-right:85px;
     line-height:135%;
     color: black;  
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; font-size: 20pt; font-weight:bold; }



.h4 {margin-left:50px; margin-right:25px;
     line-height:125%;
     color: black; 
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; font-size: 18pt; font-weight:bold; }


#button {position:absolute; right:6%; top:30%;" /
 color: #336633; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 20pt; font-weight: bold; }


#button2 {position:relative; right:3%; top:10%;" /
 color: #336633; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 20pt; font-weight: bold; }


#infotext {margin-left:50px; line-height:125%;
 color: black;  font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 14pt; }



.fiction {margin-left:45px; margin-right:85px; line-height:135%;
 color: black;  font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 16pt; font-weight:bold; }



#microspace { color: black; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif;
 font-size: 12pt;  }



#sideholder { width: 210px;
 float: left; }



ul{
  width: 520px;
  background-color: #66cccc;
  margin-bottom:20px;
  overflow:hidden;
 }


li{
  line-height:1.5em;
  border-bottom:1px solid #ccc;
  float:left;
  display:inline;
}

#double li  { width:50%;} /* 2 col */
#triple li  { width:33.333%; } /* 3 col */
#quad li    { width:25%; } /* 4 col */
#six li     { width:16.666%; } /* 6 col */


#colright
  { width: 250px; 
    float: right;
    background-color: #66cccc;
    padding: 8px; 8px; 10px; 8px;
    font-family "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 12pt; }



.links { line-height: 180%;
 color: #333300; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 16pt; font-weight: bold;  }



#pbutton
  {float:right; margin-right: 150px; font-weight: bold; }



#subhead1 {margin-left:50; line-height:120%;
 color: #660000; font-family: Georgia, Baskerville, serif; 
 font-size: 14pt; font-weight: bold;  }



.subhead2 {line-height: 150%;
 color: #336633; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 18pt; font-weight: bold; }



.subhead3
{margin-left:100;
color: #336633; font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; 
 font-size: 18pt; font-weight: bold; }



.foot { text-align:center; line-height: 180%;
      color: #black; 
      font-family: Georgia, Baskerville, serif; font-size: 14pt; font-weight:bold; }



.foot2 {position:absolute; left:400px; bottom:120px;
     color: #993300; 
     font-family: "Trebuchet MS", "Lucida Sans Unicode", Lucida, Arial, sans-serif; font-size: 14pt;  } 

 

<!--alt="whatever instead of IMG"  style="position:absolute;left:50%; top:100%;" />
first h1 color: 40C060; 2nd #0099CC -->