pre.debug {
	background: green;
	color: black;
}

body {
	margin: 0px;
}
table.CalendarPage {
	height:100%;
	width: 100%;
	border: none;
	border-collapse: collapse;
	margin: 0px;
}
table.CalendarPage td {
}



/******************/
/* Calendar Table */
/******************/
.calendar {
	background:#e4ecfb;
	margin: 0px;
	padding: 1px;
	vertical-align: top;
	height: 100%;
}

.calendar table.month {
	border: 1px solid black;
	border-collapse: collapse;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

/* Day-of-Week header cells */
.calendar table.month th {
	border: 1px solid black;
	height: 1%;
	font-weight: normal;
	font-family: Serif;
}
/* Each day of calendar */
.calendar table.month td {
	border: 1px solid black;
	height: 15%;
	width: 14%;
	vertical-align: top;
	font-size: 0.75em;
	font-weight: bold;
	padding: 4px;
}


.calendar .month .banner {
	white-space: nowrap;
	padding-left: 0.3em;
}
.calendar .month .banner p {
	font-weight: normal;
	font-family: Serif;
	margin: 0px;
}
.calendar .month .banner p.title {
	font-size: 2.17em;
}
.calendar .month .banner p.address {
	margin: 0px;
	font-weight: bolder;
	font-size: 1.1em;
}
.calendar .month .banner p.location {
	font-size: 1em;
}

.calendar .month .banner p.webaddress {
        font-size: 1.4em;
        font-weight: bold;
}


.calendar table.month td .num {
	color: #000;
	font-weight: normal;
/*
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	font-weight:bold;
	float:left;
	padding: 1px 3px 0px 0px;;
	margin: -4px 4px 1px -4px;
*/
}


@media screen
{
/**************/
/* navigation */
/**************/

.MonthTabs,
.MonhtTabs li {
	padding: 0px;
	margin: 0px;
}
.MonthTabs li {
	display:inline;
	float:left;
	padding: 0px 4px;
}
.MonthTabs a
{
	text-decoration: none;
	display: block;
	text-align: center;
}
.MonthTabs a span {
	display:block;
}
.MonthTabs .TabNormal,
.MonthTabs a .TabNormal
{
	background: #808080;
	color: #ffffff;
}

.MonthTabs .TabNormalOver,
.MonthTabs a:hover .TabNormal,
.MonthTabs a:focus .TabNormal
{
	background: #006666;
	color: #ffffff;
}

.MonthTabs .TabActive,
.MonthTabs a .TabActive
{
	background-color: #008888;
	color: #ffffff;
}
.MonthTabs .TabActiveOver,
.MonthTabs a:hover .TabActive,
.MonthTabs a:focus .TabActive
{
	background-color: #22aaaa;
	color: #ffffff;
}


/* custom colors per event type */
/* .title {} */
/* .hours {} */
.Brotherhood_Of_Light	{color:#800000;}
.Full_Moon_Meditation	{color:#F00;}
.Metaphysical_Fair		{color:#36f;}
.Reiki_Shares			{color:#800;}
.Spiritual_Movie_Night	{color:#F60;}
.Yoga					{color:#396;}
.Satori	{color:#000;}
.Class	{color:#808; }
.Class .description { color: #F00; }

}
@media print
{
	.donotprint
	{
		display:none;
	}

	.print
	{
	}

	/* compensate a little for some systems that do not scale 100% nicely. */
	table.CalendarPage {
		height:95%;
	}

}