BODY {
      background-color : #FFFFCC;
      background-image: url(http://www.geocities.com/joeri_83.geo/Pattern1.gif);
      background-repeat: repeat-y; 
      font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
      color : #000088;
      margin: 0px; 
      }

.navigation {
     position: absolute;
     top: 25px;
     left: 3px;
     width: 150px;
     height: auto;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     line-height: 110%;
     }

.navbox {
     font-size: 13px;
     font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
     background-color: #FFFFAA;
     border-color: #FF6633;
     border-style: groove;
     border-width: 2px;
     padding: 1px;
     margin: 5px;
     }

.content {
     background: #FFFFCC;
     color: #000088;
     margin-left: 170px;
     margin-right: 65px;
     font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
     font-size: 12px; 
     width: auto;
     border: 0px solid #FFFFFF;
     }

.header {
     margin-top: 10px;
     margin-left: 160px;
     font-size: 18px;
     }

.box {
     background: #FFFFFF;
     color : #000099;
     font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
     font-size: 12px;
     padding : 2px;
     margin: 2px;
     border-color : #48D1CC;
     border-style : groove;
     border-width : 0px;
     }

/*normal links in the text*/
a:link {
     color: blue;      
     }
a:visited {
     color: #FF0000; 
     }
a:hover { 
     color: blue; 
     text-decoration : underline; 
     background: #FFFFEE;
     }

/*links in the navigation bar*/
a.nav:link {
  color: blue; 
  font-size:13px; 
  }
a.nav:visited {
  color: blue; 
  font-size:13px; 
  }
a.nav:hover { 
  color: blue; 
  font-style: italic; 
  font-size:13px; 
  }