table.infotable
{
    background-color: #ffffff ;

    width: 100% ;
    border-spacing: 1px ;
    padding: 4px ;
}


/* Unfortunately, Internet Explorer doesn't know attribute dependent CSS rules,
so to color the table tops appropriatly, we can't use the following rule:

  table.infotable th[colspan]

Instead, I decided to use 'td' inside 'thead' as a marker for this kind of
formatting.
*/

table.infotable thead td
{
    color: #ffffff ;
    background-color: #00315a ;

    text-align: center ;
    padding: 4px ;

    font-family: arial, helvetica ;
    font-weight: bold ;
    font-size: smaller ;
}

table.infotable th[colspan]
{
    color: #ffffff ;
    background-color: #00315a ;

    /* others inherited from "table.infotable th" below */
}

table.infotable th
{
    color: #00315a ;
    background-color: #99ccff ;

    text-align: center ;
    padding: 4px ;

    font-family: arial, helvetica ;
    font-weight: bold ;
    font-size: smaller ;
}

table.infotable td
{
    background-color: #f0f0f0 ;
    vertical-align: top ;
    padding: 4px ;
}

p
{
    text-align: justify;
}

dt
{
    font-weight: bold
}