@import url('leftnav.css');
/* CSS Document */
/* Solution Deployment 28/04/2009 */

/*main structure of AC Article page*/
/* - For two column and one column layout, relevant col such as leftcol/rightcol will be have display:none property
 This is to maintain the consistent site structure throughout the site. */

/*main divs*/
#outer 			{} /*#outer style is consistent and it's defined in general.css*/
#leftcol		{width: 188px; float: left; margin-left: 5px; margin-top: 10px; font-size:1.12em;  display:block;}
#rightcol		{display:none;}
#midcol			{font-size:1.2em; overflow:hidden;  } /* CA edit, increase text-size for page content */

/* Hack for ie6 */
/*\*/ * html #midcol	{margin:0 15px 0 198px;}  /*This hack is necessary for IE 6 to avoid column overlapping.*/

/*mid col style*/
#midcolbox		{display:block;min-width: 577px; max-width: 765px; margin-top:10px; background: #fff; border:1px solid #e2e4e5; } 
/*min-width and max-width slightly different to homepage. Also extra margin is added to this template. 
This width settings shouldn't be changed as they are set to match the original PSDs = 961px including 1px borders both ends. midbox should have*/

/*header area*/ 
#pagebanner .inner 
				{display:block; min-width: 763px; max-width: 971px; margin: 0 auto; background: url(/PublishingImages/template/logo_banner_secondlevel.gif) no-repeat left top; }
				 /*secondlevel has different background*/
#pagebanner #utility	
				{float:right; width:226px; padding:5px 0 0 0;}
				 /*Margin top property has differnet figure here. (All pages except homepage) */		 		 



/* calendar styles */

.lightgreenbar	{padding:5px 10px; background:#f5f9ed; font-size:110%; text-align:center; margin:0; height:1%;}

.calendardiv	{padding:0; margin:0 0 15px 0 !important; list-style:none; }
.calendardiv li	{padding:0 !important; margin:0; list-style-type:none; display:inline;}
.calendardiv li#intro	{background: none !important;}
.calendardiv li#event		{background:url(/PublishingImages/template/icons/calendar/eventicon.gif) no-repeat; padding:5px 0 8px 30px !important;  }
.calendardiv li#publication	{background:url(/PublishingImages/template/icons/calendar/publicationicon.gif) no-repeat;  padding:2px 0 12px 30px !important;  }


/*main mid calendar*/

/*calendar style*/
#calendarcontainer	{text-align:center; float:left; display:block; padding:0; width:360px; }
* html #calendarcontainer	{width:370px;}
.maincalendar		{padding:10px 10px 10px 0;}
.prevbox			{float:left; padding:50px 30px 0 0; width:14%; font-size:90%; }
.nextbox			{float:left; padding:50px 0 0 5px;  width:13%; font-size:90%; }

/* prev and next 2 months buttons*/
.prev2months		{width:109px; height:25px; background:url(/PublishingImages/template/buttons/prev2months.gif) 0 0 no-repeat; cursor:pointer; margin:0 0 10px 0; display:block;}
.prev2months:hover	{width:109px; height:25px; background:url(/PublishingImages/template/buttons/prev2months.gif) 0 -24px no-repeat; cursor:pointer; margin:0 0 10px 0; display:block;}

.next2months		{width:109px; height:25px; background:url(/PublishingImages/template/buttons/next2months.gif) 0 0 no-repeat; cursor:pointer; margin:0 0 10px 0; display:block;}
.next2months:hover	{width:109px; height:25px; background:url(/PublishingImages/template/buttons/next2months.gif) 0 -24px no-repeat; cursor:pointer; margin:0 0 10px 0; display:block;}

/*  -- These style are for IE 6 to allow input button rollover  -  */
* html .prevbox a		{background:url(/PublishingImages/template/buttons/prev2months.gif) 0 0 no-repeat; width:109px; height:25px; cursor:pointer; border:none;}
* html .prevbox a:hover	{background:url(/PublishingImages/template/buttons/prev2months.gif) 0 -24px no-repeat; }
* html #prevmonthbutton	{width:109px; height:25px; cursor:pointer; border:none; background:transparent;}
* html .nextbox a		{background:url(/PublishingImages/template/buttons/next2months.gif) 0 0 no-repeat;width:109px; height:25px; cursor:pointer; border:none;}
* html .nextbox a:hover	{background:url(/PublishingImages/template/buttons/prev2months.gif) 0 -24px no-repeat; }
* html #nextmonthbutton	{width:109px; height:25px;cursor:pointer; border:none; background:transparent;}

/**/

.calendarmid		{text-align:center; float:left; margin:0 1% 0 0; }
.month				{background:#063;color:#fff; padding:5px 8px; font-weight:bold;font-size:1.2em; text-align:left; display:block; font-size:100%;}
.calendarmid table	{background:#cfd3d6; width:170px; margin:2px 0 0 0; border-bottom:1px solid #caced1;}
.calendarmid td	{}
.calendarmid .date	{
	background:#fff;
	border:1px solid #caced1;
	display:block;
	padding:8px 0;
	height:16px;
	text-align: center;
}
.calendarmid .otherdayofmonth	{background:#cfd3d6;border:1px solid #caced1;  display:block; padding:8px 0; height:16px; }
.calendarmid .today{
	background:#fff;
	color:#ad002b;
	border:1px solid #caced1;
	display:block;
	text-align: center;
}
.calendarmid .block		{border:1px solid #ad002b;  padding:8px 0; display:block;}
.calendarmid .today a	{color:#000099; text-decoration:none; font-weight:bold;}
.calendarmid .today a:hover {text-decoration:underline;}	
.calendarmid .today a:active, .calendarmid .today a:focus	{color:#fff; background:#455560; text-decoration:none;} 

.calendarmid .date a	{color:#000099; text-decoration:none; font-weight:bold;}
.calendarmid .date a:hover {text-decoration:underline;}
.calendarmid .date a:active, .calendarmid .date a:focus {color:#fff; background:#455560; text-decoration:none;}
.calendarmid .datekey1	{
	background:#fff url(/PublishingImages/template/LHS_col/keys/key1_white.gif) center no-repeat;
	border:1px solid #caced1;
	display:block;
	padding:8px 0;
	height:16px;
	text-align: center;
}
.calendarmid .datekey4	{
	background:#fff url(/PublishingImages/template/LHS_col/keys/key1_white.gif) center no-repeat;
	border:1px solid #ad002b;
	display:block;
	padding:8px 0;
	height:16px;
	text-align: center;
	color:#ad002b;
}
.calendarmid .datekey2	{
	background:#fff url(/PublishingImages/template/LHS_col/keys/key2_white.gif) center no-repeat;
	border:1px solid #caced1;
	display:block;
	padding:8px 0;
	height:16px;
	text-align: center;
}
.calendarmid .datekey5	{
	background:#fff url(/PublishingImages/template/LHS_col/keys/key2_white.gif) center no-repeat;
	border:1px solid #ad002b;
	display:block;
	padding:8px 0;
	height:16px;
	text-align: center;
	color:#ad002b;
}
.calendarmid .datekey3	{
	background:#fff url(/PublishingImages/template/LHS_col/keys/key3_white.gif) center no-repeat;
	border:1px solid #caced1;
	display:block;
	padding:8px 0;
	height:16px;
	text-align: center;
}
.calendarmid .datekey6	{
	background:#fff url(/PublishingImages/template/LHS_col/keys/key3_white.gif) center no-repeat;
	border:1px solid #ad002b;
	display:block;
	padding:8px 0;
	height:16px;
	text-align: center;
	color:#ad002b;
}
.calendarmid .datekey1 a, .calendarmid .datekey2 a, .calendarmid .datekey3 a, .calendarmid .datekey4 a, .calendarmid .datekey5 a, .calendarmid .datekey6 a	
{
	text-decoration:none;color:#000099;font-weight:bold 
}
.calendarmid .datekey1 a:hover, .calendarmid .datekey2 a:hover, .calendarmid .datekey3 a:hover, .calendarmid .datekey4 a:hover, .calendarmid .datekey5 a:hover, .calendarmid .datekey6 a:hover	
{
	text-decoration:underline;
}
.calendarmid .datekey1 a:active, .calendarmid .datekey2 a:active, .calendarmid .datekey3 a:active, .calendarmid .datekey4 a:active, .calendarmid .datekey5 a:active, .calendarmid .datekey6 a:active	
{
	color:#fff;
	background:#455560;
	text-decoration:none;
	text-align: center;
}
.calendarmid .datekey1 a:focus, .calendarmid .datekey2 a:focus, .calendarmid .datekey3 a:focus, .calendarmid .datekey4 a:focus, .calendarmid .datekey5 a:focus, .calendarmid .datekey6 a:focus	
{
	color:#fff;
	background:#455560;
	text-decoration:none;
	text-align: center;
}

.day			{background:#455560; color:#fff; text-align:center; margin:0 1px 2px 0; padding:3px 0; font-weight:bold; width:32px; }

.linkbox		{padding:8px 10px 10px 10px;}
.linkbox ul		{padding:0; margin:8px 0 0 10px; list-style:none;}	
.linkbox li		{background: url(/PublishingImages/template/icons/content_general_bullet.gif) 0 5px no-repeat; padding:3px 0 3px 15px; margin:0; list-style:none;}	
.linkbox h3		{color:#7ab800 !important; margin:0 !important; padding:3px 0 0 0 !important; font-size:150%;}
.linkbox li a	{color:#000099; text-decoration:none;}
.linkbox li a:hover{text-decoration:underline; }
.linkbox li a:active, .linkbox li a:focus {color:#fff; background:#455560; }

.padding		{ height:20px; clear:both;}
*html .padding	{clear:right !important;} /*This is for IE 6 to stop content from dropping down below nav */

.calendar_type			{clear:both;}
*html .calendar_type	{clear:right !important;} /*This is for IE 6 to stop content from dropping down below nav */
.calendar_type	.date	{display:block; padding:0 0 5px 0;}
.calendar_type .right	{float:right; width:20%; margin:0 30px 0 0; padding:10px 0 0 0;}
.calendar_type ul 		{ list-style:none;}	
.calendar_type ul li	{padding:0; margin:0; list-style:none; color:#a1a9ae; font-size:90%;}
.calendar_type a		{font-size:110%; font-weight:bold; color:#000099; text-decoration:none;}
.calendar_type a:hover	 {text-decoration:underline;}
.calendar_type a:active, .calendar_type a:focus	{color:#fff; background:#455560;}
.eventlist				{background:url(/PublishingImages/template/icons/calendar/eventicon.gif) 0 10px no-repeat;float:left; width:60%; padding:10px 0 10px 40px; margin:0 0 0 30px; border-top:1px dotted #cfd3d6; }
.publicationbox			{background:url(/PublishingImages/template/icons/calendar/publicationicon.gif) 0 10px no-repeat;float:left; width:60%; padding:10px 0 10px 40px; margin:0 0 0 30px;border-top:1px dotted #cfd3d6;}


.calendardivider		{background:url(/PublishingImages/template/LHS_col/dotted_line.gif) bottom repeat-x; height:2px; clear:both !important;}
.calendardivider		{clear:right !important;} /* add in div.expandx before divider!! */

.showevents					{float:left; width:46%; padding:0 22px 0 0; display:block; margin-left:30px; text-align:left; }  
.showevents ul				{list-style:none;margin:8px 2px 3px 2px; padding:0;}
.showevents ul li			{background:url(/PublishingImages/template/icons/content_general_bullet.gif) 0 4px no-repeat; padding:3px 0 3px 18px;}
.showevents ul li a 		{font-weight:normal !important; text-decoration:none;color:#000099;}
.showevents ul li a:hover	{text-decoration:underline;}
.showevents ul li a:active, .showevents ul li a:focus	{color:#fff; background:#455560;}
.showevents ul li span.new 	{background:url(/PublishingImages/template/icons/new.gif) right no-repeat; padding:0 50px 0 0;}
.showevents ul li span.new:active, .showevents ul li span.new:focus {background:#455560;}

.showevents .text			{width:70%; float:none}