body {
    color: black;
    background: #eff;
    font-family: arial, helvetica, sans-serif;
}

a:link    { color: #00f; }
a:visited { color: #417; }
a:hover   { background: #cef; }
a:active  { color: #f00; }

a.external:link    { color: #00f; }
a.external:visited { color: #417; }
a.external:hover   { background: #ffb; }
a.external:active  { color: #f00; }

p {
    margin-left: 1em;
    margin-right: 1.5em;
}

li {
    margin-right: 1.5em;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 115%; }
h4 { font-size: 107%; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.linklist { margin-left: 1em; }
.disabled { color: #999; }

/* Navigation bar */
table.navbar {
    width: 100%;
    background: #eff;
    border-spacing: 5px 2px; /* Doesn't work on IE; use cellspacing */
}

table.navbar td {
    background: #cef;
    text-align: center;
    border: 1px solid black;
}

table.navbar td.active {
    color: black;
    background: #adf;
    font: bold;
}

table.navbar a {
    color: #000;
    text-decoration: none;
}
table.navbar a:hover { background: #adf; }

table.navbar td.active a { text-decoration: underline; }
table.navbar td.active a:hover { background: #cff; }

acronym {
   border-bottom: 1px dashed #000;
   cursor: help;
}

pre.code {
    color: #000;
    background-color: #dee;
    border-color: #888;
    border-style: solid;
    border-width: 1pt;
    padding: 2pt;
    margin-left: 1em;
}

/* Poem */
.poem h2 {
    margin-left: 0.8em;
}
.poem pre {
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.2;
    margin-left: 1em;
}

/* Table with row rules */
table.rowrules {
    border-collapse: collapse;
    border-top: hidden;
}
table.rowrules tr, table.rowrules td {
    border-top: solid 1px #cdd;
}
table.rowrules td {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
}