.wrapperon{
width:610px;
background-color: #ffffe1;
float:left;
border-top: solid 1px #666666;
border-left: solid 1px #666666;
border-right: solid 1px #666666;
}

.dateboxon{
width: 120px;
height: 66px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
text-align:center; 
font-size:20px; 
font-weight: bolder;
color: #FFFFAE;
background-color: #4A2500;
border-bottom: solid white 1px;
}

.dateboxontoday{
width: 120px;
height: 66px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-variant: small-caps;
text-align:center; 
font-size:20px; 
font-weight: bolder;
color: #FFFFAE;
background-color: #006600;
border-bottom: solid white 1px;
}

.data1{
height: 66px;
width: 120px;
float:left;
color: #4A2500;
background-color: #ffffe1;
height:66px;
text-align:center; 
font-size:15px; 
border-bottom: dashed #4A2500 1px;
}







#page {margin: auto; display:block; width: 955px; border:0px solid #000; background:#fff; padding: 5px;}


.dateboxoff{
float:left;
border: 1px solid black;
}


.moonon{
height:66px;
width: 120px;
float:left;
color: #4A2500;
background-color: #ffffe1;

}





.eventon{
height:66px;
width: 120px;
float:left;
color: #4A2500;
background-color: #ffffe1;
}











div.notes h4 {
  background-image: url(../../designer/images/information.png);
  background-repeat: no-repeat;	
  background-position: top left;
  padding: 0 0 3px 20px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;


}

div.notes {
  float: right;
  width: 223px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 0 5px 5px 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
text-align:justify;

}



.tidedata_holder{
border: 1px red dashed;
width: 300px;
height: 90px;
float:left;
}

.datebox2{
border: 1px red dashed;
width: 120px;
height: 80px;
float:left;
}