@charset "utf-8";
/* CSS Document */

.dayClickArea {
	position: absolute;
	top: 0px; left: 0px;
	border: none;
}

#tableCalendarContainer {
	position: relative; left: 58px; top: 34px;
	opacity: .90;
	filter:alpha(opacity=90);
}
#tableCalendarContainerTop {
	/*background-image: url(images/cal_top.gif);--doesn't put picture in for some reason so I had to do it manually in the html*/
	background-repeat: no-repeat;
	height: 42px;
}
#tableCalendarContainerMiddle {
	background-color: #4b617c;
	height: 176px;
}
#tableCalendarContainerBottom {
	/*background-image: url(images/cal_bottom.gif);*/
	background-repeat: no-repeat;
	height: 27px;
}

#calendarTableTitle {
	color: #FFFEFF; font-family: arial; font-weight: bold; font-size:17px;
	position: relative; top 1px;
}

/* Title in calendar for each day of week, like 'Mon, Tues, Wed,..' etc */
.calendarTableDayTitle {
	color: #FFFEFF; font-family: arial; font-weight: bold; height: 18px; font-size: 13px;
	position: relative;
	background-color: #092A5D;
	border-left: 1px solid #4c6477;border-bottom: 1px solid #4c6477;border-top: 1px solid #4c6477;
}
#calendarTableDayTitleEnd {
	border-right: 1px solid #4c6477;
}
/*Formatting for calendar blocks representing an actual day*/
/*4c6477 lighter 3d566d darker*/
.monthDayNormal {
	position:relative;
	width: 39px;height: 24px;
	background-color: #3d566d;
	color: #FFFEFF;
	font-family: arial; font-size: 13px;
	border-left: 1px solid #4c6477;border-bottom: 1px solid #4c6477;
}
.monthDayNormalWeeksEnd {
	position:relative;
	width: 39px;height: 24px;
	background-color: #3d566d;
	color: #FFFEFF;
	font-family: arial; font-size: 13px;
	border-left: 1px solid #4c6477;border-bottom: 1px solid #4c6477;
	border-right: 1px solid #4c6477;
}
.monthDayHasEvent {
	position:relative;
	width: 39px;height: 24px;
	background-color: #536e83;
	color: #FFFEFF;
	font-family: arial; font-size: 13px;
	border-left: 1px solid #4c6477;border-bottom: 1px solid #4c6477;
}
.monthDayHasEventWeeksEnd {
	position:relative;
	width: 39px;height: 24px;
	background-color: #536e83;
	color: #FFFEFF;
	font-family: arial; font-size: 13px;
	border-left: 1px solid #4c6477;border-bottom: 1px solid #4c6477;
	border-right: 1px solid #4c6477;
}

/*Formatting for calendar blocks not representing an actual day*/
.calendarDay {
	width: 39px;height: 24px;
	background-color: #445d77;
	border-left: 1px solid #4c6477;border-bottom: 1px solid #4c6477;
}
.calendarDayWeeksEnd {
	width: 39px;height: 24px;
	background-color: #445d77;
	border-left: 1px solid #4c6477;border-bottom: 1px solid #4c6477;
	border-right: 1px solid #4c6477;
}

/*Formatting for back/forth links under the calendar*/
table #links a {
	color: #FFFEFF;
	font-family: arial;
	font-weight:bold;
	font-size: 13px;
	text-decoration: none;
	background-color: #092a5d;
	border: 1px solid #092a5d;
	margin: 0px 2px 0px 2px;
	padding: 0px 2px 0px 2px;
	height: 10px;
}			
table #links a:hover {
	color: #FFFEFF;
	font-family: arial;
	font-weight:bold;
	font-size: 13px;
	background-color: #3b6c7f;
	border: 1px solid #092a5d;
	margin: 0px 2px 0px 2px;
	padding: 0px 2px 0px 2px;
	height: 10px;
}
/*Formatting for the events info on the right side of page*/
.infoSectionHeader {
	font-family: arial;
	color: #0E3C6E;
	font-size: 9pt;
	font-weight: bold
}
.infoDate {
	font-family: arial;
	font-size: 8pt;
	color: #7C7C7C;
}
.infoTitle {
	font-family: arial;
	font-size: 8pt;
	color: #0E3C6E;
	font-weight: bold;
}

.infoBody {
	font-family:arial; font-size: 8pt;
	color: #7C7C7C;
}
.infoWeblink {
	font-family: arial;
	font-size: 8pt;
	color: #0E3C6E;
	text-decoration: none;
}
.infoWeblink:hover {
	font-family: arial;
	font-size: 8pt;
	color: #2687A7;
	text-decoration: none;
}
/*Formatting for the events info containers*/
#infoHeaderContainer {
	position: absolute;
	left: 475px; top: 19px;
	width: 230px; height: 20px;
/*	border: 1px solid black;*/
}
#infoMainContainer {
	overflow: auto;
	position: absolute;
	left: 450px; top: 42px;
	width: 325px; height: 240px;
}
/* Event Category container*/
#categoryMenuContainer {
	position: absolute;
	top: 61px;
	left: 93px;
	width: 282px;
	opacity: .75;
	filter:alpha(opacity=80);
}
/*#categoryMenuContainerIE {
	position: absolute;
	top: 0px;
	left: 275px;
	width: 282px;
	opacity: .85;
	filter:alpha(opacity=85);
	border-top: 1px solid blue;
}*/
/*Event Category links*/
a.calendar-menu-left-chosen {
				color: #F8F6F7;
				background-color: #3b6c7f;
				text-decoration: none;
				list-style: none;
				padding: 0px;
				margin: 0px;
				font-family: arial;
				font-size: 12px;
				font-weight: normal;
				font-family: arial;
				/*border-left: 1px solid #660066;*/border-top: 1px solid #094885;/*border-bottom: 1px solid #FFFEFF;*/
				position: relative;
				left: 0px
}
a.calendar-menu-left {
				color: #F8F6F7;
				background-color: #0c396f;
				text-decoration: none;
				list-style: none;
				padding: 0px;
				margin: 0px;
				font-size: 12px;
				font-weight: normal;
				font-family: arial;
				/*border-left: 1px solid #660066;*/border-top: 1px solid #094885;/*border-bottom: 1px solid #FFFEFF;*/
				position: relative;
				left: 0px
}
a.calendar-menu-left:hover {
				color: white;
				background-color: #3b6c7f;
				text-decoration: none;
				list-style: none;
				padding: 0px;
				margin: 0px;
				font-size: 12px;
				font-weight: normal;
				font-family: arial;
				/*border-left: 1px solid #660066;*/border-top: 1px solid #094885;/*border-bottom: 1px solid #FFFEFF;*/
				position: relative;
				left: 0px
}
a.calendar-menu-middle-chosen {
				color: #F8F6F7;
				background-color: #3b6c7f;
				text-decoration: none;
				list-style: none;
				padding: 0px;
				margin: 0px;
				font-size: 12px;
				font-weight: normal;
				font-family: arial;
				border-left: 1px solid #094885;border-top: 1px solid #094885;/*border-bottom: 1px solid #FFFEFF;*/
				position: relative;
				left: 0px
}
a.calendar-menu-middle {
				color: #F8F6F7;
				background-color: #0c396f;
				text-decoration: none;
				list-style: none;
				padding: 0px;
				margin: 0px;
				font-size: 12px;
				font-weight: normal;
				font-family: arial;
				border-left: 1px solid #094885;border-top: 1px solid #094885;/*border-bottom: 1px solid #FFFEFF;*/
				position: relative;
				left: 0px
}
a.calendar-menu-middle:hover {
				color: white;
				background-color: #3b6c7f;
				text-decoration: none;
				list-style: none;
				padding: 0px;
				margin: 0px;
				font-size: 12px;
				font-weight: normal;
				font-family: arial;
				border-left: 1px solid #094885;border-top: 1px solid #094885;/*border-bottom: 1px solid #FFFEFF;*/
				position: relative;
				left: 0px
}
a.calendar-menu-right-chosen {
				color: #F8F6F7;
				background-color: #3b6c7f;
				text-decoration: none;
				list-style: none;
				padding: 0px;
				margin: 0px;
				font-size: 12px;
				font-weight: normal;
				font-family: arial;
				border-left: 1px solid #094885;border-top: 1px solid #094885;/*border-bottom: 1px solid #FFFEFF;*/
				position: relative;
				left: 0px
}
a.calendar-menu-right {
				color: #F8F6F7;
				background-color: #0c396f;
				text-decoration: none;
				list-style: none;
				padding: 0px;
				margin: 0px;
				font-size: 12px;
				font-weight: normal;
				font-family: arial;
				border-left: 1px solid #094885;/*border-right: 1px solid #660066;*/border-top: 1px solid #094885;/*border-bottom: 1px solid #FFFEF*/F;
				position: relative;
				left: 0px
}
a.calendar-menu-right:hover {
				color: white;
				background-color: #3b6c7f;
				text-decoration: none;
				list-style: none;
				padding: 0px;
				margin: 0px;
				font-size: 12px;
				font-weight: normal;
				font-family: arial;
				border-left: 1px solid #094885;/*border-right: 1px solid #660066;*/border-top: 1px solid #094885;/*border-bottom: 1px solid #FFFEFF;*/
				position: relative;
				left: 0px
}