@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		{display:none;} hidden for level one pages*/ 
#leftcol		{width: 188px; float: left; margin-left: 5px; margin-top: 10px; font-size:1.12em;  display:block;}

#rightcol		{width: 188px; float: right; margin-left: 8px;  margin-top: 10px; font-size:1.12em;  display:block;}
#midcol			{font-size:1.2em; overflow:hidden;  } /* CA edit, increase text-size for page content */
/* Hack for ie6 */
* html #midcol	{margin:0 200px 0 200px;} 
/*/
/*mid col style*/
#midcolbox		{display:block; width:100%; min-width: 355px; max-width: 587px; margin: 0 auto; margin-top:10px; background: #fff; border:1px solid #e2e4e5;float:left; }
/*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; margin:5px 0 0 0;}

				 /*Margin top property has differnet figure here. (All pages except homepage) */		

/*override padding in webparts.css*/
.padding {clear:left !important;}					 	 		 

/*These style are only for level one pages*/
.divider				{clear:both; border:none !important;}

/* Hack for ie6 */
* html .divider			{clear:left; border:none !important;} /*without this hack, content of midcol drops down*/
/*end*/

/* stop boxes overlapping */
.highlightbox .container {min-height:80px;}
*html .highlightbox .container {height:80px;}