/*Adam Defined Classes 01-Oct-2006 */
.headerPanel {
	height:148px;
	width:789px;
	background-image:url('images/top.gif');
}

/*Adam Defined 01-Oct-2006 */
.footerPanel {
	height:55px;
	background-color:#632C6B;
	vertical-align: middle;
	color: #DDDDDD;
}

.footerPanel a:visited {
	color: #CCCCCC;
}
.footerPanel a:link {
	color: #CCCCCC;
}
.footerPanel a:hover {
	color: #FFFFFF;
}


.termsPanel {
	height:40px;
	vertical-align:middle;
	color:#999999;
	text-align: center;
}

/* End of Adam Defined Classes 01-Oct-2006 */



/*
#################################################
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:#A5D4B9;
	color:#FFFFFF;
}

/*Layout of a square with an Event planned on it*/
td.cal_eventday {
	text-align:center;
	background:#A5D4B9;
	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:#A5D4B9;
}

/*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;
}


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


/*First level of Admin Options*/
#adminOptions div{
				font-size:100%;
				padding:3px;
				background-color:#222222;
				color:#AAAAAA;
				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 td			{color:#555555;}
#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:#3E677E;
							 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:#2F83E0;font-weight:Bold;}
#adminScreens .title a		{color:#2F83E0;}

/*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:#AFD4E9;}



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