html {
  margin: 0; padding: 0; background-color: #FFCC66; color: black;
  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: medium;
}
body {
  background-color: white; border-left: medium solid #CC3300; border-bottom: medium solid #CC3300;
  margin: 0 0 0 10em; padding: 20px 0;
}
body * { max-width: 40em; }

h1, h2, h3, ul.nav { font-family: Trebuchet MS, Helvetica, sans-serif; }
h1 {
  position: absolute; top: 20px; left: 1ex; color: #CC3300; width: 8em;
  font-size: large; font-weight: bold; padding: 3ex 0; margin: 0;
}
h2 { margin: 3ex 0 0 30px; padding: 0; font-size: large; }
h2 span { border-bottom: medium solid #CC3300; border-left: medium solid #CC3300; padding: 0 0 .5ex .5ex; }
p { padding: 0; margin: 1em 30px; }
a:link, a:visited { color: #CC3300; text-decoration: underline; }
a:link:hover, a:visited:hover { background-color: #FFCC66; }
a:link:active, a:visited:active { color: red; }
ul { list-style: circle outside; padding: 0 2ex; margin: 0 1em 1em 2em; }
li { margin: 0; padding: 1ex; }
dfn[title] { font-style: normal; border: none; text-decoration: none; cursor: help; }


h2.nav { display: none; }
ul.nav {
  position: absolute; width: 8em; left: 1ex; top: 100px;
  margin: 0; padding: 0; list-style-type: none;
  font-size: large; background-color: #FFCC66;
}
ul.nav li { padding: 0; margin: 1em 0; font-size: small; }
.nav a:link:hover, .nav a:visited:hover { background-color: white; }

.firstitem { margin-top: 3ex; }
a.secret:link, a.secret:visited { text-decoration: none; color: inherit; }
a.secret:link:hover, a.secret:visited:hover { text-decoration: none; color: inherit; background-color: transparent; }