/*
#################################################
CALENDAR COLOURS (used in events module)
#################################################*/

/*Layout for BACK - FORWARD ARROWS */
a.cal_headerlink:visited,a.cal_headerlink:link,a.cal_headerlink:active {
	font-size:28px;
	text-decoration:none;
	color:#000000;
}

/*Layout for BACK - FORWARD ARROWS (mouseover)*/
a.cal_headerlink:hover {
	font-size:28px;
	color:#222222;
}


/*Layout of Blank Square (no day)*/
td.cal_noday,td.cal_day,th.cal_weekday,td.cal_weekend,th.cal_weekend {
	text-align:center;
	background:#EEEEEE;
	color:#555555;
}

/*Layout of a square with an Event planned on it*/
td.cal_eventday {
	text-align:center;
	background:#000000;
	font-weight:bold;
	color:#FFFFFF;
}

/*HEADER for Day*/
th.cal_dayheader,th.cal_header {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	background:#555555;
	border:1px solid #000000;
	padding:3px;
}

/*HEADER for Month */
th.cal_head {
	font-size:20px;
	font-weight:bold;
	color:#731E78;
}

/*Layout for Square clicked on (Active)*/
td.cal_date {
	font-size:11px;
	text-align:center;
	background:#CCCCCC;
	border:1px solid #DDDDDD;
	font-weight:bold;
	color:#FFFFFF;
}






/*
#################################################
MAIN BODY LAYOUT
#################################################*/
body,td {
	color:#000000;
	font-family:verdana,arial,sans-serif;
}
a {
	text-decoration: none;
	color:#2244FF;
}
a:hover{text-decoration:underline;
		color:red;}

/*
#################################################
ADMINISTRATION COLOURS
################################################*/


/*First level of Admin Options*/
#adminOptions div{
				font-size:100%;
				padding:3px;
				background-color:#222222;
				border:1px solid #000000;
}
#adminOptions a{color:#BBBBBB;}
#adminOptions a:hover{color:#FFFFFF;text-decoration:underline;}


/*Second Level of Admin Options*/
#adminSubOptions div{
				font-size:100%;
				border-top:1px solid #98CFEE;
				padding:3px;
				background-color:#386F8E;
				color:#FFFFFF;}
#adminSubOptions a{color:#EEEEEE;}
#adminSubOptions a:hover{color:#999999;text-decoration:underline;}



/*Admin Screens (Edit page/Add Page etc)*/
#adminScreens a				{color:#4393C1;}
#adminScreens a:hover		{color:#000000;text-decoration:underline;}


/*Another type of Header style - Example working is in content/edit as it
is used on the Top Navigation,Side Navigation headers in the page list*/
.miniHeaders				{color:#FFFFFF;
							 background-color:#7DB7D9;
							 padding:2px;
							 border:1px solid #3D8CB9;}


/*Title on tables (example in Agendas & Minutes/Events etc)*/
/*MAKE BOTH .title the same colour*/
#adminScreens .title		{color:#555555;font-weight:Bold;}
#adminScreens .title a		{color:#4393C1;}

/*Used on some tables in admin to add a little more variance in colour*/
#adminScreens .tableLayout {border:1px solid #555555;
							background-color:#FFFFFF;
							padding:3px;}

/*Make these border colours the same as .tableLayout above*/
#adminScreens .bordLeft		{border-left:1px solid #555555;}
#adminScreens .bordRight	{border-right:1px solid #555555;}
#adminScreens .bordTop		{border-top:1px solid #555555;}
#adminScreens .bordBottom	{border-bottom:1px solid #555555;}

/*Background Colour for Screens
(Usually the same colour as the main content background)*/
.adminScreensBG				{background-color:#EEEEEE;}

/*Make this a shade lower or higher than .adminScreensBG
(Used for mouseover colour also, on tables in admin such as Agendas and Meetings)*/
.adminScreensBGdarker		{background-color:#BFE4F9;}



/*###############################################
CUSTOM CSS - USED SPECIFICALLY FOR THIS TEMPLATE ONLY
###############################################*/