div.green {
background: #70d964;
padding: 0.5em;
border: none;
margin-left: 10%;
margin-right: 5%;
margin-top: 1em;
margin-bottom: 1em;
}

div.yellow {
background: #fcf007;
padding: 0.5em;
border: none;
margin-left: 10%;
margin-right: 5%;
margin-top: 1em;
margin-bottom: 1em;
}

div.red {
background: #e7221b;
padding: 0.5em;
border: none;
margin-left: 10%;
margin-right: 5%;
margin-top: 1em;
margin-bottom: 1em;
}

div.blue {
background: #3980e3;
padding: 0.5em;
border: none;
margin-left: 10%;
margin-right: 5%;
margin-top: 1em;
margin-bottom: 1em;
}

p {
margin-right: 10%;
margin-left: 5%;
}

body {
background-image: url(images/background.jpg);
background-position: 70% 70%;
background-attachment: fixed;
background-repeat: no-repeat;
margin: 0em;
padding: 0em;
font-family: sans-serif;
}

#pinmenu {
position: absolute;
top: 0;
left: 0;
width: 12em;
height: 100%;
text-align: center;
}

body > #pinmenu {
position: fixed;
}

div.page {
margin-left: 12em;
}

a:hover { color: #00FF00; }

img.noborder {
border: 0
}

span.underline {
text-decoration: underline;
}

table {
background: #ffffff;
border: 1px solid;
border-collapse: collapse;
}

th {
border: 1px solid;
text-align: left;
}

td {
border: 1px solid;
vertical-align: top;
}