html {
    background:fixed;
    background-image:url('tile.jpg');
    background-repeat:auto;
    background-color:#d3d3d3;
}
div.top {
    font-family:arial;
    display:block;
    color:black;
    text-align:center;
    background-color:#ffffff;
    margin-left:auto;
    margin-right:auto;
    font-size:2.5em;
    border:1px black solid;
    overflow:hidden;
    display:fixed;
}
nav {
    background-color:#ffffff;
    overflow:hidden;
    text-align:center;
    font-family:arial;
    float:left;
    width:15%;
    border: 1px solid black;
    margin-top:1.51%;
    position:fixed;
}
nav ul {
    background-color:#ffffff;
    padding:5px; 
}
nav ul hr {
    height: 1px;
    background-color:#d3d3d3;
    border:none;
    padding:none;
    margin:none;
}
nav ul li a {
    display:block;
    padding:12%;
}
nav ul li:hover {
    background-color:#d3d3d3;
    box-shadow: 3px 3px 3px black inset;
}
nav ul li a:link {
    text-decoration:none;
    color:black;
}
nav ul li a:visited {
    color:black;
}
nav ul li#current {
    background-color:#d3d3d3;
}
body {
    font-family: arial;
    padding:4%;
}
body div.content {
    color:#000000;
    padding-left:18%;
    padding-right:3%;

}
body div.content p {
    background-color:#ffffff;
    border: 1px black solid;
    padding:.5%;
}
body div.content h2 {
    background-color:#ffffff;
    border: 1px black solid;
    padding-left:4%;
    text-align:left;
}
footer {
    margin-top:10%;
    color:grey;
    font-family:monospace;
    border:1px solid black;
    text-align:center;
    background-color:#d3d3d3;
    clear: both;
}