#content
{
  overflow: auto;
  height: 56em;
}

h1#CalTitle,
h1.title
{
  color: brown;
  text-align: left;
  padding: 0.25em 0.125em;
  margin: 0.25em 0.125em 0.25em 0;
}
h2
{
  text-align: left;
  padding: 0.25em;
  margin: 0.3em 0.1em;
}
h2#WeeklyNews
{
  font-size: 150%;
  color: brown;
  margin-top: 1em;
}
p#MoreInfo
{
  display: none;
  padding: 0;
  margin: 0;
}
table.calendar,
table.upcoming
{
  position: relative;
  width: 99%;
  border-collapse: collapse;
  border: 1px solid black;
  background-color: #fcfcf6; /* between beige and white */
  padding: 0;
}
#content table.calendar
{
  font-size: 80%;
}

#content div#month h2
{ 
  float: left;
}
#content div#month a
{ 
  float: left;
  position: relative;
  top: 1.2em;
}
#content div#month a
{
  margin: 0 0.1em 0 0.1em;
}

#content div#month a:link,
#content div#month a:visited,
#content div#month a:hover
{
  border-style: none;
}
#content div#month a img
{ 
  border-style: none;
}

#content div#month a#next.not,
#content div#month a#next.not:link,
#content div#month a#next.not:visited,
#content div#month a#next.not:hover
{
  border: none;
  background-image : url("/Images/next_not.png");
}
#content div#month a#prev.not,
#content div#month a#prev.not:link,
#content div#month a#prev.not:visited,
#content div#month a#prev.not:hover
{
  border: none;
  background-image : url("/Images/prev_not.png");
}

#content div#month a#prev:link,
#content div#month a#prev:visited
{
  text-indent: 0;
  background-image : url("/Images/prev.png");
}
#content div#month a#prev:hover
{
  text-indent: 0;
  background-image : url("/Images/prev-hover.png");
}

#content div#month a#next:link,
#content div#month a#next:visited
{
  text-indent: 0;
  background-image : url("/Images/next.png");
}

#content div#month a:hover
{
  text-indent: 0;
  background-image : url("/Images/next-hover.png");
}

#content .clearfix
{
  clear: both;
}

table.calendar:after,
table.upcoming:after
{
  clear: both;
}

table.calendar th,
table.upcoming th
{
  text-align: center;
  font-weight: bold;
  vertical-align: baseline;
  border: 1px solid black;
}

table.upcoming tr.evtitle,
table.upcoming tr.special
{
  color: red;
  font-size: 120%;
  font-weight: bold;
}
table.upcoming tr.summer,
span.summer,
table.upcoming tr.fitness
{
  color: blue;
}

table.upcoming tr.mixed,
table.upcoming tr.camp
{
  color: green;
}

table.calendar td
{
  vertical-align: top;
  height: 11em;
  width: 13em;
  border: 1px solid black;
}
table.upcoming td
{
  text-align: center;
  vertical-align: middle;
  border: 1px solid black;
}

table.calendar td dl
{
  max-width: 12em;/*10.75em;*/
}

table.calendar td dl dt,
table.calendar td dl dd
{
  background-color: white;
}
table.calendar td dl dt
{
  padding: 1px 0.5em 0 0;
  margin: 0;

  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
table.calendar td dl dd
{
  padding: 0 0.5em 1px 0.5em;
  margin: 0 0 0.5em 0;

  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

table.calendar td dl dt.wait,
table.calendar td dl dt.wait + dd
{
  background-color: #f0f0e8;/*#ddb;*/
  font-weight: lighter;
}

table.calendar td.blank,
table.upcoming td.blank
{
  background: #555;
}
table.calendar thead,
table.upcoming thead
{
  border: 3px solid black;
}
table.calendar col,
table.upcoming col
{
  border: 1px solid black;
}
table.calendar span.date
{
  font-style: italic;
  font-size: 0.8em;
  vertical-align: top;
  margin: 0.1em;
}

table.calendar td dl dd p
{
  padding: 0;
  margin: 0;
}
table.calendar td dl dd ul,
table.calendar td dl dd ul li
{
  padding: 0;
  margin: 0;
  list-style: none;
}
table.calendar td dl dd ul li
{
  font-style: normal;
  font-size: 110%;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}
table.calendar td dl dd ul li:first-child
{
  font-size: 120%;
  font-weight: bold;
}

table.calendar td dl dd ul li:last-child
{
  font-size: 100%;
  font-weight: normal;
  font-style: italic;
/*  text-align: center;*/
}

dl.fitness,
dl.regular,
dl.special
dl.beginner,
dl.intermediate,
dl.mixed,
dl.blackbeltclub,
dl.arnis,
dl.makeup,
dl.kickboxing,
dl.core,
dl.pilates,
dl.mix,
dl.bodypump,
dl.plyometrics,
dl.lowerbody,
dl.camp
{
  padding: 0;
  margin: 0.1em 0 0.2em 0;
}

dl.fitness dt,
dl.regular dt,
dl.special dt,
dl.beginner dt,
dl.intermediate dt,
dl.mixed dt,
dl.blackbeltclub dt,
dl.arnis dt,
dl.makeup dt,
dl.kickboxing dt,
dl.core dt,
dl.pilates dt,
dl.mix dt,
dl.bodypump dt,
dl.plyometrics dt,
dl.lowerbody dt,
dl.camp dt
{
  margin: 0.2em 0.2em 0 0;
  font-size: 120%;
  font-weight: bold;
  font-style: normal;
}

dl.fitness dd,
dl.regular dd,
dl.special dd,
dl.beginner dd,
dl.intermediate dd,
dl.mixed dd,
dl.blackbeltclub dd,
dl.arnis dd,
dl.makeup dd,
dl.kickboxing dd,
dl.core dd,
dl.pilates dd,
dl.mix dd,
dl.bodypump dd,
dl.plyometrics dd,
dl.lowerbody dd,
dl.camp dd
{
  margin-left: 0.2em;
  font-size: 92%;
  font-weight: normal;
  font-style: italic;
}

dl.fitness,
dl.regular,
dl.special,
dl.beginner,
dl.intermediate,
dl.mixed,
dl.blackbeltclub,
dl.arnis,
dl.makeup,
dl.kickboxing,
dl.core,
dl.pilates,
dl.mix,
dl.bodypump,
dl.plyometrics,
dl.lowerbody,
dl.camp
{
  display: none;
}

#content.fitness dl.fitness,
#content.intermediate dl.intermediate,
#content.kickboxing dl.kickboxing
{
  display: block;
  color: blue;
  background-color: transparent;
}

#content.regular dl.regular,
#content.blackbeltclub dl.blackbeltclub,
#content.core dl.core
{
  display: block;
  color: black;
  background-color: transparent;
}

#content.special dl.special,
#content.beginner dl.beginner,
#content.pilates dl.pilates
{
  display: block;
  color: red;
  background-color: transparent;
}

#content.arnis dl.arnis,
#content.mix dl.mix,
#content.camp dl.camp
{
  display: block;
  color: green;
  background-color: transparent;
}

#content.mixed dl.mixed,
#content.bodypump dl.bodypump,
#content.lowerbody dl.lowerbody
{
  display: block;
  color: brown;
  background-color: transparent;
}

#content.makeup dl.makeup,
#content.plyometrics dl.plyometrics
{
  display: block;
  color: purple;
  background-color: transparent;
}

dl.fitness dt.evtitle,
dl.regular dt.evtitle,
dl.special dt.evtitle,
dl.beginner dt.evtitle,
dl.intermediate dt.evtitle,
dl.mixed dt.evtitle,
dl.blackbeltclub dt.evtitle,
dl.arnis dt.evtitle,
dl.makeup dt.evtitle,
dl.kickboxing dt.evtitle,
dl.core dt.evtitle,
dl.pilates dt.evtitle,
dl.mix dt.evtitle,
dl.camp dt.evtitle,
dl.bodypump dt.bodypump
{
  font-size: 150%;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

tr.evtitle
{
  font-size: 120%;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

#filters
{
  position: absolute;
  top: 6em;
  right: 1.25em;
  font-size: 70%;
  font-style: italic;
  border-style: none;
}

#filters label
{
  font-style: normal;
}
#filters:after
{
  clear: both;
}
#filters label.fitness,
#filters label.intermediate,
#filters label.kickboxing
{
  color: blue;
}
#filters label.special,
#filters label.beginner,
#filters label.pilates
{
  color: red;
}
#filters label.mixed,
#filters label.bodypump,
#filters label.lowerbody
{
  color: brown;
}
#filters label.makeup,
#filters label.plyometrics
{
  color: purple;
}
#filters label.arnis,
#filters label.mix,
#filters label.camp
{
  color: green;
}
#filters label.regular,
#filters label.blackbeltclub,
#filters label.core
{
  color: black;
}

/*** previously inline style ***/

div#content
{
  height: auto;
}
@media print
{
  div#content
  {
    width: 100%;
  }
  div#content_first
  {
    width: 98%;
  }
  table.calendar
  {
    width: 100%;
    font-size: 8pt;
  }
  table.calendar td
  {
    height: 10em;
    width: 10em;
  }
}