/* Latest revision by Patrizio Saliani 030211 */
/* RC22 - added to Tridion by Gerry 061207  */
/* RC17 */
/* RC16.5 */
/* RC12 */
/* RC11 */
/* RC10 */
/* RC8 */

/* OLD bgCOLORS for split banners image + side copy */
/* 
.bgBlue          {background-color:#006699;}
.bgPurple        {background-color:#993399;}
.bgBrown         {background-color:#996600;}
.bgGreen		 {background-color:#339933;}
.bgRed		     {background-color:#dd0000;}
.bgBlack		 {background-color:#7f7f7f;}

.bgLight         {background-color:#336633;}
.bgNone          {background-color:Transparent;}
 */

.bgBlue         { background-color:#438CCC; }
.bgPurple		{ background-color:#FF9900; }
.bgBrown		{ background-color:#CC0000; }
.bgGreen		{ background-color:#CC0000; }
.bgRed			{ background-color:#DD0000; }
.bgBlack		{ background-color:#CC0000; }
.bgOrange		{ background-color:#FF9900; }
.bgLight		{ background-color:#CC0000; }
.bgNone			{ background-color:Transparent; }
 


#header .colorWhite *    { color:#ffffff !important; }
#header .colorGrey  *    { color:#7f7f7f !important; }
#header .colorBlack *    { color:#404040 !important; }

#header .colorWhite a.whiteArrow span {color:#000000 !important;}


/*************************
B I G 
**************************/

#header           {position:relative; font-size:94%; }
#header div       {position:relative;}

.h_top            {top:20%; right:0px; position:absolute;}
.h_middle         {top:45%; right:0px; position:absolute;}
.h_bottom         {top:60%; right:0px; position:absolute;}

.hHeightXLarge .h_top            {top:20%;}
.hHeightXLarge .h_middle         {top:35%;}
.hHeightXLarge .h_bottom         {top:55%;}

.h_actionCall					  {bottom:15px; right:15px; position:absolute;}
.hHeightXLarge .h_actionCall      {bottom:25px; right:0px;}

.headline          {text-align:right; padding:0; display:block;}

div#logo {
    background-color:#000000;
    min-height:80px;
    float: left;
}


div#logo a {
    position:relative; 
    float: left;
    top:0;  
    left:0;
    margin: 14px 10px 0 14px; 
    height:50px; 
    width:113px; 
    z-index:100; 
    background:url(/siteImages/newImagesLargeTopNav2016/Christian-aid-logo.png) no-repeat top left;}

#header div#logo a { display: none; }

div#logo a:hover { opacity:0.9; }

div#logo a span  {display:none;}

.noplugin { width:758px; left:0; text-align:right; }

/*  DIFFERENT LOGO - wins by specificity over the above (to use for CAWeek for example)
.caweek div#logo a       { position:absolute; top:-9px;  left:-37px; height:115px; width:190px; z-index:100; background:url(/siteImages/caw_homeLogo.png) no-repeat top left; } 

*/


.hHeightSmall#header h1 a {top:10px; height:55px;}

#header .h_one     {float:right; width:150px; display:inline; padding:23px 20px 10px 20px;}
#header .h_two     {float:right; width:340px; display:inline; padding:23px 20px 10px 20px;}

#header .h_one h1, 
#header .h_one p, 
#header .h_one a, 
#header .h_two h1, 
#header .h_two p,
#header .h_two a      { font-size:1.1em; line-height:1.45em;}


#header .noRightMargin  {padding-right:0px;}

#headerText				{text-align:center;}


.hHeightXLarge .h_two,
.hHeightXLarge .h_one   {min-height:125px; margin-bottom:-1px;}
.hHeightXLarge			{min-height:125px;}

.hHeightLarge                            {min-height:230px;}
/* Fix the height of top banner in T2 : mintra */
/* start */
.hHeightLarge .h_one,
.hHeightLarge .h_two {
height:187px;/*all non-IE 5 browsers*/
}
html*.hHeightLarge .h_one,
html*.hHeightLarge .h_two {
[height:189px;;/*Affects older Firefox and Netscape browsers only. */
height:190px;/*Affects Safari for Macintosh only (v1-3). */
]height:186px;/*Affects IE 7 only. */
}
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}
* html .hHeightLarge .h_one,
* html .hHeightLarge .h_two {
height:189px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. */
}
/* end */

.hHeightMedium                         {min-height:200px;}
/* Fix the height of top banner in T2 : mintra */
/* start */
.hHeightMedium .h_one,
.hHeightMedium .h_two {
height:157px;/*all non-IE 5 browsers*/
}
html*.hHeightMedium .h_one,
html*.hHeightMedium .h_two {
[height:156px;;/*Affects older Firefox and Netscape browsers only. */
height:157px;/*Affects Safari for Macintosh only (v1-3). */
]height:157px;/*PAT Affects IE 7 only. */
}
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*Finally, be sure to reapply a fix that affects IE 5-6 only here.
* html .hHeightMedium .h_one,
* html .hHeightMedium .h_two { height:155px; }
 end */

#orangeBlock {background-color:#ff9900; float:left; height:15px; left:0px; position:absolute !important; bottom:-12px; width:260px; z-index:100; }

.hHeightSmall			{min-height:74px;}
.hHeightSmallPlus			{min-height:92px;}

ul.block85p		 {margin-top:10px;}
ul.block85p li a {display:block; width:85%; font-weight:bold;}

#header	.linkList		{bottom:7px;}


.h_two,
.h_one	{padding-bottom:1.8em !important;}


/*************************
N O N E
**************************/

/* adjust height here to alter left hand column start height. "!important" height for non-ie browsers, second height for IE. */
#header_none        {float:left; width:140px; height:86px !important; height:67px; margin:0; padding:0; background:none;}

#header_none a      {display:none; width:124px; height:54px; margin:13px 0 0 14px; padding:0; }
#header_none span   {display:none;}


/* adust right column start height here. non-header image pages only. */
div.headerNone  #rightColumn  { margin-top:62px; }
div.headerSmall #rightColumn, 
div.headerMedium #rightColumn { margin-top:20px; }