#calendar
{
  text-align: center;    
  width: 210px;
  padding: 0 10px 0 10px;
}

a.month
{ 
  float: left;
  font-weight: bold;
  font-size: 12pt;
  margin-top: -5px;
  color: #ffffff !important;
  background-color: #ff9900;
  padding: 5px;
}

#calendar table
{
  margin: 20px auto 10px auto;
}

#calendar span
{
  font-weight: bold;
}

#calendar table th
{
  text-align: center;
  font-weight: normal;
}

#calendar table td
{
  text-align: center;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: solid 1px #ffffff;
}

#calendar table td a
{
  color: #ff9900;
  width: 20px;
  height: 20px;
  display: block;
  line-height: 20px;
  font-weight: bold;
}

.empty
{
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.dayWithEvent
{
  border: solid 1px #ff9900 !important;
}

.dayWithEvent a
{
  font-weight: bold !important;
}

.dayWithoutEvent a
{
  color: #000000 !important;
  font-weight: normal !important;
}

.active
{
  border: solid 1px #ff0000 !important;
  background-color: #ff0000 !important;
  color: #ffffff !important;
}

.active a
{
  color: #ffffff !important;
}

.orangeBox
{
  background-color: #ffd77f;
  min-height: 10.2em;
  text-align: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: normal !important;
  font-size: 110%;
  width: 230px;
}

.orangeBox h1
{
  background: #ff9900 url(/_images/boxes/Mobile-small.jpg) top left no-repeat;
  height: 30px;
  border-bottom: 1px white solid;
  color: white;
  font-size: 14px;
  font-weight: bold;
  line-height: 2em;
  cursor: pointer;      
  text-indent: 20px;
}

.orangeBox a
{
  color: #000000;
}

#listing h2
{
  font-weight: bold;
  color: #000000;
}

.eventListing
{
  width: 100%;
}

.eventListing th
{
  font-weight: normal;
  border-bottom: solid 1px #ff9900;
}


#events a
{

  text-decoration: underline;
  font-weight: bold;
  color: #514e87;
}

#events a:hover
{
text-decoration:underline;
color: #ff8500;
}