/* So apparently Mozilla is the only browser that gets this right.
 * Hooray for web standards. */

/* -- everything goes in these two elements ----------------------- */

body
{
    font: 10pt "Trebuchet MS", "Geneva", "Arial", sans-serif;
    /* I hate Netscape 4.x. We can't use relative URLS here. */
    background: url("/images/gray.png") #dddddd;
    color: black;
    margin: 0pt;
    padding: 0pt;
    /* We can't move this down below, either. :( */
    line-height: 140%;
}

div.main
{
    width: 550pt;
    margin: 10pt 10pt 10pt 25pt;
    padding: 10pt;
    border: 1px solid #a8a8a8;
    background: #dddddd;
    color: inherit;
}

/* -- block level stuff ------------------------------------------- */

pre
{
    font: 10pt fixed;
}

h1, h2, h3, h4, h5, h6
{
    background: #d4d4d4;
    color: black;
    font-weight: bold;
    font-size: 10pt;
    border: 1px solid #a8a8a8;
    margin: 5pt;
    padding: 5pt;
}


p, ol, ul, dl, pre, table
{
    margin: 5pt;
    padding: 5pt;
    line-height:17px;  
}

pre, th /* ,td */
{
    background: #d4d4d4;
    color: inherit;
}

td
{  
    font-family:verdana, arial, sans-serif;
    color:#000000;
    font-size:12px;
    text-transform:none;	
    letter-spacing: .none; 
}

li, dd
{
    margin: 5pt 5pt 5pt 10pt;
    padding: 0pt;
}

/* I also hate IE 5.x. On non-CSS2 browsers <li>'s direct children
 * will have extra padding. */

li > *
{
    margin: 0pt;
    padding: 0pt;
}

/* -- misc -------------------------------------------------------- */

img
{
    border: 1px solid #a8a8a8;
}

/* -- links ------------------------------------------------------- */

a:link
{
    color: #005060;
    background: transparent;
}

a:visited
{
    color: #404040;
    background: transparent;
}

a:hover
{
    color: #005060;
    background: #d0d0d0;
}