body {
       font-family: sans-serif;
       margin: 0;
       padding: 0;
       background-color: #336699;
       }

h1 {
     font-variant: small-caps;
     }

h1 > a, h1 > a:visited { 
                         color: #ddd;
                         }

h2 { 
     clear: right;
     }

#header {
          font-family: serif;
          background-color: #336699;
          color: #ddd;
          padding: 1mm 1mm 5mm 5mm;
          margin: 0;
          }

#header > h1 { 
               font-style: italic;
               }

#menucontainer { 
                 float: left;
                 width: 20%;
                 min-height: 500px;
                 background-color: #336699;
                 color: #ffffff;
                 position: fixed;
                 margin: 0;
                 padding: 0;
                 left: 0;
                 }

#menucontainer > ul { 
                      margin: 0;
                      padding-top: 0;
                      }

#menucontainer > h2 { 
                      font-size: 1em;
                      }

#menu { 
        list-style-type: square;
        }

#menu a, #menu a:visited { 
                           color: #ffffff;
                           }

#menu > ul { 
             list-style-type: square;
             }

#content { 
           margin-left: 20%;
           padding: 2em;
           background-color: #fff;
           border-style: solid;
           border-width: 4px 0 4px 4px;
           border-color: #224466;
           }

#screenshottable { 
                   margin: 15px;
                   background-color: transparent;       
                   border: 0px dashed #999;        
                   width: 50%;
                   }

.news { 
        list-style-type: none;
        }

.internallink { 
                font-style: italic;
                }

.footer a:link {
                 font-weight:bold;
                 color:#ffffff;
                 text-decoration:underline;
                 }

.footer a:visited {
                    font-weight:bold;
                    color:#ffffff; 
                    text-decoration:underline;
                    }

.footer a:hover { 
                  font-weight:bold; 
                  color:#002244; 
                  text-decoration:underline; }

.check {
         font-size: x-small;
         text-align:right;
         }

.check a:link {
                font-weight: bold;
                color: #ccc;
                text-decoration: underline; 
                }

.check a:visited {
                   font-weight: bold;
                   color: #a0a0ff;
                   text-decoration: underline; 
                   }

.check a:hover { 
                 font-weight: bold;
                 color: #000000;
                 text-decoration: underline; 
                 }
#footer {
          font-size: small;
          font-style: italic;
          text-align: right;
          background-color: #fff;
          color: #000;
          border-style: solid;
          border-width: 4px 0 4px 4px;
          border-color: #002244;
          padding: 1mm 1mm 1mm 1mm;
          margin: 2em 0 2em 20%;
          background-image: url("images/lisp-logo.jpg");
          background-repeat: no-repeat;
          min-height: 100px;
          }