.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
.top50 { margin-top:50px; }
.top100 { margin-top:100px; }
.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.h1 {
    font-size: 40px;
}

.h2 {
    font-size: 30px;
}

.b1{
    background-color: black;
}

.b2{
    background-color: lightslategrey;
}

.t1{
    border: 2px solid white;
    height: 600px;
}

table{
    border-collapse: collapse;
    align: left;
    height: 500px;
    line-height: 20px;
    padding: 2px;

}
th{
    border-collapse: collapse;
    align: left;
}

td {
    border-collapse: collapse;
    align: left;
    height: 20px;
    font-family: Ubuntu;
    color: white;
    background-color: black;
}
th, td {
    padding: 2px;
}

#footer {
    bottom:0;
    width:100%;
    height:60px;   /* Height of the footer */
}
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}