/*********** CALENDAR - MONTHLY SMALL ********/
#calendarMonthSmall {
  float: left;
  display: block;
  width: 176px;
  padding: 0 0 20px 0;
  border-bottom: none;
}

#calendarMonthSmall div.previousMonth {
  float: left;
  clear: both;
  font-family: arial;
  font-size: 85%;
}

#calendarMonthSmall div.previousMonth a {
  text-decoration: none;
}

#calendarMonthSmall div.nextMonth {
  float: right;
  font-family: arial;
  font-size: 85%;
}

#calendarMonthSmall div.nextMonth a {
  text-decoration: none;
}
#calendarMonthSmall div.weekHeaderRow {
  float: left;
  width: 176px;
  height: 22px;
  border-bottom: solid 1px black;
}

#calendarMonthSmall div.weekHeaderRow .dayHeader {
  float: left;
  width: 25px;
  height: 22px;
  padding: 4px 0 0 0;
  text-align: center;
}

#calendarMonthSmall div.weekHeaderRow .left {
  border-left: none;
}

#calendarMonthSmall ul {
  float: left;
  clear: left;
  width: 176px;
  height: 22px;
  border-bottom: solid 1px black;
}

#calendarMonthSmall ul li {
  float: left;
  width: 24px;
  height: 18px;
  text-align: center;
  padding: 4px 0 0 0;
  border-left: solid 1px black;
  display: block;
}

#calendarMonthSmall ul li a:link,
    #calendarMonthSmall ul li a:visited,
    #calendarMonthSmall ul li a:active,
    #calendarMonthSmall a {
  color: #444444;
}

#calendarMonthSmall ul li.right {
  border-right: solid 1px black;
}

#calendarMonthSmall ul li.otherMonth {
  background-color: #EBF6EF;
}

#calendarMonthSmall div.monthHeader {
  float: left;
  clear: both;
  margin: 3px 0 0 0;
  background-color: black;
  color: white;
  height: 18px;
  letter-spacing: 3px;
  text-align: center;
  padding: 3px 0 0 0;
  width: 176px;
}

#calendarMonthSmall ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#calendarMonthSmall ul li.eventDay {
  background-color: #A4C9A4;
}
#calendarMonthSmall ul li.hasEvent {
  padding: 4px 0 0 0;
  height: 18px;
}
#calendarMonthSmall ul li.avgDay {
  background-color: #A4C9A4;
}
#calendarMonthSmall ul .day a {
  text-decoration: none;
}

#calendarMonthSmall li:hover,
    #calendarMonthSmall li a:hover {
  background-color: #666666;
  color: white;
}

#calendarMonthSmall .today,
    #calendarMonthSmall .today a:link,
    #calendarMonthSmall .today a:visited,
    #calendarMonthSmall ul.weekRow .today {
  background-color: #666666;
  color: white;
}

#calendarMonthSmall a .hasEvent {
  font-weight: bold;
  font-size: 110%;
}
#calendarMonthSmall a {
  display: block;
}
#calendarMonthSmall .today a {
  color: white;
}
#calendarMonthSmall ul.weekRow li:hover {
  background-color: #666666;
  color: white;
}
#calendarMonthSmall ul.weekRow li:hover a {
  color: white;
}
#events {
  float: left;
  width: 330px;
  min-height: 171px;
  margin: 3px 0 20px 40px;
}
#events h4 {
  margin: 15px 0 3px 0;
  font-style: normal;
  font-size: 100%;
  font-weight: bold;
}
#events div.event {
  float: left;
  clear: left;
  margin: 10px 0 0 0;
}
#events div.event p {
  clear: left;
  float: left;
  width: auto;
  margin: 0;
  padding: 0;
}
#events div.event p.suppEventInfo {
  font-style: italic;
  font-size: 90%;
}
#pressReleasePageContent.calendar {
  padding-top:.1em;
  clear: left;
}