body {
    background-color: lightgreen;
    font-family: 'Segoe UI', sans-serif;
	font-size: 0.9em;
    text-align: center;
    width: 90%;
}

footer {
    font-size: 0.75em;
}

a 
{
    color: blue;
    font-weight: bold;
    padding: 4px;
}

span {
    font-style: italic;
}

li {
    font-size: 1.5em;
    font-weight: bold;
    list-style-type: none;
    margin: 20px;
}

li a 
{
    text-decoration: none;
}

table {
    border-collapse: collapse;
    margin: 5px auto 10px auto;
}

th, td {
    border: green solid 1pt;
    padding: 2px 6px;
}

.leftAlign {
    text-align: left;
}

.centreAlign {
    text-align: center;
}

.rightAlign {
    text-align: right;
}

.nonevent {
    background-color: grey;
}

.error {
    background-color: red;
}

.wide {
    min-width: 150px;
}
.rotate {
    min-width:64px;
    height:84px;
/* Safari, Chrome */
-webkit-transform: rotate(60deg);
/* Firefox */
-moz-transform: rotate(60deg);
/* IE */
-ms-transform: rotate(60deg);
/* Opera */
-o-transform: rotate(60deg);
/* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
transform: rotate(60deg);
}