html
{
    background-color: #001e2d;
    font-family: sans-serif;
}
body
{
    width: 70%;
    margin: 0px auto;
    padding: 2em;
    background-color: white;
}

img
{
    border-width: 0px;
}

a
{
    color: #001e2d;
}

var
{
    color: #001e2d;
    font-weight: bold;
    font-style: italic;
}

h2
{
    margin-top: 2em;
    border-bottom: 1px dotted #d3d3d3;
}
h2:target
{
    background-color: #aaa;
}

#test-form label
{
    float: left;
    clear: left;
    width: 200px;
}

#footer p
{
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #d3d3d3;
    display: block;
    text-align: right;
}

#bottom-about
{
    display: block;
    text-align: center;
    margin: 2em;
}

.examples
{
    clear: both;
    overflow: hidden; /* float contain */
    padding: 0px 10px;
}

.examples a
{
    float: left;
    text-decoration: none;
    text-align: center;
    
    margin: 10px;
}

.examples a span
{
    display: block;
}

.examples a:hover span
{
    text-decoration: underline;
}

dl
{
    margin-left: 2em;
}
dt
{
    margin-top: 1em;
}