/* CSS Document */
* {
	font-size:small;
}
body
	{
	text-align: center;
	font: small/1.3em  'Trebuchet MS', Verdana, Sans-Serif;
	color:DimGray;
	margin:0 auto;
	background:none;
	padding:0;
	}
#calendar1, #calendar2, #calendar3 { 
	width:100%;
	min-width:100%;
	max-width:100%;
	height:100%;
	min-height:100%;
	max-height:100%;
	margin:0px 0px 0px 0px;
	padding:0;
	page-break-after:always;
	}
.lastCalendar {
	page-break-after:auto;
}
	.calendarHead, h1, .currMonth {margin:0px; padding:0px; float:left; color:black;}
	.calendarHead {margin-top:10px; margin-bottom:10px;padding-right:10%; padding-left:10%;}
		.calendarHead h1 {margin:0px; padding:0px; margin-right:5px; font-size:130%;}
		.calendarHead p {margin:0px; padding:0px;}
	.dayTitles {float:left; width:100%;}
		.dayTitles h2 {margin:1px 0 1px 1px; padding:0 5px 0 5px; float:left; 
		border-top:1px solid black; border-bottom:1px solid black; border-left:1px solid black; height:25px; width:12%;}
	.week1, .week2, .week3, .week4, .week5 {
		width:100%;
		min-width:100%;
		max-width:100%;
		height:150px;
		min-height:150px;
		max-height:100%;
		float:left;
		margin:0;
		padding:0;
		}

.wk1Sun, .wk1Mon, .wk1Tue, .wk1Wed, .wk1Thu, .wk1Fri, .wk1Sat {margin:1px 0 1px 1px; padding:0 5px 0 5px; float:left; height:98%; width:12%;
border-top:1px solid black; border-bottom:1px solid black; border-left:1px solid black;}
.wk2Sun, .wk2Mon, .wk2Tue, .wk2Wed, .wk2Thu, .wk2Fri, .wk2Sat {margin:1px 0 1px 1px; padding:0 5px 0 5px; float:left; height:98%; width:12%;
border-top:1px solid black; border-bottom:1px solid black; border-left:1px solid black;}
.wk3Sun, .wk3Mon, .wk3Tue, .wk3Wed, .wk3Thu, .wk3Fri, .wk3Sat {margin:1px 0 1px 1px; padding:0 5px 0 5px; float:left; height:98%; width:12%;
border-top:1px solid black; border-bottom:1px solid black; border-left:1px solid black;}
.wk4Sun, .wk4Mon, .wk4Tue, .wk4Wed, .wk4Thu, .wk4Fri, .wk4Sat {margin:1px 0 1px 1px; padding:0 5px 0 5px; float:left; height:98%; width:12%;
border-top:1px solid black; border-bottom:1px solid black; border-left:1px solid black;}
.wk5Sun, .wk5Mon, .wk5Tue, .wk5Wed, .wk5Thu, .wk5Fri, .wk5Sat {margin:1px 0 1px 1px; padding:0 5px 0 5px; float:left; height:98%; width:12%;
border-top:1px solid black; border-bottom:1px solid black; border-left:1px solid black;}

/* generates the number in the day box */
h5 {width:100%; min-width:100%; max-width:100%; margin:0; padding:0; float:left; text-align:right; font-size:80%; color:Black; }

/* use this class for all events, each event should be it's own li tag */
ul {margin:0; padding:0; float:left; width:100%; min-width:100%; max-width:100%;}
ul li {list-style-type:none; margin:0; padding:0; font-size:85%;}
ul li em { color:red; font-size:90%; }
ul li strong { font-size:90%; font-weight:bold; }
/*adds border on the right of the last item in that row */
.last {border-right:1px solid #000;}

/* these are classes use: class="hide" or class="show" to turn a wk day div on or off */
.hide {display:none; visibility:hidden;}
.show {visibility:visible;}

/* special event classes */
.firstSpcEvent {background-color:#CCFF99; color:DimGray;}
.secondSpcEvent {background-color:#FFCCFF; color:DimGray;}
.thirdSpcEvent {background-color:#CCFFFF; color:DimGray;}

/*when event is a link you need special treatment*/
.mouseover { cursor:pointer; background-color:Beige; color:DimGray; }
.mouseout { cursor:pointer;}