body { 
  margin: 0;   padding:0;  
  background: #CC99FF;
  color: #FFFFFF;
  font-family: arial,times,verdana,helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3em;    }




#middle {
  font-size: 12px;
  font-family: verdana,arial,times,sans-serif;
  color: #FFFFFF;
  font-weight: bold; 
  background-color: transparent;
  text-align: center;
  line-height: 1.3em;
  position: absolute;  
  top: 2em;
  left: 1em;
  width: 30em;
  margin-left: 24em;
  margin-right: 1em;
  padding-left: 1em;
  margin-top: 3px;
  margin-bottom: 3em;                }



#middle h1  {
  font-size: 32px;
  text-align: right;
  padding-right: 20px;
  font-family: georgia, "times new roman", serif;
  color: #FF0000;      }



#sideleft  {
  font-size:12px;
  line-height: 1.3em;
  position: absolute;
  top: 18em;
  left: 1em;
  width: 30em;
  margin-left: 1em;
  margin-bottom: 3em;      }


#sideleft  a:link, #sideleft a:visited  {
  color: #9933CC;
  text-decoration: underline;
  font-family: verdana,times,sans-serif;
  font-size: 12px;
  font-weight: bold;    }


#sideleft  a:hover, #sideleft  a:active  {
  color: #FF0000;
  text-decoration: underline;
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;  }



#sideright  {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3em;
  position: absolute;  
  top: 18em;
  left: 1em;
  width: 31em;
  margin-left: 49em;
  margin-right: 1em;
  padding-left: 1em;
  margin-bottom: 3em;                }



#sideright  a:link, #sideright a:visited  {
  color: #9933CC;
  text-decoration: underline;
  font-family: verdana,times,sans-serif;
  font-size: 12px;
  font-weight: bold;    }


#sideright  a:hover, #sideright  a:active  {
  color: #FF0000;
  text-decoration: underline;
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;  }



.box1  {
    color: #FFFFFF;
    background-color: transparent;
    font-size:12px;
    font-weight: bold;      }


.box1 a:link,  .box1 a:visited {
      text-decoration: underline;
      font-size:12px;
      font-weight: bold;
      color: #FF0000;
      background-color: #FFFFFF;   }

.box1 a:hover, box1 a:active {
      font-size:12px;
      font-weight: bold;  
      color: #FFFFFF;
      background-color: #000000;    }


.box2  {
     color: #003300;
     background-color: transparent;
     font-size:12px;
     font-weight: bold;   }


.box2 a:link,  .box2 a:visited {
     font-size: 12px;  
    text-decoration: underline;
      color: #FFFFFF;
      background-color: #FF00FF;
      font-weight: bold;  }


.box2 a:hover, box2 a:active {
       font-size: 12px;
    color: #FF0000;
      background-color: #FFFFFF;
      font-weight: bold;    }


.box3  {
     color: #669900;
     font-weight: bold;
     background-color: transparent;   }


.box3 a:link,  .boxout3 a:visited {
     font-size: 12px;
     font-weight: bold;
      text-decoration: underline;
      color: #FFFFFF;
      background-color: transparent;   }

.box3 a:hover, boxout3 a:active {
     font-size: 12px;
      font-weight: bold;
      background-color: #FFFFFF;
      color: #FF0000;   }



.white {
  color: #FFFFFF;      }

.black  {
  color: #000000;  }


.red  {
  color: #FF0000;  }

.purple  {
  color: #9933CC;   }