.daysfont {  font-family:Verdana,Arial,sans-serif; font-size:10px; font-style:normal; font-weight:bold; color:#000; }
.month {  font-family:Verdana,Arial,sans-serif; font-size:10px; font-style:normal; line-height:normal; font-weight:bold; color:#000; }
.number { font-family:Verdana,Arial,sans-serif; font-size:10px; font-style:normal; font-weight:bold; color:#000; }
.event { font-family:Verdana,Arial,sans-serif; font-size:10px; color:#000; text-decoration:none; }
.addleft { font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; color:#333; text-decoration:none; }
.addHead { font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; color:#fff; text-decoration:none; }
.addEvent { font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#fff; text-decoration:none; }
.AddRight { font-family:Arial,sans-serif; font-size:14px; color:#000; }
.eventLink { font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#000000; text-decoration:none; }
.back { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; color:#000; text-decoration:none; }
.toplink { font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#fff; text-decoration:none; }
.topnonlink { font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#000; text-decoration:none; }
.viewEvent { font-family:Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; color:#C00; text-decoration:none; }
.delete { font-family:Verdana,Arial,sans-serif; font-size:10px; font-weight:bold; color:#C00; text-decoration:none; }
.viewall { font-family:Verdana,Arial,sans-serif; font-size:10px; font-weight:normal; color:#000; text-decoration:none; }
a { color:#000; text-decoration:none; }
/* a:hover { text-decoration:underline; } */
div.eventLink { font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#000000; padding:0 4px; }
.btn-blk { background-color:#000; color:#fff; font-size:8pt; font-family:Verdana,Arial,Helvetica,sans-serif;
           border-right:2px groove #ccc; border-left:2px groove #ECECEC;
           border-top:2px groove #ECECEC; border-bottom:2px groove #ccc; }

  /* Use 'position:absolute' to push the span inside the anchor way off the screen */
.link a span {position:absolute; left:-9999px; width:900px; }
  /* On 'hover' set the anchor to 'position:relative' to get a measuring point.
     Somehow IE doesn't like it when this is in the '.link a' declaration... */
.link a:hover, .link a:focus, .link a:active {position:relative; text-decoration:none; }
  /* Take the previously hidden span and display it near the anchor */
.link a:hover span, .link a:focus span, .link a:active span {
  left:15px; top:-40px; width:140px; padding:5px;
  font-size:110%;
  color:#000; background:#fffFF6;
  border:2px solid #666; text-decoration:none;
  }
.rlink a span {position:absolute; left:-9999px; width:900px;}
.rlink a:hover, .rlink a:focus, .rlink a:active {position:relative; text-decoration:none; }
.rlink a:hover span, .rlink a:focus span, .rlink a:active span {
  left:-120px; top:-40px; width:140px; padding:5px;
  font-size:110%;
  color:#000; background:#fffFF6;
  border:2px solid #666; text-decoration:none;
  }
  /* IE doesn't show this - but others will. */
/*.link a:hover span:before, .link a:focus span:before, .link a:active span:before {eventLink:"Read more";}*/