/* Just a generic td */
td{
			text-align: center;
			vertical-align: middle;
}

/* Body CSS */
body{
			font-family: arial, verdana, sans-serif;
			font: 1.0em;
}

/* Making the appropriate font for the calendar */
table.calendar2, span.title{
			font-family: Calibri, sans-serif;
}

/* A link that is not a half-day */
a.view:link {color: #ffffff;}
a.view:active {color: #ffffff}
a.view:visited {color: #00000;}
a.view:hover {color: #00000;}

/* The colors for a link on a half-day */
a.dayoff:link {color: #ffffff;}
a.dayoff:active {color: #ffffff;}
a.dayoff:visited {color: #ffffff;}
a.dayoff:hover {color: #ffffff;}

/* The page title */
.pageTitle{
	color: navy;
	text-decoration: underline;
	font-size: 40px;
	font-weight: bold;
	font-family: Calibri, sans-serif;
}



table.calendar2 td.weekend, table.calendar2 td.dayoff{
	background: #336699;
	color: white;
}

table.calendar2 td.halfday{
	background: url('http://www.marriottsridge.net/calendar/half.gif');
}

table.calendar2 td{
	width: 100px;
	height: 100px;
	font-weight: bold;
	font-size: 15px;
	padding: 3px;
}

table.monthhead span.title{
	font-size: 24px;
	color: navy;
}

form.jump{
	font-weight: bold;
	font-size: 15px;
}

form.jump td{
	width: 25px;
	height: 10px;
}

table.calendar2 th{
	width: 100px;
	background: navy;
	color: white;
	font-size: 70%;
}

table.monthhead a.arrow{
	text-decoration: none;
}

table.calendar2, table.calendar2 td{
	border: 1px solid black;
	border-collapse: collapse;
}

table.calendar2 td.leftover{
	background: #EEE9E9;
	color: #BBB6B6;
	font-style: italic;
	text-align: center;
	vertical-align: center;
	font-size: 10px;
}

/* The colors for a link on a non-school day */
table.calendar2 td.weekend a:link, table.calendar2 td.dayoff a:link {color: #ffffff;}
table.calendar2 td.weekend a:link, table.calendar2 td.dayoff a:active {color: #ffffff;}
table.calendar2 td.weekend a:link, table.calendar2 td.dayoff a:visited {color: #ffffff;}
table.calendar2 td.weekend a:link, table.calendar2 td.dayoff a:hover {color: #ffffff;}

/* A or B day */
td.ADay{
	background-image: url("http://www.marriottsridge.net/calendar/aday.gif");
}
td.BDay{
	background-image: url("http://www.marriottsridge.net/calendar/bday.gif");
}
td.halfdayADay{
	background-image: url("http://www.marriottsridge.net/calendar/halfAday.gif");
}
td.halfdayBDay{
	background-image: url("http://www.marriottsridge.net/calendar/halfBday.gif");
}
td.ADay, td.BDay, td.halfdayADay, td.halfdayBDay{
	background-position: bottom right;
	background-repeat: no-repeat;
}

