/* Virtual Perpetual Calendars (VPC) Cascading Style Sheet (CSS) 'vpc.css' */

#months table tr th.monthname
{
  text-align: center;
  font-weight:  bold; 
}

#months table
{
  text-align: center;
  border: ridge 1px;
}

#months table tr th.day-of-week
{
  text-align: center;
  font-weight: bold;
  border: inset 1px;
}

#months table tr td.day-number
{
  text-align: center;
  border: inset 1px;
}

#months table tr td span.holiday 
{
  color:      #F36080;
  font-weight:  bold; 
}

span.holiday 
{
  color:      #F36060;
  font-weight:  bold; 
}

#page-summary1 ul
{
  margin: 1em;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#page-summary1 ul li
{
  display: inline;
  width: 200px;
  line-height: 2em;
}

#page-summary1 ul li a
{
  text-decoration: none;
  padding: 1em 1em;
  color: #000000;
  background-color: #CC9966;
}

#page-summary1 ul li a:hover
{
  background-color: #CC9933;
}

#page-summary1 ul li.no-link
{
  text-decoration: none;
  padding: 1em 1em;
  color: #000000;
  background-color: #CC9966;
}

#page-summary2 ul
{
  margin: 1em;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#page-summary2 ul li
{
  display: inline;
  width: 200px;
  line-height: 2em;
}

#page-summary2 ul li a
{
  text-decoration: none;
  padding: 1em 1em;
  color: #000000;
  background-color: #CC9966;
}

#page-summary2 ul li a:hover
{
  background-color: #CC9933;
}

#page-summary2 ul li.no-link
{
  text-decoration: none;
  padding: 1em 1em;
  color: #000000;
  background-color: #CC9966;
}

body 
{
  background-image: url("Calendar_Back1.gif")
} 

div.title 
{
  font-size: x-large;
  font-weight: bold;
  text-align: center;
}

div.title2 
{
  font-size: large;
  font-weight: bold;
  text-align: center;
  margin: 1em;
}

table.parent 
{
  background-color: #CCFFFF;
  text-align: center;
  margin: 0 auto;
}

table.child 
{
  background-color: #FFCC99;
  text-align: center;
  margin: 0 auto;
}

table.summary 
{
  background-color: #CC9966;
  text-align: center;
  margin: 0 auto;
}

span.summary-label
{
  font-weight: bold;
}

td.divider 
{
  background-color: #66FFFF;
}

td.date-label
{
  text-align: left;
}

td.day-number
{
  text-align: center;
}

td.who
{
  text-align: center;
}

td.description
{
  text-align: left;
}

#navcontainer ul
{
  margin: 1em;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#navcontainer ul li 
{ 
  display: inline; 
}

#navcontainer ul li a
{
  text-decoration: none;
  padding: .2em 3em;
  color: #993300;
  background-color: #CCFFFF;
}

#navcontainer ul li a:hover
{
  color: #993300;
  background-color: #99FFFF;
}

#navcontainer1 ul
{
  margin: 1em;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#navcontainer1 ul li 
{ 
  display: inline; 
}

#navcontainer1 ul li a
{
  text-decoration: none;
  padding: .2em 3em;
  color: #993300;
  background-color: #CCFFFF;
}

#navcontainer1 ul li a:hover
{
  color: #993300;
  background-color: #99FFFF;
}
#navcontainer2 ul
{
  margin: 1em;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

#navcontainer2 ul li 
{ 
  display: inline; 
}

#navcontainer2 ul li a
{
  text-decoration: none;
  padding: .2em 3em;
  color: #993300;
  background-color: #CCFFFF;
}

#navcontainer2 ul li a:hover
{
  color: #993300;
  background-color: #99FFFF;
}