body {
 font-family: arial, helvetica, serif;
 font-size: 95%;
 background-image: url(/images/bkg.gif);
background-color: #FFFFFF;
 padding: 2em;
 margin: 0;
}

#content {
 width: 55em;
 background-color: white;
 padding: 1em 0;
 border: 8px double #256;
 margin: auto;
 voice-family: "\"}\""; 
 voice-family:inherit;
  z-index: -1;
}

html>body #content {
 width: 55em;
  z-index: -1;
}

a {
 text-decoration: none;
}

a:link {
 color: #259;
}

a:visited {
 color: #790;
}

a:active {
 color: red;
}

a:hover {
 text-decoration: underline;
}

h1 {
 text-align: center;
 padding: 0 0 0.25em 0;
 margin: 0;
}

ul {
 list-style: none;
 padding: 0;
 margin: 0;
 z-index: 20;

}

#nav a {
 font-weight: bold;
 color: #256;
  z-index: 20;
}

#nav a {
 text-decoration: none;
  z-index: 20;
}

#nav li li a {
 display: block;
 font-weight: normal;
 color: #266;
 padding: 0.2em 10px;
  z-index: 20;
}

#nav li li a:hover {
 padding: 0.2em 5px;
 border: 5px solid #257;
 border-width: 0 5px;
  z-index: 20;
}

li {
 float: left;
 position: relative;
 width: 10.6em;
 text-align: center;
 cursor: default;
 background-color: white;
 border: 1px solid #257;
 border-width: 1px 0;
  z-index: 20;
}

li#first {
 border-left-width: 1em;
  z-index: 20;
}

li#last {
 border-right-width: 1em;
}

li ul {
 display: none;
 position: center;
 top: 100%;
 left: 0;
 font-weight: normal;
 background: url(images/ddbg3.gif) bottom left no-repeat;
 padding: 0.5em 0 1em 0;
 border-right: solid 1px #256;
  z-index: 20;

}

li>ul {
 top: auto;
 left: auto;
  z-index: 20;
}

li li {
 display: block;
 float: none;
 background-color: transparent;
 border: 0;
  z-index: 20;
}

li:hover ul, li.over ul {
 display: block;
  z-index: 20;
}

hr {
 display: none;
}

p {
 clear: left;
 background: none;
 padding: 1em 1em 0 1em;
 margin: 0;
}

p.image {
 float: left;
 font-size: 0.8em;
 text-align: center;
 color: black;
 padding: 1.25em 1.25em 0.25em 0.25em;
}

p.image img {
 float: center;
 display: block;
 border: 1px double #7d6340;
}