<style type="text/css">

#header {
  margin-left: 0px;
  border-bottom: 2px  solid #765EFF;
  height: 125px;
  }
  
  
#leftcol {
  float: left;
  width: 160px;
  margin-left: 0px;
  margin-top: 0px;
  background: #765EFF;
  color: white;
  padding: 3px;
  font-size: 11px;

  }
    

#leftcol a {
    color:yellow;
  text-decoration: none;
  
  }
    
#leftcol a:hover {
    color:orange;
  text-decoration: none;
  
  }

#content {

  margin-left: 180px;
  padding: 0px;
  color: #330066;
  font-family: corbel;
  
  }
#content a {
    color:#8080FF;
  text-decoration: none;

  }

#content a:hover {
    color:#DC0A2F;
  text-decoration:underline;
  }
  
#footer {
    clear: both;
    width: 100%;
  margin: 10px;
  height: 18px;
  text-align: center;
  font-family: arial;
  font-size: 12px;
  padding: 3px;
  border-top: 1px solid #333;
  background-color: #808080;
  }

  #footer .geninfo {
    float: center;
    text-align: left;
    color: white;
    }
  

  
body {
  width: 97%;
  }

html, body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #330066;
  font-family: arial;

  }

p1 {
  font-family: corbel;
  color: #400080;
  text-decoration:none;
  
  }
p2 {
  font-family: corbel;
  color: #400040;
  text-decoration:none;
  
  } 
a {
  font-family: arial;
  color: white;
  text-decoration:none;
  
  }
  
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia;
  margin-top: 0px;
  }
  
 
img
{
 border-color: #8080FF;
} 

</style>
<style type="text/css">
       /*Menu Links*//*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#menu3 a:hover  {color:#8080FF;text-decoration:none; }
#menu3 a:active	{color:black;text-decoration:none; }
#menu3 a:visited{color:#C0C0C0;text-decoration:none; }
                           /*End Menu Links*/
</style>


