/* CSS Document */
* {
	
}
body
	{
/*	text-align: center;
	font: small/1.3em  'Trebuchet MS', Verdana, Sans-Serif;
	margin:0;
	background: url(/Images/goldangelbdr.jpg) 50% 0;
	padding:0;
	border:thin dotted purple;
*/
	background: #FFF url(../Images/goldangelbdr.jpg) 0 0 repeat-y;
	
	}
#calendar1, #calendar2, #calendar3, #calendar4 { 
	width:790px;
	min-width:790px;
	max-width:100%;
	height:100%;
	min-height:100%;
	max-height:100%;
	margin:10px 10px 10px 250px;
	padding:0;
	}
	.lastCalendar { margin-bottom:250px; }
	.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%; font-size:.95em;}
		.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.5%;
		 font-size:.95em;}
	.week1, .week2, .week3, .week4, .week5, .week6 {
		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.5%;
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.5%;
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.5%;
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.5%;
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.5%;
border-top:1px solid black; border-bottom:1px solid black; border-left:1px solid black;}
.wk6Sun, .wk6Mon, .wk6Tue, .wk6Wed, .wk6Thu, .wk6Fri, .wk6Sat {margin:1px 0 1px 1px; padding:0 5px 0 5px; float:left; height:98%; width:12.5%;
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:98%; min-width:98%; max-width:98%; }
ul li {list-style-type:none; margin:0; padding:0; font-size:85%; }
ul li em { color:red; font-size:90%; margin:0; padding:0; }
ul li strong { font-size:90%; font-weight:bold; margin:0; padding:0; }
/*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 { background-color:Beige; color:DimGray; }