body {
    padding: 0;
    margin: 0;
    background: white;
    font-family: serif;
}
h1, h2 {
    text-align: center;
    margin: 1em;
}
h1 {
    color: hsla(0, 0%, 0%, .8);
}
h2 {
    color: hsl(0, 100%, 25%);               /* same as #000080 or maroon */
}
hr { width: 200px; }
div.nav {
    text-align: right;
    margin: 5px;
}
li {
    list-style-type: square;
}
dt.sec {
    margin-left: 1em;
    font-style:italic;
}
dd {
    margin-left: 3em;
}
dd > ul {
    margin-left: 0em;
    padding-left: 0em;
}
ul  {
    margin-left: 1em;
    padding-left: 0;
}
a {
    padding: 3px;
    text-decoration: none;
    /* color: #257CB2; */
    /* color: ; */
    color: hsl(240, 100%, 50%);
}
a:focus, a:hover {
    text-decoration-line: underline;
}
div.content {
    margin: 0 auto;
    width: 680px;
    line-height: 1.5em;
}
@media (max-width: 700px) {
    div.content {
        margin: 0 .5em;
        width: auto;
    }
}
.left {
    text-align: left;
}
div.center {
    text-align: center;
}
div.center > div.center {
    display: inline-block;
    text-align: left;
}