body { background-color:#FFFFDD; }
a.menu:link{     background-color:#CCFFCC; color:#0000FF; text-decoration:none; font-weight: bold; }
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; font-weight: bold; }
a.main:visited{ color:#0000FF; text-decoration:none; font-weight: bold; }
a.main:active{  text-decoration:none; font-weight: bold; }
a.main:hover{  color:red; text-decoration:none; font-weight: bold; }
.advisoryBoxnoactive {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: white;
  margin: 0 0 0 0;
  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: 0 0 0 0;
  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: 0 0 0 0;
  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: 0 0 0 0;
  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: 0 0 0 0;
  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;
}