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: #000000;
background-color: #FFFFFF;
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; }


<!-- YELLOWS
 -->
.mustard   {
color: #FFCC11;  }

.khaki  {
color: #F0E68C  ; }

.corn  {
color: FBEC5D;  }

.buttermilk  {
color: FEF1B5;  }

<!-- PURPLES
  -->
.purple1  {
color: #9B30FF;  }

.indigo {
color: #72587F;  }

.violet  {
color: #BF5FFF;  }

.eggplant  {
color: #816687;  }

.corfupink  {
color: #ECC8EC;  }

<!-- GREEN and BLUE
  -->
.springgreen  {
color: #00FF33;   }

.slateblue  {
color: #7F00FF;   }