.campground_desc{ 
  width:    600px;
  font-family:  times;
  text-align:   left;
  font-weight:  normal;
  font-size:     16px;
  margin: 30px;
}
.month_title { 
  width:    660px;
  font-family:  arial;
  text-align:  center;
  font-weight:   bold;
  font-size:     16px;
}

.graph {      
  font-family: arial;
  width:    660px;
  height:   280px;
  position: relative;
  background: no-repeat;
  margin: 30px;
}

.graph .graph-area {
  width:    100%;
  height:   200px;
  top:        0px;
  position: relative;
  overflow: hidden;
}

.graph ul {
  position: absolute;
  width:  100%;
  height: 100%;
  margin:   0;
  padding:  0;
  bottom:   0;
  list-style-type: none;
}

.graph ul li { 
  position: absolute;

  width: 16px;
  border: 1px solid #333;

  height: 200px;
  bottom:   0px;
  padding:  0 !important;
  margin:   0 !important;
  background: url("../images/g_colorbar3.jpg") no-repeat !important;
  text-align: center;
  font-weight: bold;
  font-size: 9px;
  color: white;
}

.graph li.red    {  background-position:    0px bottom !important; }
.graph li.orange {  background-position:  -28px bottom !important; }
.graph li.yellow {  background-position:  -56px bottom !important; }
.graph li.blue   {  background-position:  -84px bottom !important; }
.graph li.green  {  background-position: -112px bottom !important; }

.smaller {
  font-size: 6px;
}

.scan_date {
  width:       660px;
  font-family: arial;
  text-align:  right;
  font-style:  normal;
  font-size:   12px;
}