/* layout */
#portal-column-content {width:auto;}
#frontpage {width:956px; float:left; clear:left; margin-top:10px}
#frontpage ul{padding-left:0;}

div#homeleft {float:left; margin:0 18px 0 0; width:476px;}
div#homeright {float:left; margin:0; width:460px;}



/* news index */
div#news {float:left; width:248px; margin:6px 0 0 0; padding:10px 20px 0 0; border-top:1px solid #DEDEDE;}
div#news h3 {font-size:1.5em; margin:0 0 6px 0;}
div#news h3 a, div#news h3 a:visited {color:#F4911E;}
div#news ul {list-style-type:none; list-style-image:none; margin:-2px 0 0 0; min-height:164px; height:auto !important; height:164px;}
div#news li {line-height:1.2; border-bottom:1px solid #ECECEC; margin:0; padding:0; background-image:none;}
div#news li a {display:block; padding:6px 0 6px 18px; background-position:0 7px; background-repeat:no-repeat;}
div#news li.planNews a {background-image:url(../images/bullets-chevron.png); }
div#news li.planVideo a {background-image:url(../images/bullets-video.png);}
div#news li.planAudio a {background-image:url(../images/bullets-audio.png);}
div#news li.planPublication a {background-image:url(../images/bullets-report.png);}
div#news p {font-weight:bold; margin:8px 0 0 0; padding:0 0 6px 0; border-bottom:1px solid #ECECEC;}
div#news p a {padding:2px 0}
div#news p.feed {float:right;}
div#news p.feed a {padding:2px 0 2px 24px; background:url(../images/rss.gif) no-repeat center left;}

/* campaigns links */
div#campaigns {float:left; width:208px; margin:6px 0 0 0; padding:10px 0 0 0; border-top:1px solid #DEDEDE;}
div#campaigns h3 {font-size:1.5em; margin:0 0 -6px 0;}
div#campaigns ul {list-style-type:none; list-style-image:none; margin:0;}
div#campaigns li {float:left; margin:16px 0 0 0;}
div#campaigns li img {float:left;}

/* right hand menu blocks */
div#whatmenu, div#wheremenu {width:460px; margin:0 0 20px 0; position:relative; min-height:242px; height:auto !important; height:242px; background:#ECECEC;}
  
/* action panels 
div.action {width:292px; position:absolute; left:0; top:0;}
div.action h3 {font-size:1.3em; font-weight:bold; position:absolute; left:0; top:0; margin:0;}
div.action h4 {font-size:1em; font-weight:normal; margin-top:0; position:absolute; left:0; top:209px; margin:0;}
div.action h4 a {display:block; width:292px; width:280px; padding:6px 6px 6px 6px; height:32px; height:20px; color:#000; background:#ECECEC; opacity:0.8; filter:alpha(opacity=80)}
div#whatmenu div.action h3 {background:#007CC3; color:#fff; padding:4px 6px;}
div#whatmenu div.action h3.appeal {background:#00518E;}
div#wheremenu div.action h3 {color:#007CC3; padding:11px 6px 4px 16px;}
div#wheremenu div.action h3 a {color:#007CC3;}
div.action h3 a {color:#fff;}*/

/* copy block in where we work panels */
div.action p {margin:0; padding:0; position:absolute; left:16px; top:40px; overflow:hidden; width:200px; line-height:1.3;}
div.action p.wide {width:260px;}
div.action.africa p {width:180px;}
div.action.asia p {width:150px;}
div.action div.actionlinks {margin:0; padding:0; position:absolute; left:16px; top:110px; overflow:hidden; width:272px; z-index:auto;}
div.action.africa div.actionlinks {top:100px;}
div.action.americas div.actionlinks {top:130px;}
div.action.asia div.actionlinks {top:130px;}
div.action.fundraising div.actionlinks {top:70px;}

/* action layer visibility controls */
div.ontop {z-index:3;}
div.ontwo {z-index:2;}

/* sign up for email news box */
.signup div#emailsignup {visibility:hidden;}
div.action div#emailsignup {width:276px; w\idth:256px; padding:0 10px 0 20px; margin-top:0; position:absolute; left:0; top:182px; margin:0; background:none;}
div.action div#emailsignup label {margin:4px 0 0 2px; width:254px; display:inline; color:#fff; visibility:hidden;}
div.action div#emailsignup input {clear:left; width:182px;}
* html div.action div#emailsignup input {width:180px;}
div.action div#emailsignup input.button {clear:none; float:left; margin:0 0 0 10px; width:53px;}

/* impact stories */
div#homeleft div.story {margin:0 0 18px 0;}
div#content div.story ul {float:left; margin:6px 0 0 20px;}
div#content div.story li {}
div#content div.story ul.downloads, div#content ul.downloads {margin:6px 0 10px 0;}
div#content ul.downloads li {list-style-type:none; background-repeat:no-repeat; background-position:left center; padding:5px 0 5px 28px; background-image:url(../images/pdf.png);}
div#content ul.downloads li.quicktime {background-image:url(../images/quicktime.png);}
div#content ul.downloads li.wmv {background-image:url(../images/wmv.png);}
div#content ul.downloads li a {}

div#wheremenu div.action ul {z-index:auto; position:relative; width:90px; float:left;}
div#wheremenu div.action ul li {font-weight:normal; font-size:.92em; width:auto;}
div#wheremenu div.action ul li a {background:none; margin:0; padding:0; color:#007CC3; border:none; width:auto; display:inline;}
div#wheremenu div.action ul li a:hover {text-decoration:underline;}
div#wheremenu div.action ul li.active {background:none;}
div#wheremenu div.action ul li.active a {background:none;}
/*  */





/* */
div#subnav {width:166px; margin:0 0 20px 0; font-size:1em; font-weight:bold; clear:left;}
div#subnav ul {list-style-type:none; background:#007CC3;}
div#subnav ul {background:url(../images/subnav-top.png) no-repeat top left #007CC3;}
div#subnav ul li:last-child, div#subnav ul li.last {background:url(../images/subnav-bottom.png) no-repeat bottom left; border-bottom:none;}
div#subnav ul li {line-height:1.3; padding:0; border-bottom:1px solid #fff; margin:0 0 0 0;}
div#subnav ul li a {padding:8px 10px 8px 10px; color:#fff; text-decoration:none; display:block; width:166px; w\idth:146px;}
div#subnav ul li a:hover {color:#F4911E;}
div#subnav li a.active {color:#F4911E;}
div#subnav ul ul {background:#E0E6EA; border-top:1px solid #fff; padding:2px 0;}
div#subnav ul ul li {border-bottom:none; line-height:1.1;}
div#subnav ul ul li:last-child {background:#E0E6EA;}
div#subnav ul ul li a {padding:4px 10px 4px 20px; color:#007CC3; width:166px; w\idth:136px;}
div#subnav ul li.active ul li a {color:#007CC3; }
div#subnav ul li.active ul li a:hover {color:#F4911E;}
div#subnav ul li.active ul li.active a {color:#F4911E;}
div#subnav ul ul li a.active {color:#303030;}
/* */
div#subnav ul li:last-child ul, div#subnav ul li.last ul {background:url(../images/subnav-bottom.png) no-repeat bottom left #E0E6EA ; border-bottom:none; padding-bottom:6px;}

#bottoni
{
	margin-bottom:10px;
	clear:both;
	}
#bottoni-page
{
	margin-left:-6px;}
#bottoni h6
{
	font-size:16px;
	margin:5px 0 0px 15px;
}
#bottoni-page h6
{
	font-size:18px;
	padding-top:10px;
	margin:0px 0 0px 15px;
}
#bottoni p
{
	color:#666666;
	margin:0px 0 5px 15px;
}
#bottoni-page p
{
	color:#666666;
	margin:0px 0 5px 15px;
	width:170px;
}
#bottoni p a,#bottoni-page p a
{
	color:#666666;
	
}
#bottoni .first
{
	margin:0!important;
}
	
#bottoni .rosso
{
	background:transparent url("../images/bottoni home rosso.png") no-repeat;
	width:146px;
	height:88px;
	float:left;
margin-left:10px;
}

#bottoni-page .rosso
{
	background:transparent url("../images/bottoni page rosso.png") no-repeat;
	width:208px;
	height:95px;


}
#bottoni .rosso h6,#bottoni-page .rosso h6
{
	color:#FF0000;
}
	
#bottoni .viola
{
	background:transparent url("../images/bottoni home viola.png") no-repeat;
	width:146px;
	height:88px;
	float:left;
	margin-left:10px;
}

#bottoni-page .viola
{
	background:transparent url("../images/bottoni page viola.png") no-repeat;
	width:208px;
	height:95px;


}
#bottoni .viola h6,#bottoni-page .viola h6
{
	color:#E3007E;
}
#bottoni .celeste
{
	background:transparent url("../images/bottoni home celeste.png") no-repeat;
	width:146px;
	height:88px;
	float:left;
	margin-left:10px;
}

#bottoni-page .celeste
{
	background:transparent url("../images/bottoni page celeste.png") no-repeat;
	width:208px;
	height:95px;


}
#bottoni .celeste h6,#bottoni-page .celeste h6
{
	color:#0098FF;
}
#bottoni .verde
{
	background:transparent url("../images/bottoni home verde.png") no-repeat;
	width:146px;
	height:88px;
	float:left;
	margin-left:10px;
}
#bottoni-page .verde
{
	background:transparent url("../images/bottoni page verde.png") no-repeat;
	width:208px;
	height:95px;


}
#bottoni .verde h6,#bottoni-page .verde h6
{
	color:#4AA838;
}
#bottoni .arancio
{
	background:transparent url("../images/bottoni home arancio.png") no-repeat;
	width:146px;
	height:88px;
	float:left;
	margin-left:10px;
}
#bottoni-page .arancio
{
	background:transparent url("../images/bottoni page arancio.png") no-repeat;
	width:208px;
	height:95px;


}
#bottoni .arancio h6,#bottoni-page .arancio h6
{
	color:#F4911E;
}