/*
#################################################
PRINT MEDIA
Use these classes on objects you want to hide from the website view but
show when you print the page. If you add more classes here, make sure
you had the equivalent in inc/css/print.css but in block mode
#################################################
*/
#printmode01,#printmode02,#printmode03,#printmode04,
#printmode05,#printmode06,#printmode07,#printmode08,
#printmode09,#printmode10,#printmode11,#printmode12,
#printmode13,#printmode14,#printmode15,#printmode16{
display: none;
}
/*Classes that are adjusted in Print Mode, set here*/
#leftColumn		{width:170px;}
#topColumn01	{height:73px;
				 width:748px;
				 background-image:url('images/top.gif');}
#topColumn02	{padding:0px;
				 background-color:#35279C;
				 height:20px;}




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

td.cal_day {
	cursor:pointer;
}

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

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


/*
#################################################
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
###############################################*/