BODY {
    font-family: "Times New Roman", serif;
    font-size: 100%;
    background: white;
    color: black;
    margin: 5%;
}

H1, H2, H3, H4, H5, H6, TR.header {
    font-family: Helvetica, Arial, sans-serif;
    color: #3333cc;
}

H1, TR.header {
    font-size: 180%;
    text-align: center;
}

H2 {
    font-style: italic;
}

A {
    /* color: #0000ff; */
    color: #3333cc;
}

A:hover {
    /* color: #ff0000; */
    color: #3333cc;
    /* background: #77ddee; */
    background: #ee7777;
}

A.nohover {
    color=#ffffff;
    background=#ffffff;
}

A.nohover:hover {
    color=#ffffff;
    background=#ffffff;
}

/* 
   Need these border-top, etc. settings in TABLE and TD in
   order to ensure don't get double borders
*/
TABLE {
    border-top: thin black solid;
    border-right: thin black solid;
    width: 100%;
}

TD {
    border-left: thin black solid;
    border-bottom: thin black solid;
}

TABLE.header {
    border: 0;
}

TR.headrow {
    font-weight: bold;
    text-align: center;
    background: #eeaa44;
    font-size: 105%;
}

TR.header {
    vertical-align: middle;
    font-weight: bold;
}

TR.evenrow {
    background: #ffbfbf;
}

TD.header {
    border: 0;
}

TD.mark {
    border: 0;
    text-align: left;
}

TD.total {
    border: 0:
    text-align: right;
}

TD.headcol {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

UL {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: square;
}

OL {
    margin-top: 0;
    margin-bottom: 0;
}

P.duedate {
    text-align: right;
}