body {
    padding: 10px 10px;
}
/* navigation bar */
ul.nav{
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    background-color: #333333
}
li.nav{
    float: left;
}
li.nav a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}
li.nav a:hover {
    background-color: #111111
}
.rTable{
    display: table;
    width: 348px;
}
.rTableRow{
    display: table-row;
}
.rTableHeading{
    display: table-header-group;
    background-color: #ddd;
}
.rTableCell {
    display: table-cell;
    padding: 3px 10px;
    border: 1px solid #999999;
}
.rTableHead{ 
    display: table-cell;
    padding: 3px 10px;
    border: 1px solid #999999;
    background-color: #ddd;
    font-weight: bold;
}
.rTableHeading{
    display: table-header-group;
    background-color: #ddd;
    font-weight: bold;
}
.rTableFoot{
    display: table-footer-group;
    font-weight: bold;
    background-color: #ddd;
}
.rTableBody{
    display: table-row-group;
}