@media all
{
    body
    {
        padding         : 1em;
        margin          : 0 4% 0 4%;
        line-height     : 1.5em;
        letter-spacing  : 0.02em;
        background      : white;
    }

    li ul
    {
        border-left     : 1px dotted black;
    }
    ul li
    {
        margin-left     : 0.6em;
    }

    tr:hover
    {
        background      : #eee;
        color           : #511;
    }

    code, pre
    {
        display         : block;
        border          : 1px dashed black;
        padding         : 1em;
        overflow        : auto;
        margin          : 1em;
    }

    a:link
    {
        text-decoration : none;
        color           : #596e9d;
        margin          : 0 0.2em;
    }
    a:visited
    {
        text-decoration : none;
        color           : #091e4d;
    }
    a:hover, a:focus
    {
        text-decoration : none;
        color           : #00f;
    }

    dt a:link, dt a:visited, dt a:focus
    {
        text-decoration : none;
        color           : black;
    }
    dt a:hover
    {
        text-decoration : none;
        color           : gray;
    }

    h1, h2, h3, h4, h5, h6
    {
        width           : 100%;
        color           : #596e9d;
        border-bottom   : 1px dotted gray;
    }
    h1 { font-size      : 1.6em; }
    h2 { font-size      : 1.6em; }
    h3 { font-size      : 1.3em; }
    h4 { font-size      : 1.0em; }
    h5 { font-size      : 0.8em; }
    h6 { font-size      : 0.7em; }

    h1 a:link, h1 a:visited, h1 a:focus,
    h2 a:link, h2 a:visited, h2 a:focus,
    h3 a:link, h3 a:visited, h3 a:focus,
    h4 a:link, h4 a:visited, h4 a:focus,
    h5 a:link, h5 a:visited, h5 a:focus,
    h6 a:link, h6 a:visited, h6 a:focus
    {
        color           : #091e4d;
        text-decoration : none;
    }

    p, ul, ol, dl, table 
    {
        text-align      : justify;
        margin-left     : 0;
	}
    table
    {
        text-align      : left;
    }
    dl dt
    {
        font-weight     : bold;
        border-bottom   : 1px dashed black;
        margin-bottom   : 0.5em;
    }

	div#top
    {
        width           : 100%;
        text-align      : center;
    }
    p#copyright
    {
        margin          : 0;
        padding         : 0;
        font-weight     : bold;
        font-size       : 0.8em;
        border          : dotted gray;
        border-width    : 1px 0;
    }

    ul#menu
    {
        margin          : 0;
        width           : 100%;
        list-style-type : none;
        line-height     : 2em;
        display         : block;
        background      : url(logo.jpg) no-repeat;
        padding         : 102px 0 0 0;

    }
    ul#menu li
    {
        margin          : 0 0.7em 0 0;
        padding         : 0 0.7em 0 0;
        display         : inline;
        border-right    : 1px solid #596e9d;
        text-transform  : lowercase;
    }

    p#print
    {
        display         : none;
    }
}

@media print
{
    a:link, a:visited
    {
        border          : none; text-decoration:none;
    }
    ul#menu, p#top
    {
        display         : none;
    }
    p#print
    {
        display         : block;
    }
}