/* Primary layout */

body    {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000000;
    background: #ffffff;
    font: medium verdana, helvetica, arial, sans-serif;
    }

img        {
    border: 0;
    display: block;
    }


    /* Navigation */

#sidenav    {
    margin: 0;
    padding: 0;
    border: 0;
    width: 250px;
    position: absolute;
    left: 20px;
    top: 200px;
    text-align: left;
    }


    /* Layout */

#main    {
    width: 500px;
    position: absolute;
    left: 300px;
    top: 100px;
    padding: 0 0 10px 0;
    }

    
    /* Links */

a:link {
    font-weight : bold;
    text-decoration : none;
    color: #000000;
    background: transparent;
    }

a:visited {
    font-weight : bold;
    text-decoration : none;
    color: #999999;
    background: transparent;
    }

a:hover {
    font-weight : bold;
    text-decoration : none;
    color: #000000;
    background: #acbee2;
    }

a:active {
    font-weight : bold;
    text-decoration : none;
    color: #ff0000;
    background: #acbee2;
    }


    /* Typography */

#main p {
    line-height: 150%;
    margin-top: 10px;
    margin-bottom: 1em;
    }

#sidenav p {
    line-height: 200%;
    color: #3f3f3f;
    margin-top: 10px;
    margin-bottom: 1em;
    }
    
.intro    {
    width: 550px;
    padding: 0 0 10px 0;
    font-size: 13px;
    font-style: normal;
    color: #000000;
    }

.subhead    {
    font-style: italic;
    font-weight: bold;
    color: #000000;
    }
    
.caption    {
    font-style: italic;
    font-size: small;
    color: #000000;
    }    
    
.footer    {
    padding: 50px 0 20px 0;
    font-size: x-small;
    color: #999999;
    }
        
h2, h3, h4, h5    {
    margin: 25px 0 0 0;
    padding: 0 0 10px 0;
    }

ul li {
    line-height: 160%;
    list-style: circle outside;
    margin-top: 10px;
    margin-left: -25px;
    margin-bottom: 1em;
    }