/*
 * Define basic parameters to be inherited
 * by everything else.
 */
html {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  color: #336;
  background-color: white;
}

body {
  margin: 0;
  padding: 0;
}

p.center {text-align: center}
p.left {text-align: left}
p.right {text-align: right}

/*
 * Now the major areas of the document
 */
#header {
  margin: 3px 3px 3px 0;
  padding: 5px;
  background-color: #336;
  color: white;
  border: 1px solid #336;
}

#sitenav {
  float: left;
  margin: 3px 3px 3px 0;
  padding: 0;
  width: 9em;
}

#content  {
  margin: 3px 3px 3px 9em;
  padding: 5px;
}

#footer {
  clear: left;
  margin: 3px 3px 3px 0;
  padding: 5px;
  background-color: #336;
  color: white;
  border: 1px solid #336;
}

/* Things in header */

#header .tagline {
  margin: 0;
  text-align: right;
  font-size: 75%;
  white-space: nowrap;
}

#header p { 
  margin: 0;
  text-align: right;
}

#header a { 
  color: white;
  text-decoration: none;
}

#header a:link {
  text-decoration: none;
  color: inherit;
}

#header a:hover {
  text-decoration: underline;
  color: inherit;
}

/* Things in sitenav */

#sitenav ul  {
  margin: 3px 3px 3px 0;
  border: 1px solid #336;
  padding: 0;  
  background-color: #def;
  color: #336;
  list-style: none outside;
}
  
#sitenav ul li  {
  padding: 4px;
  margin: 0.5em 0 0.5em 0;
  text-align: right;
}

#sitenav ul li a {
  padding: 4px;
}

#sitenav ul li a:link {
  text-decoration: none;
  color: inherit;
}

#sitenav ul li a:visited {
  text-decoration: none;
  color: inherit;
}

#sitenav ul li a:hover {
  text-decoration: underline;
  color: inherit;
}

#sitenav ul li a:active {
  text-decoration: underline;
  color: inherit;
}

/* Things in content */

#content h1 {
  margin-top: 10px;
}

/* Things in footer */

#footer address {
  clear: right;
  text-align: right;
  white-space: nowrap;
}

#footer a:link {
  text-decoration: none;
  color: inherit;
}

#footer a:hover {
  text-decoration: underline;
  color: inherit;
}

#footer p.fl{
  float: left;
}

#footer p.fr{
  float: right;
}

/* Tables */
table.simple {
  text-align: left;
  background-color: #def;
  border-collapse: collapse;
  border-style: none;
}

table.simple col { 
  border-style: solid;
  border-color: white;
  border-width: 1px;
}

table.simple thead { 
  background-color: #336;
  color: white;
  border-bottom:solid;
  border-top:hidden;
  border-left:hidden;
  border-right:hidden;
  border-color: white;
  border-width: 3px;
}

table.simple tfoot { 
  background-color: #336;
  color: white;
  border-top:solid;
  border-bottom:hidden;
  border-left:hidden;
  border-right:hidden;
  border-color: white;
  border-width: 3px;
}

table.simple tbody tr {
  border-style:solid;
  border-color: white;
  border-width: 1px;
}

table.simple td { 
  padding: 2px;
}

table.simple td.head  {
  background-color: #336;
  color: white;
  padding: 2px;
}

table.simple tr.head td { 
  background-color: #336;
  color: white;
  border-width: 3px;
  padding: 2px;
}

/* A table for embedding in a bigger table */
table.embed {
  text-align: left;
  background-color: white;
  border-collapse: collapse;
  border-color: #336;
}

table.embed col { 
  border-style: solid;
  border-color: #336;
  border-width: 1px;
}

table.embed tbody tr {
  border-style:solid;
  border-color: #336;
  border-width: 1px;
}

table.embed td { 
  padding: 1px;
}

/* */

div.code { 
  background-color: #def;
  color: black;
  font-family: monospace;
  white-space: pre;
  text-align: left;
  padding: 5px;
}

/*
 * To make webring code work
 */
#webring {
  text-align: center;
  margin: 5px;
}

#webring p {
  display: inline;
  background-color:#ddd;
  color: black;
  padding: 2px;
  margin: 20px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  text-align: center;
}

#webring a:link {
  text-decoration: underline;
  color: blue;
}


span.S {
  text-decoration: line-through;
}

OL.a {
  list-style: lower-latin;
}