body {
        font-family: Georgia, Times New Roman, Times, serif;
        color: purple;
        margin-left: 10 px;
        margin-top: 15 px;
        background-position: top left;
        background-repeat: repeat;
          }
     #nav {
        width:200px;
        float:left;
        margin-top:80px;
        margin-right:18px;
     }
     #content {
        width:650px;
        float:left;
     }
     #nav a {
        text-align: center;
        text-decoration: none;
     }
     #content a:link {
        color: purple;
     }
     #content a:visited {
        color: navy;  
     }
     #nav ul {
        list-style: none;
        margin: 3px;
        padding: 3px;
     }
     #nav ul li {
        margin: 0.5em 0;
        border-bottom: 14px ridge #ffccff;
     }
     #nav ul li a:link, #nav ul li a:visited {
        font-size: 12pt;
        font-weight: bold;
        display: block;
        padding: 3px 0px 3px 3px;
        background-color: silver;
        color: purple;
     }
     #nav ul li a:hover, #nav ul li a:active {
        font-size: 12pt;
        font-weight: bold;
        display: block;
        padding: 3px 0px 3px 3px;
        background-color: #ffccff;
        color: maroon;
     }
     #footer {
        float: left;
        width: 100%;
        background-color: silver;
        font-size: 10pt;
        text-align: left;
        position: hidden;
     }