body {
display: block;
padding: 35px 0px 10px 0px;
margin: 0px;
background-color: #888888;
width: 90%;
}

h1 {
margin: 2px 2px 2px 10%;
padding: 4px;
background-color: #FFFFFF;
border: black 1px solid;
display: inline;
color: black;
font-weight: bold;
font-family: sans-serif;
font-size: 24px;
}

h2 {
margin: 4px 2px 0px 8%;
padding: 2px;
background-color: #FFFFFF;
display: block;
color: black;
font-weight: bold;
font-family: sans-serif;
font-size: 14px;
}

div.sidebar {
float: right;
display: block;
margin: 5%;
border: 1px solid black;
background-color: white;
padding-bottom: 10px;
}

a {
text-decoration: none
color: black;
}
a:hover { text-decoration: underline; }
a:active {text-decoration: none; }
a:visited {text-decoration: none; }

a.sidebar {
display: block;
font-family: sans-serif;
margin: 10px;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: black;
}
a.sidebar:hover { text-decoration: underline; }

p {
display: block;
padding: 2px;
color: black;
font-family: verdana;
font-size: 10px;
line-height: 16px;
font-weight: normal;
font-style: normal;
width: 80%;
margin: 20px 10% 10px 10%;
text-align: justify;
}

p.ali {
background-color: #ffcccc;
}

p.nathanael {
background-color: #ccffcc;
}

p.listitem {
padding-right: 30px;
margin-top: 5px;
margin-bottom: 2px;
}

div.content {
margin: 0px 10px 10px 8%;
padding: 2px;
border: black 1px solid;
background-color: white;
}

l {
display: block;
}

em {
font-style: italic;
}