/* CSS Document */

.redstyle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #FF0000;
	text-align:center;
}

.bluestyle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #0000FF;
	text-align:center;
	}

.calfont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.style1 {font-size: 14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}

div#cal {
	margin-top:0px;
	width:13.5em;
	height:300px;
	background-image:url(../images/calendar_box_blue.gif);
	background-repeat:no-repeat;
	}
	
div#calposition {
	padding: 5px 2px 5px 20px;
	}

ol { list-style: none; }

.calendar, .dayheaders {
	width: 175px;
	overflow:auto;
	margin: 0px;
	padding: 0px;
	_height:1%;
}
/*container, this color is for blank days*/
.calendar {
	border: 1px solid #3A6769;
	border-bottom-color: #3A6769;
	border-right-color: #3A6769;	/*position: relative;*/
}

.calendar li a, .calendar li {
	display: block;
	width: 23px;
	height: 23px;
}

.dayheaders li {
	display: block;
	width: 25px;
	height: 15px;
	text-transform: lowercase;
}

.calendar li, .dayheaders li { float: left; }
.calendar a, .dayheaders li { text-align: center; }

.calendar li {
	border: 1px solid #3A6769;
	border-bottom-color: #3A6769;
	border-right-color: #3A6769;
	background: #87F2F5;
	display: inline; /* For IE */
}

.calendar a {
	height: 18px;
	text-decoration: none;	
}

.calendar a:hover {
	background: #fff;
}

.calendar a span {
	position: relative;
	top: 4px;
}

.sundaystart .firstday { margin-left: 0px; }
.mondaystart .firstday { margin-left: 25px; }
.tuesdaystart .firstday { margin-left: 50px; }
.wednesdaystart .firstday { margin-left: 75px; }
.thursdaystart .firstday { margin-left: 100px; }
.fridaystart .firstday { margin-left: 125px; }
.saturdaystart .firstday { margin-left: 150px; }

.calendar a, li, p {
	list-style-type:none;
	font-family: Verdana,Arial,sans-serif;
	font-size: 10px;
	color: #000;
}
	
h3.calendar {
	padding-top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	color:#3A6769;
	border:none;
	line-height:100%;
	}

/*this is the pop up type*/
.events {
	position: absolute;
	margin-left: 0px;
	margin-top: 100px;
	top: 0px;
	width: 140px;
	display: none;
	visibility: visible;
}

/*on p.first be sure to use the styles for the day of the first of the month*/
p.first {
	margin-left: -50px;
	margin-top:10px;
 }

p.mon {
	margin-left: -25px;
	margin-top:10px;
	}
	
p.tues {
	margin-left:-50px;
	margin-top:10px;

	}
	
p.wed {
	margin-left:-75px;
	margin-top:10px;
	}
	
p.thur {
	margin-left:-100px;
	margin-top:10px;
	}
	
p.fri {
	margin-left:-125px;
	margin-top:10px;
	}
	
p.sat {
	margin-left:-150px;
	margin-top:10px;
	}

.calendar li:hover .events, .events:hover {
	display: block;
}

p.holiday {
	color:#FF0000;
	}
	
p.early {
	color:#0000FF:
	}
