body {width: auto;
     border-style: ridge;
     border-width: medium;
     margin: 10px;
     padding: 0px;
     font-family: comic sans ms, comic sans;
     font-size: 14px;
     color: #330033;}

table {background-color: #330033;
      color: #FFFFFF;}
      
th {background-color: #330033;
      color: #FFFFFF;
      text-align: left;
      padding: 10px;}
      
#navigation {width: 150px;
            vertical-align: top;
            background-color: #330033;
            color: #FFFFFF;
            text-align: left;
            padding: 5px;}
  
#content {background-color: #FFFFFF;
            color: #330033;
            text-align: left;
            vertical-align: top;
            padding: 10px;}

#extra {width: 300px;
            background-color: #FFCCFF;
            color: #330033;
            text-align: center;
            vertical-align: top;
            padding: 5px}

#navlist {width: 150px;
         padding-left: 0;
         margin-left: 0;
         border-bottom: 1px solid #800080;}
         
#navlist li {list-style: none;
         border-top: 1px solid #800080;
         line-height: 200%;}
        
#navlist li a {color: #FFFFFF;
         display: block;
         padding-left: 5px;
         text-decoration: none;}
         
#navlist li a:hover {color: #330033;
         background-color: #FF80FF;}
         
.active {background-color: #CC99CC;
        color: #330033;
        font-weight: bold;
        padding-left: 5px;}

.link {color: #9F009F;
      font-weight: bold;
      text-decoration: underline;}