table.calendar {
  width: 100%;
  border-spacing: 16px 18px;
  padding: 0px;

}

table.calnav {
  width: 100%;
  border-spacing: 0px;
  padding: 0px;

}

table.month {border: 1px solid #ccc; border-collapse:collapse;}
table.month tr {border: 1px solid #ccc; border-collapse:collapse;}
table.month tr td {border: 1px solid #ccc; border-collapse:collapse; padding:7px 12px 7px 12px;}
td.month {vertical-align: top;}

td.mname      {text-align: center; background: #ccc;}
a.mname       {color: #000; text-decoration:none;}
a.mname:hover {color: #666; text-decoration:underline;}

table.monthdesc {
  width: 100%;
  border-spacing: 0px;
  padding: 0px;

}

tr.wdays td {text-align: right; font-size: 12px; background: #eee; color: #888;}
td.e        {background: #eee;}
td.f        {color: #f00; text-align: right; font-size: 15px;}
td.fna      {color: #f88; text-align: right; font-size: 15px;}
td.ff       {color: #f00; text-align: right; font-size: 15px; font-weight: bold;}
td.ffna     {color: #f88; text-align: right; font-size: 15px; font-weight: bold;}
a.af        {color: #F00; text-align: right; font-size: 15px; text-decoration:none;}
a.af:hover  {color: #f88; text-decoration:underline;}
td.l        {color: #000; text-align: right; font-size: 15px;}
td.lna      {color: #888; text-align: right; font-size: 15px;}
a.al        {color: #000; text-align: right; font-size: 15px; text-decoration:none;}
a.al:hover  {color: #888; text-decoration:underline;}

span.desc   {font-size: 12px; text-align: left;}
p.desc      {font-size: 12px; text-align: left; margin: 0; padding: 0; width:287px;}