html, body { 
    margin: 0; 
    padding: 0;    
    color: #19231a;
    text-align: justify;
    font-family: arial;
}

a { text-decoration: none; }
a img { border: none; }
a:link, a:visited { 
    color: #000066; 
    text-decoration: underline;
}
a:hover { 
    color: #3f73d9;
    text-decoration: underline;
}

header > h1 { font-size: 200%; margin: 0; font-weight: bold; color: #5553a6; }

header {
    display: block;
    border: 1px solid #aaccaa; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#main {
    border: 1px solid #aaccaa; 
    background-color: #fafffa;
    padding: 10px 20px 20px 20px;
    margin-top: 0px;
    margin-left: 200px;
    text-align: justify;
}

nav {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 200px;
    display: block;
    margin: 0px;
    border-width: 0px;
    padding: 0px;
}
nav > h2 {
    display: block;
    padding: 5px 10px;
    margin: 0px;
    background-color: #e0ccb3;
    color: #083db1;
    font-size: 100%;
}
nav > a, nav > a:link, nav > a:visited
{
    display: block;
    padding: 3px 10px 2px 10px;
    border-bottom: 1px solid #ffffff; 
    background-color: #e4e5d3;
    text-decoration: none;
}
nav > a:hover
{
    text-decoration: none;
    background-color: #e5e190;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}