body{background:navy; max-width:1000px;color: white; font-family: arial, tahoma, serif;}
#home{position:relative; z-index:1;}
div{max-width:1000px; margin-left:2em;margin-right:2em;}
a:link{color: cyan;}
a:active{color:red;}
a:visited{color:#FF00FF;} /* FF00FF is the color code for magenta */
img{border:0; margin: 10px;}
.centeredimage{margin-left:16%; margin-right:15%;}
.centeredimage2{display:block; margin-left:auto; margin-right: auto;} 
.centeredparagraph{text-align:center; margin-left:auto; margin-right: auto;}
.centeredtable{margin-left:auto;margin-right:auto; text-align:center;}

h1{color:yellow; text-align: center;}
h2{background-color:black; color:yellow; text-align: center;}
hr { height:6px; 
        border:0px; 
        border-top:10px solid #F1A629; }
        
 #sigtitle{background:transparent;position: relative;top:-4em;}  
 #toptitle{position:relative;}
 #secondtitle{width:15em;position: relative; top:-1em; margin-left: auto; margin-right: auto;}   
 #home{position: absolute; top:3.5em;}
 #rest{position:relative;top:-4em;}
 
 
 .thumb{border: 2px aqua;} /** I've under-utilized this - it puts an active border around thumbnail images**/
  
.toplink{margin-left:2em; margin-right:2em;white-space:nowrap;}
#contents{background-color:transparent; text-align: center; }

#page{background-color:transparent;}
.thumb{border: 4px cyan;}
.firstlink{margin-left:10em;margin-right:5em;}
.secondlink{margin-left:5em;margin-right:10em;}