body {
  background-color: #ffffcc;
  font-family: Arial, Helvetica, sans-serif;
  color: #330066;
  font-size : 15px;
  margin-left: 30px;
  margin-right: 30px;
}
a:link { color: #660000;
  text-decoration: none;
}
a:visited { color: #666633;
    text-decoration: none;
}
a:hover { color: #FF6600;
}
a:active { color: #ff0000 }

.text {
  font-family: Arial, Helvetica, sans-serif;
  color: #330066;
  font-size : 15px;
}

.nav {
  font-family: "Courier New", Courier, monospace;
  font-size: 15px;
  text-decoration: none;

}

.nav2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;

  
}
h1 {
  color: Maroon;
  font-family: "Courier New", Courier, monospace;
  font-size: 20pt;
  padding-top: 5px;
  padding-bottom: 2px;
  padding-left: 40px;
}
h2 {
  color: #008080;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 15pt;
}
h3 {
  color: #008080;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11pt;
}

h4 {
  color: #008080;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13pt;
}
 
  .cr {
  color: Maroon;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
}

  .mess {
  background-color: Silver;
  font-family: "Courier New", Courier, monospace;
  font-size: 20px;
  padding-top: 5px;
  padding-bottom: 2px;
  padding-left: 40px;
    }
 .bgc1 { background-color: #33cc99}
 .bgc2 { background-color: #cccc99} 
 .bgc3 { background-color: #cc9999}
 .bgc4 { background-color: #ffcc99}
 .bgc5 { background-color: #ff9966}
 .bgc6 { background-color: #FF6633;
}
 .bgc7 { background-color: #ffffff} 
 .bgc8 { background-color: #ffffcc}