html, body, .nav, .nav ul, .nav li { padding: 0; margin: 0; list-style: none;}

img { border: none; }

body {
  margin: 20px 0;
  text-align: center;
  font-family: arial, verdana, sans-serif;
  font-size: 100.01%;
  background: #e5a72e url(bg.png) repeat-x;
}

#wrapper {
  padding: 79px 0 0;
  border: 1px solid #888;
  text-align: left;
  background: #fffaee url(logo.png) no-repeat top center;
  margin: 0 auto;
  min-width: 760px;
  width: 80%;
  max-width: 60em;
  -khtml-box-shadow: 5px 5px 5px #777;
}

  
#footer {
  margin-top: 1em;
  text-align:center;
  font-size:x-small;
  font-family:dialog;
  color: black;
}

.nav ul ul {
  color:white;
}

#content {
  margin: 0;
  padding: 4px 8px;
  background-color: white;
  color: black;
  min-height:15em;
}

#content p {
  font-family: Georgia, Times, serif;
  margin: 0.7em;
  padding: 0;
  line-height: 1.2em;
}

#content ul, #content ol {
  margin: 0.7em;
}

#content p.note {
  font-variant: small-caps;
  padding: 0.3em;
  text-align: center;
  border: 1px solid red;
}

#content table {
  margin: 0.7em;
  width: 90%;
}

#content table th
{
  background-color: #bfbfbf;
  color: black;
  padding: 2px 3px;
  text-align: left;
  font-size: 0.9em;
}

#content table td
{
  background-color: #eee;
  color: black;
  padding: 1px 3px;
  text-align: left;
}

#content table tr:hover td
{
  background-color: #f2eac2;
}

#content .example
{
    margin: 4px 10px 0px 10px;
    padding: 4px;
    border:1px solid grey;
    background-color: #eee;
    color: black;
    display: inline-block;
}

h1 {position: absolute; left: -3000px;}

h2 {font-size: 1.1em; margin-bottom: 0; }

h3 {font-size: 1em; font-weight: bold; margin-bottom: 0; }