body {
margin: 0;
padding: 0;
color: #871F78;
background-color: #CDAF95;
}

#container {
width: 99%;
font-family: "Comic Sans", sans-serif;
font-size: 100%;
}

#main {
float: left;
width: 75%;
}

#menu {
float: right;
width: 20%;
}

#footer {
clear: both;
}

ul {
list-style: none;
}

#header h1 {
padding: 2em;
color: #006400;
}
#main p {
padding: 1em;
}
#menu h2 {
padding: 1.5em;
}
#menu ul {
padding: 1em;
}

a:link {
color: #006400;
text-decoration: underline;
}
a:visited {
color: #000080;
text-decoration: underline;
font-style: italic;
}
a:hover, a:focus {
color: #8B0000;
text-decoration: underline;
font-weight: bold;
}
a:active {
color: #FFFF00;
text-decoration: underline;
font-weight: bold;
}

div.row {
clear: both;
padding-top: 0.5em;
}

div.row span.left {
float: left;
text-align: right;
}

div.row span.right {
float: right;
text-align: left;
}

span.center {
margin-left: auto;
margin-right: auto;
text-align: center;
}