body {
  margin-left: auto;
  margin-right: auto;
  width: 750px;
  background-color: gray;
  text-align: center;
} 

div.all {
  width: 750px; 
  margin: 25px 0 0 0;
  background-image: url("pics/yellow_weave.gif");
  padding: 10px;
  border-width: 1px;
  border-color: black;
  border-style: solid;
}

div.top {
  font-family: verdana;
}

div.nav {
  margin-left: auto;
  margin-right: auto;
  width: 350px;
  background-color: #009999;
}

div.middle {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

div.middle p {
  font-family: arial;
  text-align: justify;
}

div.middle p.special:first-letter {
  font-size: 300%;
  float: left; 
  color: #0033CC;
} 

div.bottom {
  text-align: center;
  font-size: 0.8em;
}

table, th, td {
  border-width: 2px;
  border-color: gray;
}

table {
  margin-left: auto;
  margin-right: auto;
  border-spacing: 5px;
  border-collapse: separate; 
  border-style: outset;
}

th, td {
  padding: 4px;
  border-style: inset;
}

ul {
  text-align: left;
}

div.nav a {
  font-size: 1.1em; 
  color: black; 
}

div.nav a:link {
 text-decoration: none;
} 
div.nav a:active {
  text-decoration: none;
} 
div.nav a:visited {
  text-decoration: none;
} 
div.nav a:hover {
  text-decoration: none;
  color: yellow;
}