.Foo{}
/* 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. */
 
#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		{width: 188px; float: right; margin-left: 8px;  margin-top: 10px; font-size:1.12em;  display:block;}
#midcol			{font-size:1.2em; overflow:hidden;  }
/* Hack for ie6 */
/*\*/ /** html #midcol	{padding:0 198px 0 200px; position:relative; } This hack is necessary for IE 6 to avoid column overlapping.*/
	  /** html #leftcol	{margin-right: 0 !important;} This hack is necessary for IE 6 to maintain equal padding.*/
 	  /** html #rightcol	{margin-left: 0 !important;} This hack is necessary for IE 6 to maintain equal padding.*/
	  /** html #midcolbox	{position:absolute; left:0px; top:0px; } This hack is necessary for IE 6 to avoid gap.*/
	* html #midcol	{padding:0 198px 0 200px; }
	
/*mid col style*/
#midcolbox		{display:block; min-width: 355px; max-width: 587px; margin: 0 auto; margin-top:10px; background: #fff; border:1px solid #e2e4e5; }
* html #midcolbox {height:1%;}
/*min-width and max-width slightly different to other pages.  
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; }
#pagebanner #utility	
				{float:right; width:226px;margin:51px 0 0 0;}


/*bullet style for LHS and RHS col*/
#leftcol ul, #rightcol ul 
				{padding:0; margin:3px 0 0 0;}
#leftcol ul li, #rightcol ul li 
				{background:url(/PublishingImages/template/general_bullet.gif) 0px 5px no-repeat; padding:2px 0 2px 15px; margin:0; list-style:none;}
#leftcol ul li a, #rightcol ul li a
				{color:#000099; text-decoration:none;}
#leftcol ul li a:hover, #rightcol ul li a:hover, #leftcol ul li a:active, #rightcol ul li a:active, #leftcol ul li a:focus, #rightcol ul li a:focus
				{text-decoration:underline;}



/*homepage banner*/
#homebanner		{background:url(/PublishingImages/template/mid-col/banner/09_0323_Banner.jpg) no-repeat top left; height:103px; display:block; width:auto; margin:0 0 10px 0 !important;}


/*text box only for homepage*/
.hometextbox	{padding:0 12px;} 
.hometextbox div {overflow:hidden;} /* IE8 fix - makes 'find org' button clickable. */
.hometextbox h3 {
	padding-top:4px !important;
}

.hometextbox p {
	margin-top:0px;
	margin-bottom:10px;
}
.hometextbox .more {
	border-bottom:#bdc2c6 1px dotted;
	padding-bottom:4px;
}



/*highlights box styles, this only appear in homepage*/

.highlights		{margin:0 8px 8px 12px; padding:0 0 20px 0;  border-bottom:1px dotted #bdc2c6; }		
.highlights	.title	{}
.highlights	.title a	{color:#000099; font-size:1.2em; text-decoration:none; font-weight:bold; /*padding:0 15px 0 0; background: url(/PublishingImages/template/general_bullet02.gif) no-repeat right; */}
.highlights	.title a:hover {text-decoration:underline;}
.highlights	.title a:active, .highlights	.title a:focus	{color:#fff; background:#455560;}

.highlights	.date		{}
.highlights .imagebox
				{float:left; margin:0 10px 0 0; }
.highlights .imagebox img {width:140px; height:80px;}
.highlights .text	{float:right; }
.highlights	.more	{padding:10px 0 0 0; display:block;}

/* twitter feed */
.twStatus {font-weight:normal;}
.twAvatar {float:left;margin-right:5px;}
.tw {display:block;margin:10px 0px;}
#tweet li {padding:0px !important; border-bottom:1px solid #dedede; background: transparent none !important;}
.tweetfollow img {display:block;margin:10px auto 0;border:0px;}
.twLoading img {display:block;margin:10px auto;}

.megaOuter {
width:100%;text-align:left;min-height:230px;
}
.megaImage 
{

    margin-right:10px;
    float:left;    
    position:absolute;

}

.megaDetails 
{
    width:285px;
    color:#fff;
    float:right;
    position:relative;
    min-height:230px;
}

.bgRed
{
      background: url(/PublishingImages/template/mid-col/lead_background.gif) no-repeat #AD002B center bottom;
}

.bgBlue
{
      background: url(/PublishingImages/template/mid-col/lead_background_2.gif) no-repeat #000066 center bottom;
}

.bgPurple
{
      background: url(/PublishingImages/template/mid-col/lead_background_3.gif) no-repeat #660099 center bottom;
}
.megaDetails h3
{
    padding:10px !important;
    color:#fff !important;
}

.megaDetails a
{
    color:#fff;
    font-size:1.1em;
}

.megaDetails p
{
    padding-left:10px;
    padding-right:10px;
}