html {
    background: white;
    color: black;
    font-family: Georgia, "Times New Roman", Times, serif;
}

a { text-decoration: underline; }
a:link { color: #900; }
a:visited { color: #966; }
a:hover { color: #C00; }
a:active { color: #900; }

#nav, #about { font-family: "Times New Roman",serif; }
 
#nav { background: black; }
#nav a { text-decoration: none; }
#nav a:link { color: #FC3; }
#nav a:visited { color: #FC3; }
#nav a:hover { color: #FC3; text-decoration:underline; }
#nav a:active { color: #900; text-decoration: none; }

#about { font-size: smaller; }
#about a { text-decoration: underline; }
#about a:link { color: #FC3; }
#about a:visited { color: #FC3; }
#about a:hover { color: #FC3; }
#about a:active { color: #FC3; }

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Calibri, Arial, sans-serif;
}

h1, h2 {
    color: #900;
}

h1 {
    font-size: 2em;
    line-height: 1.5em;
    margin-top: 0.75em;
    margin-bottom: 0;
}

h2 {
    font-size: 1.5em;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 0em;
}

h3 {
    font-size: 1.25em;
    line-height: 1.2em;
    margin-top: 1.2em;
    margin-bottom: 0;
}

h4, h5, h6 {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 0em;
}

h4 { font-weight: bolder; }
h5 { font-style: italic; }

p {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}

ul, ol {
    margin-bottom:0.75em;
    margin-top:0.75em;
}

li {
    font-size:1em;
    line-height:1.5em;
}

/* The font-size's, line-height's, and margins are based on the ideas
from "Compose to a Vertical Rhythm" from 24ways.org.  The actual
values were calculated using the CSS With Vertical Rhythm Tool from
drewish.com. */