body {background: #000000;
      color: #ffffe0;
	  margin: 0; 
	  border: solid 10px black;
	 }
	 
a:link {
    display: block;
	background: #ffffe0; 
	color: #000000;
	border: solid 2px #660033;
	font: bold .7em Arial, Helvetica, sans serif;
	text-decoration: none;
	text-align: center;
	}
	
a:visited {
    display: block;
	background: #FFFFE0; 
	color: #000000;
	border: solid 2px #dd0173;
	font: bold .7em Arial, Helvetica, sans serif;
	text-decoration: none;
	text-align: center;
	}	
	
a:hover{
    display: block;
	background: #FFF7D7; 
	color: #000000;
	border: solid 2px #dd0173;
	font: bold .7em Arial, Helvetica, sans serif;
	text-decoration: none;
	text-align: center;
	}	 
	 
div#nav {
   background: #000000;
   text-align: center;
   padding-top: 6px;
   padding-bottom: 6px;
   padding-left: 160px;
   }
   
   div#nav a:link {
   display: inline; 
   text-decoration: none; 
   padding: 6px; 
   margin-right: 20px;
   margin-left: 20px;
   font: bold .9em Arial, sans serif; 
   background: #000000; 
   color: #ffffe0;
   border: none;
   }
   
   div#nav a:visited {
   display: inline;
   text-decoration: none;
   padding: 6px;
   margin-right: 20px;
   background-color: #ffffe0;
   color: #000000;
   font: bold .9em Arial, Helvetica, sans serif; 
   border: none;
   }  
       
   div#nav a:hover {
   display: inline;
   background: #dd0173; 
   color: #FFF7D7; 
   padding: 6px;
   margin-right: 20px;
   border: none;
   }  	
   
div#text {
  font: normal .9em Arial, Helvetica, sans serif;
  background: #FFF7D7;
  color: #000000;
  width: 500px;
  text-align: left;
  line-height: 1.3em;
  padding: 30px;
  }  
  
td.center {
   border: solid 2px black;
   width: 500px;
   vertical-align: top;
   }  

td.right {
   text-align: center;
   vertical-align: top;
   padding-left: 50px;
   width: 200px;
   }
   
td.left {
   text-align: center;
   vertical-align: top;
   padding-left: 10px;
   width: 120px;
   border: solid 2px black;
   }  
   
td.display {
   text-align: center;
   vertical-align: top;
   background: #ffffe0;
   border-top: solid 2px black;
   } 
   
p  {
   font: normal .8em Arial, Helvetica, sans serif;
   background: transparent;
   color: #000000;
   text-align: left;
   width: 450px;
   line-height: 1.2em;
   }    
  
h1 {
   font: bold 1.1em Arial, Helvetica, sans serif;
   background: transparent;
   color: #000000;
   text-align: center;
   }
	 
h2 {
  font: bold .9em Arial, Helvetica, sans serif;
  text-align: center;
  background: transparent;
  color: #FFF7D7;
  }
  
h3 {
  font: bold 1em Arial, Helvetica, sans serif;
  text-align: center;
  background: transparent;
  color: #000000;
  }
  
h4 {  
  font: bold .9em Arial, Helvetica, sans serif;
  text-align: center;
  background: transparent;
  color: #000000;
  }
  
a.thumbnail{
position: relative;
z-index: 0;
border: 0;
}

a.thumbnail:hover{
background-color: transparent;
z-index: 50;
border: 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -80px; /*position where enlarged image should offset horizontally */
}  

td.thumbnail {
vertical-align: top;
text-align: center;
background: #ffffe0;
color: #000000;
}

a.text {
  font: normal .9em Arial, Helvetica, sans serif;
   background: transparent;
   color: #000000;
   text-align: left;
   line-height: 1.2em;
   border: none; 
   text-decoration: underline;
   display: inline;
   }
   
a.text:visited {
   font: normal .9em Arial, Helvetica, sans serif;
   background: transparent;
   color: #660033;
   text-align: left;
   line-height: 1.2em;
   border: none; 
   text-decoration: underline;
   display: inline;
   }