body { background-color:#FFFFDD; }
a.menu:link{     background-color:#CCFFCC; color:#0000FF; text-decoration:none; font-weight: normal; }
a.menu:visited{ background-color:#CCFFCC; color:#0000FF; text-decoration:none; font-weight: bold; }
a.menu:active{  background-color:#CCFFCC; text-decoration:none; font-weight: bold; }
a.menu:hover{  background-color:#DDEEFF; color:red; text-decoration:none; font-weight: bold; }

a.main:link{     color:#0000FF; text-decoration:none; }
a.main:visited{ color:#0000FF; text-decoration:none; }
a.main:active{  text-decoration:none; }
a.main:hover{  color:red; text-decoration:none; }
.advisoryBoxnoactive {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: white;
  margin: 20px 0px 20px 0px;
  padding: .5em 0em .5em 0em;
  border: 2px solid rgb(34,70,79);
  width: 716px;
}
.advisoryBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #FFFF85;       
  margin: 20px 0px 20px 0px;
  padding: .5em 0em .5em 0em;
  border: 2px solid rgb(34,70,79);
  width: 716px;
}
.watchBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #B3F7FF;      
  margin: 20px 0px 20px 0px;
  padding: .5em 0em .5em 0em;
  border: 2px solid rgb(34,70,79);
  width: 716px;
}
.warningBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #FF3300;         
  margin: 20px 0px 20px 0px;
  padding: .5em 0em .5em 0em;
  border: 2px solid rgb(0,0,0);
  width: 716px;
}
.warningBox a {
  color: white;
}
.tornadowarningBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #CC0000;
  margin: 20px 0px 20px 0px;
  padding: .5em 0em .5em 0em;
  border: 2px solid rgb(255,255,255);
  width: 716px;
}
.tornadowarningBox a {
  color: white;
}
#sunchart {
    margin: 1px auto; 
    width: 360px;
    text-align: left;
}

<style type="text/css">
@font-face {
 font-family: CopperplateGothicHB;
 src: url("./fonts/COPGOTHB.eot") /* EOT file for IE */
}
@font-face {
 font-family: CopperplateGothicHB;
 src: url("./fonts/COPGOTHB.TTF") /* TTF file for CSS3 browsers */
}
span.CopperplateGothicBold {
 font-family: CopperplateGothicBold;
}
</style>

<style type="text/css">
@font-face {
 font-family: CopperplateGothicBT;
 src: url("./fonts/COPRGTB.eot") /* EOT file for IE */
}
@font-face {
 font-family: CopperplateGothicBT;
 src: url("./fonts/COPRGTB.TTF") /* TTF file for CSS3 browsers */
}
span.CopperplateGothicBT {
 font-family: CopperplateGothicBT;
}
</style>

<style type="text/css">
@font-face {
 font-family: CopperplateGothicLight;
 src: url("./fonts/COPRGTL.eot") /* EOT file for IE */
}
@font-face {
 font-family: CopperplateGothicLight;
 src: url("./fonts/COPRGTL.TTF") /* TTF file for CSS3 browsers */
}
span.CopperplateGothicLight {
 font-family: CopperplateGothicLight;
}
</style>