@charset "utf-8";

/* CSS Document */



.dayClickArea {

	position: absolute;

	top: 0px; left: 0px;

	border: none;

}



#tableCalendarContainer {

	position: relative; left: 58px; top: 34px;

	opacity: .85;

	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: #cdabeb;

	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: #532F6C;

	border-left: 1px solid #765379;border-bottom: 1px solid #765379;border-top: 1px solid #765379;

}

#calendarTableDayTitleEnd {

	border-right: 1px solid #765379;

}

/*Formatting for calendar blocks representing an actual day*/



.monthDayNormal {

	position:relative;

	width: 39px;height: 24px;

	background-color: #896e8a;

	color: #FFFEFF;

	font-family: arial; font-size: 13px;

	border-left: 1px solid #765379;border-bottom: 1px solid #765379;

}

.monthDayNormalWeeksEnd {

	position:relative;

	width: 39px;height: 24px;

	background-color: #896e8a;

	color: #FFFEFF;

	font-family: arial; font-size: 13px;

	border-left: 1px solid #765379;border-bottom: 1px solid #765379;

	border-right: 1px solid #765379;

}

.monthDayHasEvent {

	position:relative;

	width: 39px;height: 24px;

	background-color: #bf9bbe;

	color: #FFFEFF;

	font-family: arial; font-size: 13px;

	border-left: 1px solid #765379;border-bottom: 1px solid #765379;

}

.monthDayHasEventWeeksEnd {

	position:relative;

	width: 39px;height: 24px;

	background-color: #bf9bbe;

	color: #FFFEFF;

	font-family: arial; font-size: 13px;

	border-left: 1px solid #765379;border-bottom: 1px solid #765379;

	border-right: 1px solid #765379;

}



/*Formatting for calendar blocks not representing an actual day*/

.calendarDay {

	width: 39px;height: 24px;

	background-color: #7d647e;

	border-left: 1px solid #765379;border-bottom: 1px solid #765379;

}

.calendarDayWeeksEnd {

	width: 39px;height: 24px;

	background-color: #7d647e;

	border-left: 1px solid #765379;border-bottom: 1px solid #765379;

	border-right: 1px solid #765379;

}



/*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: #814db0;

	/*border: 1px solid #543029;*/

	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: #814db0;

	/*border: 1px solid #543029;*/

	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: #660066;

	font-size: 9pt;

	font-weight: bold

}

.infoDate {

	font-family: arial;

	font-size: 8pt;

	color: #7C7C7C;

}

.infoTitle {

	font-family: arial;

	font-size: 8pt;

	color: #660066;

	font-weight: bold;

}



.infoBody {

	font-family:arial; font-size: 8pt;

	color: #7C7C7C;

}

.infoWeblink {

	font-family: arial;

	font-size: 8pt;

	color: #660066;

	text-decoration: none;

}

.infoWeblink:hover {

	font-family: arial;

	font-size: 8pt;

	color: #c900c9;

	text-decoration: none;

}

/*Formatting for the events info containers*/

#infoHeaderContainer {

	position: absolute;

	left: 475px; top: 19px;

	width: 225px; 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: 76px;

	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: #660066;

				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 #765379;/*border-bottom: 1px solid #FFFEFF;*/

				position: relative;

				left: 0px

}

a.calendar-menu-left {

				color: #F8F6F7;

				background-color: #977998;

				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 #765379;/*border-bottom: 1px solid #FFFEFF;*/

				position: relative;

				left: 0px

}

a.calendar-menu-left:hover {

				color: white;

				background-color: #660066;

				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 #765379;/*border-bottom: 1px solid #FFFEFF;*/

				position: relative;

				left: 0px

}

a.calendar-menu-middle-chosen {

				color: #F8F6F7;

				background-color: #660066;

				text-decoration: none;

				list-style: none;

				padding: 0px;

				margin: 0px;

				font-size: 12px;

				font-weight: normal;

				font-family: arial;

				border-left: 1px solid #765379;border-top: 1px solid #765379;/*border-bottom: 1px solid #FFFEFF;*/

				position: relative;

				left: 0px

}

a.calendar-menu-middle {

				color: #F8F6F7;

				background-color: #977998;

				text-decoration: none;

				list-style: none;

				padding: 0px;

				margin: 0px;

				font-size: 12px;

				font-weight: normal;

				font-family: arial;

				border-left: 1px solid #765379;border-top: 1px solid #765379;/*border-bottom: 1px solid #FFFEFF;*/

				position: relative;

				left: 0px

}

a.calendar-menu-middle:hover {

				color: white;

				background-color: #660066;

				text-decoration: none;

				list-style: none;

				padding: 0px;

				margin: 0px;

				font-size: 12px;

				font-weight: normal;

				font-family: arial;

				border-left: 1px solid #765379;border-top: 1px solid #765379;/*border-bottom: 1px solid #FFFEFF;*/

				position: relative;

				left: 0px

}

a.calendar-menu-right-chosen {

				color: #F8F6F7;

				background-color: #660066;

				text-decoration: none;

				list-style: none;

				padding: 0px;

				margin: 0px;

				font-size: 12px;

				font-weight: normal;

				font-family: arial;

				border-left: 1px solid #765379;border-top: 1px solid #765379;/*border-bottom: 1px solid #FFFEFF;*/

				position: relative;

				left: 0px

}

a.calendar-menu-right {

				color: #F8F6F7;

				background-color: #977998;

				text-decoration: none;

				list-style: none;

				padding: 0px;

				margin: 0px;

				font-size: 12px;

				font-weight: normal;

				font-family: arial;

				border-left: 1px solid #765379;/*border-right: 1px solid #660066;*/border-top: 1px solid #765379;/*border-bottom: 1px solid #FFFEF*/F;

				position: relative;

				left: 0px

}

a.calendar-menu-right:hover {

				color: white;

				background-color: #660066;

				text-decoration: none;

				list-style: none;

				padding: 0px;

				margin: 0px;

				font-size: 12px;

				font-weight: normal;

				font-family: arial;

				border-left: 1px solid #765379;/*border-right: 1px solid #660066;*/border-top: 1px solid #765379;/*border-bottom: 1px solid #FFFEFF;*/

				position: relative;

				left: 0px

}