/* COMMON STYLES FOR ALL CALENDAR DISPLAYS */

body#calendar {

	font-family: Verdana, Tahoma, sans-serif;

	font-size: 10px;

	margin: 10px;

	}

a.calendar {

	font-size: 10px;

	color: #0000cc;

	text-decoration: none;

	}

a.calendar:hover {

	color: #0000ff;

	text-decoration: underline;

	}

div.indent {

	margin-left: 20px;

	}

.form-tags {

	background-color: #ffffff;

	font-family: Verdana, Tahoma, Helvetica, sans-serif;

	font-size: 11px;

	}

form.calendar {

	margin: 0;

	}

h1.calendarHeader {

	background-color: #666666;

	color: #ffffff;

	font: bold 26px "Trebuchet MS", Lucida, Arial, Helvetica, sans-serif;

	padding: 5px;

	}

h2.dateHeader {
	font-family: Georgia, Arial, Helvetica, sans-serif;

	border-bottom: 1px dotted #000000;

	color: #2E6482;

	font-size: 14px;

	padding-bottom: 3px;
	}

h2.eventListingHeader {

	border-bottom: 1px solid #000000;

	color: #000000;

	font-size: 22px;

	font-weight: bold;

	padding-bottom: 3px;

	}

h2.eventListingDate {

	color: #000000;

	font-size: 17px;

	font-weight: bold;

	margin: 25px 0 0 0;

	}

h2.eventListingDate a {

	color: #000000;

	text-decoration: none;

	}

h2.eventListingDate a:hover {

	color: #0000ff;

	text-decoration: underline;

	}

h3.calendarEvent {

	color: #000000;

	font-size: 10px;

	font-weight: bold;

	margin: 10px 0 0 0; 

	padding: 0;

	}

h3.calendarHoliday {

	color: #000000;

	font-size: 14px;

	font-style: italic;

	margin: 10px 0 0 0;

	}

p.calendarEvent {
	font-size: 10px;

	margin-top: 5px;

	padding-left: 20px;

	}

p.calendarEvent a {
	color: #457996;
	}
p.calendarEvent a:hover {
	color: #A10707;
	}
.submitButton {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	}



/* STYLES FOR TABLE IN HEADER OF PAGES */

table#smallSearchJump, table.largeSearchJump, td#eventListing {

	border: 1px solid #999999;

	}

table#smallSearchJump {

	font-size: 10px;

	margin-top: 10px;

	width: 350px;

	}

table.largeSearchJump {

	font-size: 10px;

	margin: 0px 0 10px 0;

	width: 760px;

	}



/* COMMON STYLES FOR BOTH THE SMALL AND LARGE CALENDAR VIEWS */

table#smallCalendar, table#largeCalendar {

	border: 1px solid #999999;

	border-collapse: collapse;

	font-size: 12px;

	}

table#smallCalendar td, table#largeCalendar td {

	border: 1px solid #999999;

	}

/* setting background color for cells containing holidays */

table#largeCalendar td.holiday, table#smallCalendar td.holiday {

	background-color: #dddddd;

	}

/* setting background color for current date's cell */

table#largeCalendar td.currentDate, table#smallCalendar td.currentDate {

	background-color: #8190AA;

	border: 1px solid #000000;
	border-width: 0 1px 1px 0;

	}

/* setting background color and color for next/previous month options */

table#largeCalendar td.prev, table#largeCalendar td.next, table#smallCalendar td.prev, table#smallCalendar td.next {

	background-color: #f3f3f3;

	color: #000;

	}

/* setting colors and other properties for the th tags */

table#smallCalendar th, table#largeCalendar th {

	background-color: #0C1838;

	border: 1px solid #999999;

	color: #ffffff;

	font-weight: bold;

	text-align: center;

	}

table#smallCalendar th a, table#largeCalendar th a {

	color: #ffffff;

	text-decoration: none;

	}

table#smallCalendar th a:hover, table#largeCalendar th a:hover {

	color: #ffffcc;

	text-decoration: underline;

	}

/* setting colors and other properties for the day headings */

table#smallCalendar th.days, table#largeCalendar th.days {

	background-color: #eeeeee;

	border: 1px solid #999999;

	color: #0C1838;

	font-weight: bold;

	text-align: center;

	}



/* STYLES FOR SMALL CALENDAR */

table#smallCalendar {

	width: 350px;

	}

table#smallCalendar td {

	height: 40px;

	text-align: right;

	}

table#smallCalendar td.event {

	background-color: #AFBBCE;

	}

table#smallCalendar th.days {

	width: 40px;

	}

/* setting attributes for TD cell listing event info on small calendar view */

td#eventListing {
	margin: 0;

	padding: 10px 10px 10px 10px;
	font-size: 10px;
	}



/* STYLES FOR FULL-PAGE CALENDAR */

table#largeCalendar {

	margin-bottom: 0px;

	width: 760px;

	}

table#largeCalendar th.title {

	font-size: 14px;

	}

table#largeCalendar td {

	height: 100px;

	padding: 0;

	vertical-align: top;

	width: 14%;

	}

/* changing background color and border around number in corner of cell  for dates that fall outside of selected month */

table#largeCalendar td.prev div.date, table#largeCalendar td.next div.date {

	background-color: #f3f3f3;

	border-width: 0;

	color: #000;

	}
div.prevDate {
	background-color: #f3f3f3;

	color: #000000;

	float: right;

	font-size: 10px;

	margin: 0;

	padding: 1px;

	padding-left: 4px;

	padding-right: 5px;

	text-align: center;

	}



/* STYLES FOR DIVS AND SPANS USED ON EACH CALENDAR VIEW */



/* setting up border and other attributes around number in corner of cell */

div.date {

	background-color: #f3f3f3;

	border: 1px solid #999999;

	border-width: 0 0 1px 1px;

	color: #000000;

	float: right;

	font-size: 10px;

	margin: 0;

	padding: 1px;

	text-align: center;

	}

/* setting up border around number of date on large calendar view */

div.current {

	background-color: #ffffff;

	border-width: 0 0 2px 2px;

	font-weight: bold;

	}

/* setting up background color and border underneath each event */

div.event {

	background-color: #f7f7f7;

	border-bottom: 1px dotted #666666;

	font-size: 10px;

	padding: 3px;

	}

div.event span {

	display: block;

	}

/* changing font style and padding around Holiday w/in table cell */

div.holiday {

	color: #333333;

	font-style: italic;

	font-size: 11px;

	margin: 0;

	padding: 3px;

	}

/* setting attributes for the label beside the values for an event */

span.label {

	font-style: italic;

	font-weight: normal;

	margin-left: -10px;

	}



/* setting attributes for the "location" w/in table cell for each event */

span.location {

	font-size: 10px;

	font-style: italic;

	padding-left: 4px;

	padding-right: 5px;

	}

/* setting attributes for the "time" w/in table cell for each event */

span.time {
	color: #313131;

	font-weight: bold;

	}

/* setting attributes for the "title" w/in table cell for each event */

span.title {

	padding-left: 4px;

	padding-right: 5px;

	}

span.title a {

	color: #000000;

	text-decoration: none;

	}

span.title a:hover {

	color: #333399;

	text-decoration: underline;

	}