body
{
    background: #FEE url( 'img/body-bg.png' ) repeat-y 50px 40px;
    font: 90% verdana, sans-serif;
    margin: 0;
    padding: 0;
    color: black;
}

/* BASICS */

h1
{
    font: bold 130% arial, sans-serif;
    background: #77AAEE;
    margin: 5px 10% 0 0;
    padding: 0 2em 0 0;
    text-align: right;
}

h2
{
    margin: 10px 0 5px 0;
    font: bold 125% arial, sans-serif;
    line-height: 110%;
    background: #F22;
    padding: 0 10px;
}

h3
{
    font: bold 110% arial, sans-serif;
    padding: 0 0 10px 0;
    margin: 0;
    white-space: nowrap;
}

.content.noborder img
{
    border: 0;
}

p
{
    line-height: 130%;
}

p, h3
{
    margin: 0.7em 0;
}

/* MAIN */

#page
{
    padding: 0 100px 0 0;
}

.content
{
    padding: 0 0 1em 16em;
}

/* IMAGES */

.content img
{
    border: 1px solid black;
    float: right;
    margin: 20px 0 5px 7px;
    padding: 0;
}

/* NAVIGATION AND LINKS*/

#menu
{
    float: left;
    width: 14em;
    border-left: 10px solid #F99;
    margin: 0;
    background: #FFAFAF;
}

#menu ul
{
    padding: 0;
    margin: 0;
}

#menu ul li
{
    margin: 0;
    padding: 0;
    list-style: none;
    font: 95% arial, sans-serif;
    width: 14em;
    text-indent: 5px;
    color: #440000;
    white-space: nowrap;
}

#menu ul li.border
{
    color: #000;
    border-top: 1px solid black;
}

#menu ul li a
{
    font: bold 95% arial, sans-serif;
    display: block;
    color: #800;
    width: 14.5em;
    text-decoration: none;
    text-indent: 20px;
    padding: 0;
    margin: 0;
}

#menu ul li a:visited
{
    color: #884444;
}

#menu ul li a:hover, #menu ul li a#menuHere
{
    color: #800;
    background: #F99;
}

.menu2
{
    margin: 0 0 15px 0;
}

.menu2 ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu2 ul li
{
    font: bold 16px arial,sans-serif;
    margin: 0;
    padding: 0;
    display: inline;
}

.menu2 ul li a
{
    color: black;
    background: #22AA22;
    text-decoration: none;
    line-height: 20px;
    white-space: nowrap;
    padding: 0 7px;
    margin: 0 5px;
    border: 1px solid black;
}

.menu2 a:hover
{
    background: #22CC22;
}

a.top
{
    background: url( 'img/top.gif' ) no-repeat top center;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    font-size: 90%;
    padding: 1em 1em 0 1em;
    color: #000088;
    line-height: 250%;
}

a.top:hover
{
    color: #800;
}

/* INDEX */

td#first
{
    width: 35%;
    padding-right: 20px;
    vertical-align: top;
    color: #502;
}

table.index p
{
    font-size: 90%;
}

/* TABLES AND LISTS */

.content ul
{
    list-style: square;
}

.content ul li
{
    padding-top: 0.5em;
}

.content form table
{
    margin: 0 0 2em 0;
}

/* STUFF FOR THE POLL PAGE */

table#poll
{
    margin: 0 0 3em 0;
    border-collapse: collapse;
    border: 2px #AA0000 outset;
    background: #D0D0EE;
    font-size: 80%;
    width: auto;
}

table#poll tr.newvote
{
    background: #AAD;
}

table#poll td
{
    padding: 0.5em 0.6em;
}

table#poll td.text
{
    border-right: 1px solid black;
    width: auto;
    font-size: 105%;
}

table#poll input.submit
{
    margin: 0;
}

/* PAGE CONTENT */

.xtrapad
{
    padding-top: 1.2em;
}

#copy
{
    text-align: center;
    padding: 3em 0 0 0;
    color: maroon;
    font-weight: bold;
    font-size: 75%;
}

#footer
{
    font-size: 80%;
}

#author
{
    font-size: 90%;
    color: #800;
    padding-bottom: 1em;
}

.small, sup
{
    font-size: 60%;
    color: #666666;
}

.error
{
    color: red;
    font-weight: bold;
}

.noborder img
{
    border: none;
}

.note
{
    border: 1px solid black;
    background: #CCC;
    font-size: 85%;
    padding: 0.1em 1em;
    margin: 1em 250px 1em 1em;
}