/******************************************************************************
	
EVENT WEBSITE STYLES	
	
*******************************************************************************/
			
			
		.eventDateHeader{
			font-weight: bold;
			background-image: url('images/design/blue_background.gif');
			background-repeat: repeat;
			color: #fff;
		}
		
		.bold{
			font-weight: bold;
		}
		
		#currentDatesHead{
			border: 1px solid #333;
			border-bottom: 0px;
		}
		
		#currentDatesHead .subHead{
			background-image: url('images/design/blue_background.gif');
			background-repeat: repeat;
			color: #fff;
		}
		
		#currentDates{
			border: 1px solid #333;
			border-top: 0px;
			border-bottom: 0px;
		}
		
		#currentDatesList{
			border: 1px solid #333;
			border-top: 0px;
		}
		
		#newDates{border: 1px solid #333;
			border-top: 0px;
			border-bottom: 0px;
		}
		
		.eventSubmitFields{
			border: 1px solid #333;
			border-top: 0px;
			text-align: center;
			padding: 20px;
		}
		
		.eventWrapper{width: 735px; text-align: center}
		
		.eventName, .eventNameEP{
			background-image: url('images/design/blue_background.gif');
			background-repeat: repeat;
			color: #fff;
			width: 740px;
			font-weight: bold;
			border: 1px solid #666;
			border-bottom: 0;
			font-family: Arial;
			padding: 5px;
			padding-left: 10px;
			padding-right: 10px;}
			
		.eventName a.subNav:link, .eventName a.subNav:active, .eventName a.subNav:visited, .eventName a.subNav:hover{
			color: #fff;
		}
		
		.eventNameEP a.subNav:link, .eventNameEP a.subNav:active, .eventNameEP a.subNav:visited, .eventNameEP a.subNav:hover{
			color: #fff;
		}
		.eventDescription, .eventDescriptionEP{background-color: #fff;
			color: #000;
			padding: 10px;
			font-size: 10pt;
			width: 740px;
			border-top: 0;
			border-right: 1px solid #666;
			border-left: 1px solid #666;	
			border-bottom: 0;
			font-family: Arial;
			text-align: left}
			
		table.eventDescription td{padding: 10px;}
			
		.eventDates, .eventDatesEP{
			text-align: right;
			font-style: italic;
			font-family: Arial;
			padding: 10px;
			font-size: 10pt;
			width: 740px;
			border: 1px solid #666;
			border-top: 0;
		}
		
	.eventNameEP, .eventDescriptionEP, .eventDatesEP{
		width: 450px !important;
	}
			
		div.eventsImageFirst{
			float: left;
			width: 110px;
		}
		
		div.eventImgInDesc1{
			padding: 10px; 
			float: right; 
			width: 100px}
			
		div.eventPhotoLibLeft, div.eventPhotoLibCenter, div.eventPhotoLibRight{
			padding: 10px; 
			width: 142px;	
			text-align: center;
		}
		
		div.eventPhotoLibLeft{
			float: left;
			clear: right;
		}
		div.eventPhotoLibCenter{float: left}
		div.eventPhotoLibRight{float: left}
			
		a.dp-choose-date {
			float: left;
			width: 16px;
			height: 16px;
			padding: 0;
			margin: 5px 3px 0;
			display: block;
			text-indent: -2000px;
			overflow: hidden;
			background: url(images/design/calendar.png) no-repeat; 
		}
		a.dp-choose-date.dp-disabled {
			background-position: 0 -20px;
			cursor: default;
		}
		/* makes the input field shorter once the date picker code
		 * has run (to allow space for the calendar icon
		 */
		input.dp-applied {
			width: 140px;
			float: left;
		}

		.eventPageText{
			padding: 10px;
			clear: both;
		}
		
		.eventPagePhoto0{
			padding-right: 10px;
			float: left;
			padding-bottom: 10px;
		}
		
		
		.eventPagePhoto1{
			padding-left: 10px;
			float: right;
			padding-bottom: 10px;
		}
		
		.albumBlock0{
			clear: both;
			float: left;
			width: 200px;
			text-align: center;
			padding-top: 10px;
		}
		
		.albumBlock1{
			width: 200px;
			float: left;
			text-align: center;
			padding-top: 10px;
		}
			
		.hideIt{display: none;}
		.viewIt{display: block;}
			
/******************************************************************************
	
CALENDAR WEBSITE STYLES	
	
*******************************************************************************/
		
		
		
		
		
		table.cal{border: 1px solid #cccccc; width: 760px;}
		table.cal td, table.cal th{border: 1px solid #cccccc; font-size: 10pt;}
		table.cal th{text-align: center}
		table.cal tr.row_heading{
			background-image: url('images/design/blue_background.gif');
			background-repeat: repeat;
			color: #ffffff;
		}
		table.cal tr.row_heading td{padding: 3px;}
		table.cal tr.row_heading td{border: 0px;}
		table.cal td.notSelected{text-align: center; width: 85px; height: 50px; font-size: 10pt;}
		table.cal td.shaded{
			text-align: center; 
			font-size: 8pt; 
			width: 85px; 
			height: 50px;
			background-image: url('images/design/box_cal.gif');
		}
		table.cal td.selected{
			text-align: center; 
			font-size: 8pt;
			background-image: url('images/design/blue_background.gif');
			background-repeat: repeat;  
			color: #ffffff; 
			width: 85px; 
			height: 50px;
		}
		table.cal td.selected a.calLink{color: #ffffff; font-size: 10pt;}
		table.cal a.nextPrev{color: #ffffff; text-decoration: none; font-size: 10pt;}
		table.cal a.nextPrev:hover{color: #ffffff; text-decoration: underline; font-size: 10pt;}
		table.cal a.calLink:link{color: #000; text-decoration: underline; font-size: 10pt;}
		table.cal a.calLink:active{color: #000; text-decoration: underline; font-size: 10pt;}
		table.cal a.calLink:visited{color: #000; text-decoration: underline; font-size: 10pt;}
		span.calLinkNon{font-size: 10pt;}
		table.cal a.calLink:hover{color: #fff; font-size: 10pt;}
		
		a.month:link, a.month:active, a.month:visited{color: #fff; text-decoration: none; font-size: 10pt;}
		a.month:hover{color: #660000; text-decoration: underline; font-size: 10pt;}
		
		
		table.smallcal{width: 220px; font-size: 8pt; border-spacing: 0; border: 0}
		table.smallcal td{text-align: center; border: 0px; width: 31px;}
		table.smallcal th{	
			width: 31px;
			text-align: center; 
			border: 0px;
			background-image: url('images/design/blue_background.gif');
			background-repeat: repeat;
			color: #ffffff; 
			font-weight: normal
		}
		table.smallcal tr.row_heading{ color: #000; text-align: center; font-weight: bold;}
		table.smallcal td.notSelected{text-align: center; font-size: 8pt; padding: 1px;}
		table.smallcal td.shaded{text-align: center; font-size: 8pt; padding: 1px;}
		table.smallcal td.selected{
			text-align: center; 
			font-size: 8pt; 
			background-image: url('images/design/blue_background.gif');
			background-repeat: repeat;
			color: #ffffff; 
			padding: 1px;
		}		
		table.smallcal a.nextPrev{display: block; text-align: center; color: #333; text-decoration: none; }
		table.smallcal a.nextPrev:hover{display: block; text-align: center; color: #660000; text-decoration: underline;}
		
		table.smallcal a.main:link, table.smallcal a.calLink:link{color: #333; text-decoration: none;}
		table.smallcal a.main:active, table.smallcal a.calLink:active{color: #333; text-decoration: none;}
		table.smallcal a.main:visited, table.smallcal a.calLink:visited{color: #333; text-decoration: none;}
		table.smallcal a.main:hover, table.smallcal a.calLink:hover{color: #660000;}
		
		
		table.smallcal td.selected a.main:link{color: #ffffff; text-decoration: none}
		table.smallcal td.selected a.main:active{color: #ffffff; text-decoration: none}
		table.smallcal td.selected a.main:visited{color: #ffffff; text-decoration: none}
		table.smallcal td.selected a.main:hover{color: #ffffff; text-decoration: underline}
		
		table.smallcal td.shaded{color: #333; text-decoration: underline}
		
		.eventSpotlight a.eventReadMore{color: #0066cc; text-decoration: none}
		.eventSpotlight a.eventReadMore:hover{color: #ff6600;}
		
			div.eventSpotlight{text-align: center; width: 146px; background-color: #fff; border: 1px solid #BFCFD0; padding-bottom: 20px; }
			div.eventSpotlight h2{text-align: left; padding: 3px; padding-bottom: 10px}
			#calendarWrapper{margin: 0 auto; width: 220px; padding-left: 10px;}
			.eventSpotlightHead{color: #003366; text-align: left; font-weight: bold; padding-bottom: 10px;}
			.eventSpotlightInfo{padding-bottom: 10px; text-align: left; font-size: 8pt; padding-left: 10px;}