html { background: #c4bc96;}
body { font-family: "Courier New", Courier, monospace; font-size: 11px;}
a { color: black; text-decoration: none;}
a:hover { border-bottom: 1px solid #ccc;}
.hidden { display: none}
h3, h4 { border-bottom: 1px solid #ccc; font-weight: bold;}
h5 {font-weight: bold;}
strong { font-weight: bold;}
em { font-style: italic}

/* navigation */

#nav .highlight { border-bottom: 1px solid #000; font-weight: bold; margin-right: 0.4em;}
#nav {list-style:none; position:absolute; width: 98%; padding-left: 1em; }
#nav ul {list-style:none; position:absolute; top: 7em; left: 1em; width: 98%;}
#nav ul ul {top: 1.4em; left: 0}
#nav li { display: inline;}
#nav li a { margin: 0 0.4em 0 0.6em}
#nav .highlight a { margin: 0}
#nav .regular {text-transform: lowercase}

/* page structure & layout */

#content {
  clear: both;
  padding-top: 13.4em;  
  font-size: 1em;
  line-height: 1.3em;
  margin: 1em;
}
div#content img, div#article { 
  float: left;
  margin: 0 2em 2em 0;
}

div#article {
  width: 422px;
}
div#article p {
  margin-bottom: 1em;
}


hr, .hide { display: none; }
.show { display: inline; }