body {
  background: #f8f8f0 url(scrabblebg4.jpg) repeat fixed;
  text-align: center;
	font-family: arial, helvetica, sans-serif;
  }
.container {
    width: 800px;
    margin-top: 10px;
		text-align: center;
		}
.header {
  	border: solid #c8a010 3px;
		}
h2 {
   color: blue;
	 font-family: arial, helvetica, sans-serif;
	    }
h3 {
   color: black;
	 font-family: arial, helvetica, sans-serif;
	 }	
img.leftp {
	padding-right: 10px;
	padding-bottom: 10px;
	margin-right: 15px;
	}
img.right {
  padding-left: 10px;
	padding-bottom: 10px; 
	}
.border1 {
   text-align: center;
   border: solid #c8a010 3px;
	 background-color: white;
	 font-family: arial, helvetica, sans-serif;
	 font-size: 1.1em;
	 padding: 2ex;
	 }
.buttons {
  padding-left: 20px;
  width: 98%;
 }
.left {
  text-align: left;
	}
	.left2 {
	padding-left: 15px;
	text-align: left;
	}
.little {
  font-size: .7em;
	font-style: italic;
	}
.red {color: red}
a.home, a.links, a.contacts, a.directions
 {
  border: 0;
	width: 160px;
	height: 22px;
	margin: 1px 10px 2px 10px;
		}
/* Remember that ACTIVE must come after HOVER to be effective! */
/* and HOVER must come after a.link and a.visited to be effective */

a.home {
  background: url(home_160.gif);
	float: left;
	}
a.home:hover {
  background: url(home_160b.gif);
	float: left;
	}
a.home:active {
  background: url(home_160b.gif);
	float: left;
	}
a.contacts {
  background: url(contacts_160.gif);
	float: left;
	}
a.contacts:hover {
  background: url(contacts_160b.gif);
	float: left;
	}
a.contacts:active {
  background: url(contacts_160b.gif);
	float: left;
	}
a.links {
  background: url(links_160.gif);
	float: left;
	}
a.links:hover {
  background: url(links_160b.gif);
	float: left;
	}
a.links:active {
  background: url(links_160b.gif);
	float: left;
	}
a.directions {
  background: url(directions_160.gif);
	float: left;
	}
a.directions:hover {
  background: url(directions_160b.gif);
	float: left;
	}
a.directions:active {
  background: url(directions_160b.gif);
	float: left;
	}	
/* the syntax I borrowed:
 a.tickets {
	background: url(button_tickets.gif) top left no-repeat;
}
a.tickets:hover {
	background: url(button_tickets_b.gif) top left no-repeat;
} but mine didn't line up until I floated them  */