body { background: #EFC url(green4c.jpg);
  color: black; 
  margin: 1em 3em; padding:0; 
  }
p { line-height: 2em;
  }
a:link { color: teal; 
  }
a:visited { color: teal; 
  }
a:hover { color: fuchsia; 
  }
h1, h2, h3, h4 { font-family: fantasy; }
h1 { font-size: 4em; 
  background: #480 url(leaf4.gif); 
  color: white;
  padding: 0.2em; 
  }
h2 { font-size: 1.8em;
  border: 1px solid #480;
  background-color: #ffa; 
  border-left: 0.5em solid #480; 
  color: black; 
  padding: 0.2em; 
  }
h3 { font-size: 1.6em; 
  background: #480 url(leaf4.gif); 
  color: white;
  padding: 0.2em; 
  }
div#head h1 { margin-bottom: 0; 
  }
div#main { float: left; width: 55em; 
  margin-right: 2em; 
  }
div#menu { width: 15.5em; 
  background-color: white; 
  margin-top: 1em; 
  padding: 0.5em;
  }
div#menu h4 { font-size: 1.4em; 
  border: 1px solid #480;
  background-color: #ffa; 
  border-left: 0.5em solid #480; 
  color: black; 
  padding: 0.2em; 
  }
div#menu ul { font-size: 1em; 
  list-style-type: none; 
  margin-left: 0; padding-left: 0.5em; 
  }
div#menu li { margin-bottom: 0.2em; 
  }
div#menu a { background-color: #ffa; 
  display: block; width: 15em; 
  border-left: 0.8em solid #ffa; 
  padding: 0.4em 0.2em; 
  }
div#menu a:hover { border-left-color: red; 
  }
div#content { float: left; width: 37em; 
  background-color: white; 
  padding: 0.5em; margin-top: 1em; 
  }
div#footer { text-align: center; 
  margin-left: auto; margin-right: auto; 
  }
div.list { text-align: center; 
  }
table,caption,td { margin-left: auto; margin-right: auto; 
  padding: 0.2em; }

div > *:first-child { margin-top: 0; 
  }