/* Sidebar */
   A:link.bar, A:visited.bar   { 
           font-variant: small-caps; 
           text-decoration: none 
                               }
    A:active.bar               { 
           font-variant: small-caps; 
           font-weight: bold; 
           text-decoration: underline; 
           background: FFFF66 
                               }
    A:hover.bar                { 
           font-variant: small-caps;
           font-weight: bold;
           text-decoration: underline;
           background: FFFF00 
                               }
   #sidebar1                   { 
           background-image: url(images/topbar.jpg); 
           position: absolute;
           top: 2%;
           left: 2% ; 
           width: 10%; 
           height: 10%; 
           text-align: center
                               }
   #sidebar2                   { 
           background-image: url(images/underbar.jpg);
           top: 12%;
           left: 2% ; 
           width: 10%;
           height: 10%;
           text-align: center 
                               }
   #sidebar3                   { 
           background-image: url(images/topbar.jpg);
           top: 22%;
           left: 2% ; 
           width: 10%;
           height: 10%;
           text-align: center
                               }
   #sidebar4                   { 
           background-image: url(images/underbar.jpg);
           top: 32%;
           left: 2% ; 
           width: 10%;
           height: 10%;
           text-align: center  }
   #sidebar5                   { 
           background-image: url(images/topbar.jpg);
           top: 42%;
           left: 2% ; 
           width: 10%;
           height: 10%;
           text-align: center  }
   #sidebar6                   { 
           background-image: url(images/underbar.jpg);
           top: 52%;
           left: 2% ; 
           width: 10%;
           height: 10%;
           text-align: center }
   #sidebar7                  { 
           background-image: url(images/topbar.jpg);
           top: 52%;
           left: 2% ; 
           width: 10%;
           height: 10%;
           text-align: center  }

/* Body */
   body                       { 
           font-family: Tahoma , sans serif;
           background-image: url(images/background.gif)
                              }
   #top                       { 
           color: rgb(102, 153, 255);
           position: absolute;
           top: 2%;
           left: 13% ;
           width: 90%;
           height: 5%;
           font-size: x-large }
   #text                      { 
           background-color: #6699CC; 
           position: absolute; 
           top: 7%; 
           left: 11% ; 
           width: 90% 
                              }

/* Text Styling */
   A:visited, A:link          { 
          text-decoration: none 
                              }
   A:active                   { 
          background: #ff6666;
          color: #000000; 
                              }
   A:hover                    {
          background: #ff6666;
          font-weight: bold   
                              }