							/* 	
COLOUR SCHEME:

Dark Blue:		#222150
Green:			#0F8F51
Light Blue:		#C0D9CA
Light Grey		#CCC
Lighter Grey:	#DDD
Beige:			#FFEFCE
							*/

BODY { background-color:#FFFFFF; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; margin-width:0px; margin-height:0px; padding:0px; padding-left:0px; padding-bottom:0px; padding-right:0px; padding-top:0px; }
INPUT { background-color:#CCCCCC; font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; }
SELECT { background-color:#CCCCCC; font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; }

#menu { font-family:Verdana,Tahoma,Arial; font-size:10pt; font-weight: bold; color:#FFFFFF; background:#0F8F51; /* Created Background style to ensure that the link is viewable in both calendar and admin modes */
		padding:5px; /* Created padding room specifically since admin side "Return to Calendar" link appeared squished... applies also to calendar side #menu items.  */
		}
#menu a { font-family:Verdana,Tahoma,Arial; font-size:10pt; font-weight: bold; color:#FFFFFF; text-decoration:none; }
#menu a:hover { font-family:Verdana,Tahoma,Arial; font-size:10pt; font-weight: bold; color:#FFF; text-decoration:underline; } /* Changed rollover text color from #902718 */

#small { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; }
#small input { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; background-color:#FFFFFF; }
#small select { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; background-color:#FFFFFF; }
#small a { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; text-decoration:none; }
#small a:hover { font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#C0D9CA; text-decoration:underline; }

#title { 	font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#000; font-weight: bold;   /* Changed Calendar title and nav text to #000 because of changing #calnav background to #FFF (below) */
			background-image:url(/images/logo.gif); background-position:0 0; background-repeat:no-repeat; height:80px;} /* Created this line to insert logo beside the Calendar title and nav text and to ensure the div is tall enough to see whole logo */
#title a { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#555; font-weight: bold; text-decoration:none; }  /* " " */
#title a:hover { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#0F8F51; font-weight: bold; text-decoration:none; } /* Changed rollover to a darker colour since background switched from dark to light */


#viewmode td.on { background-color:#0F8F51; border-top:1px solid #3366CC; border-left:1px solid #3366CC; border-right:1px solid #000000; font-family: Verdana,Tahoma,Arial; font-size:8pt; color:#FFFFFF; font-weight:bolder; text-decoration:none; cursor : pointer; }
#viewmode td.off { background-color:#000000; border-top:1px solid #97BAFF; border-left:1px solid #97BAFF; border-right:1px solid #305FD0; font-family: Verdana,Tahoma,Arial; font-size:8pt; color:#FFFFFF; font-weight:bolder; text-decoration:none; cursor : pointer; }
#viewmode td:hover { background-color:#0F8F51; border-top:1px solid #97BAFF; border-left:1px solid #97BAFF; border-right:1px solid #305FD0; font-family: Verdana,Tahoma,Arial; font-size:8pt; color:#FFFFFF; font-weight:bolder; text-decoration:none; }

#nav { background-color:#0F8F51; padding:10px 20px 0 20px; font-family:Arial, Helvetica, sans-serif;} /* Created padding for drop down navigation from left wall. Also defined text colour to #FFF, background color from #0F8F51 */
#nav input {margin:0 4px} /* For spacing the "go" button a bit off the dropdowns */
#calnav { background-color:#FFF; } /* Changed from #0F8F51  */

#date { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#000000; font-weight: bold; text-decoration:none; }
#date a { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#000000; font-weight: bold; text-decoration:none; }
#date a:hover { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#C0D9CA; font-weight: bold; text-decoration:underline; }

#dateCells td.active { background-color:#FFFFFF; border:1px solid #0F8F51; }
#dateCells td.empty { background-color:#FFFFFF; border:1px solid #DDDDDD; }
#dateCells td.today { background-color:#FFEFCE; border:1px solid #444; }  /* Changed border from #C0D9CA to reflect same border colours as other date cells */
#dateCells td.weekend { background-color:#DDDDDD; border:1px solid #888; }
#dateCells td.calendar_header { background-color:#C0D9CA; font-family: Verdana,Tahoma,Arial; font-size:10pt; color:#000000; font-weight: bolder; border:1px solid #0F8F51; }
#dateCells .weeknum { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; }
#dateCells .daynum { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; }
#dateCells a { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#000000; font-weight: bold; text-decoration:none; }
#dateCells a:hover { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#C0D9CA; font-weight: bold; text-decoration:underline; }

#miniDateCells table { border:1px solid #222150;}/* Changed mini-calendar border and header colour to provide contrast with the #nav area above. Also created margin space for mini-calendars  */
#miniDateCells td.active { background-color:#FFFFFF; border:1px solid #222150; }/* Changed mini-calendar border and header colour to provide contrast with the #nav area above.  */
#miniDateCells td.empty { background-color:#CCCCCC; border:1px solid #DDDDDD; }
#miniDateCells td.full { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; background-color:#FFEFCE; border:1px solid #C0D9CA; }
#miniDateCells td.header { background-color:#C0D9CA; font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; font-weight: bold; }
#miniDateCells td.monthHeader { background-color:#222150; } /* Changed mini-calendar border and header colour to provide contrast with the #nav area above.  */
#miniDateCells .month { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#miniDateCells .month:hover { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#miniDateCells a { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; text-decoration:none; }
#miniDateCells a:hover { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#C0D9CA; text-decoration:underline; }
#miniDateCells .day { font-family: Verdana, Tahoma, Arial; font-size:8pt; color:#000000; text-decoration:none; }

#midDateCells td.active { background-color:#FFFFFF; border:1px solid #0F8F51; }
#midDateCells td.empty { background-color:#CCCCCC; border:1px solid #DDDDDD; }
#midDateCells td.full { background-color:#FFEFCE; border:1px solid #C0D9CA; }
#midDateCells td.header { background-color:#C0D9CA; font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; font-weight: bold; }
#midDateCells td.monthHeader { background-color:#0F8F51; }
#midDateCells .month { font-family: Verdana, Tahoma, Arial; font-size:12pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#midDateCells .month:hover { font-family: Verdana, Tahoma, Arial; font-size:12pt; color:#FFFFFF; font-weight: bold; text-decoration:none; }
#midDateCells a { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; font-weight:bold; text-decoration:none; }
#midDateCells a:hover { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#C0D9CA; font-weight:bold; text-decoration:underline; }
#midDateCells .day { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; font-weight:bold; text-decoration:none; }

#eventDetails{ position:absolute; top:0px; left:0px; width:300px; border:1px solid #000000; padding:2px; background-color:#FFFFFF; visibility:hidden; z-index:1000; font-family:Verdana,Tahoma; font-size:9pt; color:#000000; }

/* Styling the miniCal found on the pages of REDIRegion.ca */
#miniatureCalendar a { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000; text-decoration:none; }
#miniatureCalendar a:hover {text-decoration:underline; }


#generalBox table { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#FFFFFF; border:1px solid #000000; }
#generalBox td { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#FFFFFF; }
#generalBox .alttd { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#CFCFCF; }
#generalBox .headtd { font-family:Verdana,Tahoma,Arial; font-size:10pt; font-weight:bold; color:#FFFFFF; background-color:#0F8F51; }
#generalBox INPUT { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#DDDDDD; }
#generalBox SELECT { background-color:#DDDDDD; font-family:Verdana,Tahoma,Arial; font-size:8pt; color:#000000; }
#generalBox a { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; text-decoration:none; }
#generalBox a:hover { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#C0D9CA; text-decoration:underline; }
#generalBox .error { color:#F00000; font-weight:bold; }

#events .calendar { background-color:#0F8F51; font-family:Verdana,Tahoma,Arial; font-size:12pt; color:#FFFFFF; font-weight:bold; }
#events .title { background-color:#000000; font-family:Verdana,Tahoma,Arial; font-size:12pt; color:#FFFFFF; font-weight:bold; }
#events .heading { text-align:right; background-color:#CCCCCC; font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; font-weight:bold; }
#events .data { background-color:#FFFFFF; font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; }
#events a { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#000000; text-decoration:none; }
#events a:hover { font-family: Verdana, Tahoma, Arial; font-size:10pt; color:#C0D9CA; text-decoration:underline; }

#editorBox table { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#FFFFFF; border:none; }
#editorBox .button { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#CCCCCC; border-right:1px solid #BBBBBB; border-bottom:1px solid #BBBBBB; cursor:pointer; }
#editorBox TEXTAREA { font-family:Verdana,Tahoma,Arial; font-size:10pt; color:#000000; background-color:#DDDDDD; }

#copyright { font-family:Verdana,Tahoma,Arial; font-size:7pt; color:#BBBBBB; }
#copyright a { font-family:Verdana,Tahoma,Arial; font-size:7pt; color:#BBBBBB; text-decoration:none; }
#copyright a:hover { font-family:Verdana,Tahoma,Arial; font-size:7pt; color:#C0D9CA; text-decoration:underline; }

#holiday { font-family: Verdana, Tahoma, Arial; font-size:11pt; color:#0F8F51; font-weight: bold; text-decoration:none; }
