/* calendar styles */

/* global .calendar styles */

	.calendar {
		background-color: #fff;
		width: 100%; /* don't change */
	}
		.calendar table,
		.calendar tr,
		.calendar td,
		.calendar th {
			border: 0;
			margin: 0;
			padding: 0;
		}

	/* previous, month, next styles */
	
		.calendar td {
			background-color: #FFF;
			border: 0;
			color: #1F2937;
			font-weight: normal; 
			margin: 0; /* don't change this - needed to keep cross browser display correct */
			padding: 0; /* don't change this - needed to keep cross browser display correct */
			text-align: center;
		}

			.calendar td.previous,
			.calendar td.month,
			.calendar td.next {
				padding-bottom: 5px;
			}
			
			.calendar td.previous,
			.calendar td.next {
				width: 25%; /* don't change */
			}
			.calendar td.month {
				width: 50%; /* don't change */
			}
			
			.calendar td.previous, 
			.calendar td.previous h4 {
				text-align: left; /* don't change */
			}
			.calendar td.month, 
			.calendar td.month h4 {
				color: #377313;
				text-align: center; /* don't change */
			}
			.calendar td.next, 
			.calendar td.next h4 {
				text-align: right; /* don't change */
			}

	/* link styles */
		
		.calendar a {
			color: #1F2937;
		}
	
		a.calendarlink{
			display: block;
			font-size: 11px;
			margin-bottom: 5px;
			text-align: left;
			text-decoration: none;
		}
		a.calendar_date {
			text-align: right;
		}
	
	/* today style */
	
		.calendar td#today {
			background-color: #F4E31F;
			font-weight: normal; 
			margin: 0; /* don't change this - needed to keep cross browser display correct */
			padding: 0; /* don't change this - needed to keep cross browser display correct */
			text-align: center;
		}
	

/* #home_calendar */ 

  #home_calendar {
		width:100%;
  }
  
  	#home_calendar .calendar,
	#home_calendar .calendar a {
		color:#4D9F1B; 
	}

	  #home_calendar table.calendar {
	  	padding: 5px;
		margin: 0 0 10px 0;
	  }
	  
    /* home_calendar .calendar */
		
		#home_calendar .calendar {
		  font-size: 10px;
		  width: 100%; /* don't change */
		}
		
		  #home_calendar .calendar td  h4 {
		  	font-size: 10px;
		  }
			
			#home_calendar .calendar td {
			}
			
		#home_calendar #calendar {
			height:400px;
			width: 100%; /* don't change */
		}
			#home_calendar #calendar td {
				background-color: #EBEBEB;
				border: 1px solid #F6F5F4;
				font-size: 11px;
				height: 50px; /* don't change this - needed to keep cross browser display correct */
				line-height: normal; /* don't change this - needed to keep cross browser display correct */
				width: 14%; /* don't change this - needed to keep cross browser display correct */
			}
			
			table#calendar{
				
				border:1px solid #517FBE;
				margin:0;
				padding:0;
			}
			.calendar td.previous,
			.calendar td.month,
			.calendar td.next{
				background-color:#fff;
				padding-right:10px;
				padding-left:10px;
			}
			
			.calendar td.previous,
			.calendar td.next,
			.calendar td.previous h4,
			.calendar td.next h4{
				color: #1F2937;
				font-size:1rem;
				font-family: "Raleway", sans-serif;
				font-weight: 200;
			}
			
			#categoryTable{
				background:none;
				margin-top:5px;
			}
			#categoryTable tr td{
				padding:0;
			}
			#categoryTable tr td.category{
				padding: 0.5625rem 0.625rem;
			}
			/* .calendarCell - has date overrides default td style */
			#home_calendar #calendar td.calendarCell {
				background-color: #FFFFFF;
				
			}
			#calendar td.calendarCell{
				vertical-align:top;
			}

			
			/* fixes the #today style on minicalendar */
			#home_calendar #calendar td#today {
				background-color: #FCF7B5;
			}
			


	/* event_image */
	
	.event_image {
		float: left;
		margin-right: 10px;
	}

	
/* #mini_calendar styles */

#component_minicalendar {
	float: left;
	text-align: left;
}
	#mini_calendar {
	}
			
		/* home_calendar #mini_calendar */
		
			#home_calendar #mini_calendar {
				width: 100%;  /* don't change */
			}

				#home_calendar .calendar td,
				#home_calendar .calendar #mini_calendar td {
					background-color: #E7FADD;
					height: 15px;
				}

		#mini_calendar th {
			background-color: #E7FADD;
			border-top: 1px solid #4D9F1B;
			font-size: 10px;
		}
		
		#home_calendar .calendar #mini_calendar td {
			background-color: #D7F7C7;
			border: 1px solid #E7FADD;
			font-size: 11px;
			height: 31px; /* don't change this - needed to keep cross browser display correct */
			line-height: normal; /* don't change this - needed to keep cross browser display correct */
			width: 14%; /* don't change this - needed to keep cross browser display correct */
		}
		
		/* .calendarCell - has date overrides default td style */
		#home_calendar .calendar td.minicalendarCell,
		#mini_calendar td.minicalendarCell,
		.calendar td.minicalendarCell {
			background-color: #FFF;
		}

		/* fixes the #today style on minicalendar */
		#home_calendar .calendar #mini_calendar td#today {
			background-color: #F4E31F;
		}
		
			#mini_calendar td a {
				text-decoration: underline;
			}
			#mini_calendar a.calendarlink {
				text-align: center;
			}

		.mini_upcoming,
		.mini_rss_links {
			font-size: 12px;
		}
		.mini_upcoming {
			float: left;
		}
		.mini_rss_links {
			float: right;
		}

/* events upcoming component styles */

	#component_events {
		clear: both;
		float: left; 	
		text-align: left;
		width: 321px;
	}
		.event_listing {
			margin: 10px 0 0 0;
		}
		.event_date {
			font-style: italic;
		}

/* #calendar display (big calendar) styles */

	/* main styles */
	
	#calendar {
		border: 1px solid #4D9F1B;
		height:700px;
		padding:1px;
		width: 100%; /* don't change */
	}

		/* #calendar header styles (Mon - Fri) */
		
		#calendar th {
			background-color: #344257;
			border-bottom: 1px solid #D6D1CE;
			color: #7C9BC5;
			font-family:"raleway_bold", Helvetica, Arial, sans-serif;
			height: 20px;
		}
	
		/* #calendar cells */
		
		/* default style for all calendar cells */
		#calendar td {
			background-color: #EBEBEB;
			border: 1px solid #E6E6E6;
			height: 160px;
			text-align: center;
			width: 14%;  /* don't change */
		}
		
		/* .calendarCell - has date overrides default td style */
		#calendar td.calendarCell {
			background-color: #FFFFFF;

			vertical-align:top;
		}
		
		/* fixes the #today style on minicalendar */
		#calendar td#today {
			background-color: #517FBE;
		}
		
			/* #calendar a styles */
			#calendar a {
				color: #999;
				text-shadow: 1px 1px 1px #FFF;
			}
			
				/* #calendar style for date link */
				#calendar a.calendar_date {
					color:#312B2D;
				}
				
				/* #calendar style for event link */
				#calendar a.calendarlink {
					background-color: #F1F1F1;
					display: block;
					font-size:0.875rem;
					font-family:"raleway_bold", Helvetica, Arial, sans-serif;
					padding: 5px;
					margin: 1px;
				}
				#calendar a.calendarlink:hover {
					color: #222D31;
					text-decoration:underline;
				}


		/* rss / ical styles */
		#calendar_icons {
				margin-top: 10px;
				margin-left: 18px; 
				text-align: right;
			}
			#calendar_icons img {
				margin-right: 5px;
			}
			#cal_icon_ical {
			}
			#cal_icon_rss {
			}


/* tooltip / popup */

	.event_popup {
		display: block;
		padding: 5px;
	}
	
	/* event_popup a */
	
		.event_popup a {
			color: #533019;
		}
		.event_popup a:hover {
			color: #EE7F04;
		}
		 
	/* miniTitleCls */
	
		.miniTitleCls {
			color: #3A2F1E;
			font-size: 10px;
		}
		.TitleCls {
			background-color: #E1E1E1;
			color: #533019;
			font-size: 10px;
		}
		
	/* event_popup strong */
	
	.event_popup strong {
		color: #095085;
	}
	
	
/* event video page */

#event_video {
	margin-top: 5px;
}

	#event_video .video_text {
		float: left; 
		line-height: 1.5em; 
		width: 882px;
	}
	
	#event_video .player_container {
		float: left;
		height: 662px; /* 662px (total height) */
		width: 882px; /* 882px (total width) */
	}
	
	
	#event_video .player {
	}
	
	/* styling of the container. */ 
	#event_video a.player,
	#content #event_video a.player {
		background-color: #d4eaf7;
		border: 1px solid #d4eaf7; 
		display:block;     
		float:left;    
		height: 660px; /* 662px (total height) - 1px (border top) - 1px (border bottom) */    
		text-align:center;    
		width: 880px; /* 882px (total width) - 1px (border right) - 1px (border left) */    
	} 


	.event_return {
		color: #1191D0;
		font-size: 12px;
		font-weight: bold;
		margin: 20px 0 0 0;
	}