h1
{
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 700;
  font-size: 180%;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 4px;  
  color: white;
  background: #484646;
  <!-- border:4px solid lightsteelblue; -->;
  border:2px solid #484646;
  padding : 5px ;
  width :900px ;
}

h2
{
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 600;
  font-size: 120%;
  text-align: left;
  letter-spacing: 1px;  
  color: white;
}

body
{
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 90%;
  text-align: left;
  letter-spacing: 0px; 
  color: white;
  background: #484646;
<!-- background: palegoldenrod; -->
}

a
{
  color: lightsteelblue;
}
a:hover{background: lightsteelblue;}
a:active{background: red;}
a:visited{background: midnightblue;}

table#menutable{
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 600;
  font-size: 90%;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px; 
  color: white;
  width:800px; 
  <!-- border:3px solid lightsteelblue; -->
  <!-- background:lightsteelblue; -->
}
<!-- table#menutable td,th {border:1px solid palegoldenrod;} -->
table#menutable td,th {width:160px; align="center"; border:1px solid #484646;}

table#photostable{width:900px; border: 3px solid #484646;}
table#photostable td,th {border: 1px solid #484646; background:#484646;}

table#photostable td{
position: relative; /*allows precise positioning of the popup image when used with position:absolute */ 
z-index: 0; /*resets the stack order of the list items */
}
table#photostable span{
	position: absolute;
	left: -9999px;
}
table#photostable td:hover{
 /*positions the <span> when the <td> (which contains the thumbnail) is hovered*/
 top: 0px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
 left: 0px; /*distance from the left of the thumbnail to the left of the popup image*/
}
table#photostable td:hover{
 z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 */ 
 cursor:pointer; /*changes the cursor to a hand*/ 
}
/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/ 
table#photostable td.alignright:hover span{ 
 /*positions the <span> when the <td> (which contains the thumbnail) is hovered*/ 
 top: 0px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
 left: 0px; /*distance from the left of the thumbnail to the left of the popup image*/
 }
 table#photostable td.alignleft:hover span{ 
 /*positions the <span> when the <td> (which contains the thumbnail) is hovered*/ 
 top: 0px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
 left: -400px; /*distance from the left of the thumbnail to the left of the popup image*/
 }
 table#photostable span{
	/**Style the frame**/ 
	padding: 10px; /*size of the frame*/ 
	background:#eae9d4; /*colour of the frame*/ 
	/*add a drop shadow to the frame*/ 
	-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
	-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
	box-shadow: 0 0 20px rgba(0,0,0, .75);
	/*give the corners a curve*/
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius:8px;
	/**Style the caption**/
	font-family: 'Droid Sans', sans-serif; /*Droid Sans is available from Google fonts*/ 
	font-size:.9em;
	text-align: center; 
	color: #495a62; 

 }
 

table#photostable01{width:600px; border: 3px solid #484646;}
table#photostable01 td,th {border: 1px solid #484646; background:#484646;}

table#email_form td,th {vertical-align: top;}

.alignright { text-align: right; }
.alignleft { text-align: left; }

hr#thin01{
  color: #B6B5B5;
  background-color: #B6B5B5;
  border: 0px;
  height: 0.5px; 
}

hr#thin02{
  color: #B6B5B5;
  background-color: #B6B5B5;
  border: 0px;
  height: 0.5px; 
}

hr#thick01{
  color: #B6B5B5;
  background-color: #B6B5B5;
  border: 0px;
  height: 5px;
}

hr#thick02{
  color: #B6B5B5;
  background-color: #B6B5B5;
  border: 0px;
  height: 5px;
}


nav{
  font-family: Arial,Helvetica,sans-serif;
  font-weight: 400;
  font-size: 80%;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 1px; 
  color: white;
}




.antispam { display:none;}
