body {
    background-color: #ffffff;
    font-family:'Courier New', Arial, 'Arial Narrow', Sans-Serif;
}
a:link {color:black; text-decoration:none}
a:visited {color:black; text-decoration:none}
a:active {color:black; text-decoration:none}
a:hover {color:#f8f8f8; text-decoration:none}

div#whole {
    width:100%;
    margin:0 auto;
    border:0px solid #ccc;
    background:#ffffff;
}
div#linkbar {
    font-weight:bold;
    margin-left:20%;
    border-bottom:0px solid #ccc;
    background:#ffffff;
    text-align:center;
    font-size:5.7mm;
    padding:2mm;
    max-width: 800px;
}
div#infobar {
    border-right:1px solid #ffffff;
    border-top:1px solid #ffffff;
    width:260px;
    height:100%;
    float:left;
    margin-right:0px;
    font-size:2.8mm;
}
.infobar {
    margin-bottom:5px;
    margin-top:5px;
    padding:4px;
}
div#content {
    border-top:1px solid #ffffff;
    margin-left:20%;
    margin-right:0.5%;
    background:#ffffff;
    border-left:0px solid #ccc;
    min-height:200px;
    max-width: 800px;
}
div#grade {
    font-weight:bold;
    margin-left:20%;
    margin-right:0.5%;
    text-align:center;
    background:#ffffff;
    padding:2mm;
    font-size:5mm;
    max-width: 800px;
}
p {
    margin:0px;
    padding:2mm;
    font-size:3.5mm;
}
h1 {
    color:grey;
    font-size:3.5mm;
    font-weight:normal;
}
h2 {
    font-size:6mm;
    font-weight:bold;
    padding:9mm;
    text-align:center;
}
h3 {
    font-size:3.5mm;
    color:black;
    font-weight:normal;
    text-align:left;
}
ul {
    margin:0;
    padding:0;
    list-style:none;
}
    font-weight:bold;
    padding:9mm;
    text-align:center;
}
h3 {
    font-size:3.5mm;
    color:black;
    font-weight:normal;
    text-align:left;
}
ul {
    margin:0;
    padding:0;
    list-style:none;
}