@charset "UTF-8";
/* CSS Document */

/* SIGNUP */

#signup						  { margin-top:10px; margin-bottom:10px; }
#signup input[type='text']	  { font-family:Arial, Helvetica, sans-serif; /* font-size:12px; border:1px solid; color:#10aa84;  padding:3px; float:left;margin-bottom:5px;margin-right:5px;  */
								border:1px solid  #d1d1d1; width:152px; padding:4px; color:#666; margin-top:8px; height:15px; font-size:12px }
#signup .label				  { width:140px;float:left; padding-top:10px; display:block; }
#signup hr					  { border-top:1px solid #ddd; border-left:none;border-right:none;border-bottom:none; }
#signup input[type='submit']	{ font-family:Arial, Helvetica, sans-serif; 
								border:1px solid  #d1d1d1; width:162px; padding:4px; color:#666; margin-top:8px; font-size:12px }
#signup input[type='submit']:hover	{ background-color:#f5f5f5;}



.content-list {
	
	text-align: justify; font-size: 12px; line-height: 20px; padding: 10px;
	
}

.content-list li {
	padding:0px 0px 20px 0px;
	margin:0px;
}

.reshead                   { width:238px !important; width:272px; display:block; top:-3px; position:relative; padding:15px; border:1px solid #c0c0c0; *padding:18px; margin-bottom:8px; background:#428e90;}
.reshead h2			      { font-size:18px; font-weight:normal;padding:0;margin:0; color:#fff;}
.reshead p                  { font-size:11px; text-align:justify; line-height:18px; *width:230px; *margin-top:7px;}
.reshead p a			      { color:#000; font-size:11px;}
.reshead p a:hover          { text-decoration:underline;}

.resright                   { width:238px !important; width:272px; display:block; top:-3px; position:relative; padding:15px; border:1px solid #c0c0c0; *padding:18px; margin-bottom:8px;}
.resright h2			      { font-size:18px; font-weight:normal;padding:0;margin:0;}
.resright p                  { font-size:11px; text-align:justify; line-height:18px; *width:230px; *margin-top:7px;}
.resright a			      { font-weight:bold; font-size:12px;}
.resright a:hover          { text-decoration:underline;}

#res-sub { margin:0px; padding:0px; clear:both; }
#res-sub li { display:inline; list-style:none }
#res-sub li a, a.res-button {
	display:block;
	float:left;
	list-style:none;
	font-weight: normal;
	color: #FFF;
	background-image: url(../../imgs/res_sub.png);
	background-repeat: no-repeat;
	text-align: center;
	height: 26px;
	width: 165px;
	overflow: hidden;
	font-size:11px;
	line-height:26px;
}

#res-sub li a:hover, a.res-button:hover {
	background-position: left -30px;	
}

#jsddm
{	margin: 0;
	padding: 0}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		background: #20548E;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 70px;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #1A4473}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			background: #9F1B1B}
		
		#jsddm li ul li a:hover
		{	background: #7F1616}

ul#stay-posted {
	padding:0px;
	margin:0px;
	list-style:none;
}

ul#stay-posted li {
	padding:2px 0px 2px 0px;
	border-bottom:1px dotted white;
}

ul#stay-posted li a, ul#stay-posted li a:hover {
	text-decoration:none;
	display:block;
	
}

ul#stay-posted li a:hover {
	color:#10aa84;
}

.left h3.col-head {	display:block; color:#FFF;height:40px; line-height:40px; font-size:20px; font-weight:normal; text-align:center; background: url(../../imgs/green-gradient-40.png); margin:0px 0px 2px 0px; width:279px; position:relative; top:-3px;}

/** New Homepage NOvemeber 2010 **/

#cse-search-box {
	float:right;	
}

.logo             { margin-left:0px; padding-top:20px; padding-bottom:30px;}




#myslidemenu {
	background-image: url(../../imgs/nav-panel-bg.png);
	background-repeat: no-repeat;
	height: 41px;
	width: 857px;
	position: absolute;
	margin-left:142px;
	top:44px;
	
}





#myslidemenu .mainitem,#myslidemenu .mainitemhover,#myslidemenu .mainitemselected {
	font-size: 15px;
	color:#fff;
	line-height: 28px;
	background-repeat: repeat-x;
	height: 28px;
	margin-left:12px;
	padding:0px 12px 0px 12px;
	margin-top:6px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../../imgs/nav-main-bg.png)
}

#myslidemenu .mainitem {
	border:1px solid #666;
	color:#fff;
	background-position: center top;;
}

#myslidemenu .mainitem:hover, #myslidemenu .mainitemhover,#myslidemenu .mainitemselected {
	border:1px solid #ccc;
	color:#fff;
	background-position: center -28px;
}



#headSearchbox {
	float:right;	
	width:857px;
	position:absolute;
	margin-left:142px !important;
	margin-left:0px;
	margin-top:10px;
}
.head-rss         { top:6px !important; top:4px; position:relative;width:20px;height:21px;float:right;}
#headSearchbox form{
	float:right;
}



.addthis_toolbox {
	margin:5px 0px 0px 65px;
	padding:3px 10px 3px 10px;
	width:130px !important;
	width:150px;
	background-image:url(../../imgs/right_bg_social.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border:1px solid #fff;
}

.addthis_toolbox a {
	color:#666;
	line-height:17px;
}

#scroller {
	margin:-9px -9px 5px -9px
}


#right-box-top {
	background-color:#EEE;
	height:248px !important;
	height:250px;
	border:1px solid #CCC;
	margin:0px 0px 20px 0px;
	text-align:center;
	line-height:240px;
	font-size:20px;
	font-weight:bold;
	
}

a.supportBox {
	display:block;
	float:left;
	width:260px !important;
	width:305px;
	border:1px solid #087e79;
	height:80px;
	padding:0px 55px 0px 0px;
	margin-top:15px;
	margin-left:10px !important;
	margin-left:15px;
	font-size:11px;
	color:#8fd4d2;
	background-image:url(../../imgs/right_button_green.png);
	background-position:right top;
	background-repeat:no-repeat;
	line-height:1.1em;
}



a.supportBox h3{
	color:#fff;
	padding:5px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	border-bottom:1px solid #ddd;
	
	font-size:14px;
}

a.supportBox:hover {
	background-position:right -84px;
	color:#FFF;
	border:1px solid #666666;

}

.supportBoxSq {
	display:block;
	float:left;
	width:295px;
	height:245px;
	border:1px solid #cccccc;
	padding:10px;
	margin-top:15px;
	margin-left:10px !important;
	margin-left:15px;
	font-size:12px;
	color:#333333;
	background-image:url(../../imgs/support_usa.png);
	background-position:left -40px;
	background-repeat:repeat-x;
	overflow:hidden;
	line-height:1.1em;
}



.supportBox .picture {
	width:80px;
	height:80px;
	float:left;
	margin-right:5px;
}
.supportBoxSq .picturePort {
	width:120px;
	height:175px;
	float:left;
	margin-right:5px;
	border:1px solid #FFF;
}

.supportBoxSq .pictureLand {
	width:295px;
	height:100px;
	float:left;
	margin:0px 0px 5px 0px;
	border:1px solid #FFF;
}

.supportBoxSq h3 {
	font-size:28px;
	color:inherit;
	margin:0px 0px 5px 0px;
}

a.supportBoxSq:link, a.supportBoxSq:visited { color:#333; }

a.supportBoxSq:hover {
	background-position:left -355px;
	color:#FFF;
}

.supportBoxSq span { display:block; color:#666; margin:10px 0px;  }

.supportBoxSq span a { font-size:12px;}
.supportBoxSq a.donateLink { display:block; background-image:url(../../imgs/support_btn.png); width:30px; height:30px; background-position:0px 0px; float:right; overflow:hidden; text-indent:-500px;font-size:0px; }
.supportBoxSq a.donateLink:hover { background-position:0px -205px; } 
	
.supportBoxSq .donatenow { position:absolute; width:295px; margin-top:216px; line-height:30px; text-align:right; font-size:16px; color:#666; }
#supportDonate 		.picture {	background-image:url(../../imgs/support_donate.jpg); }
#supportFundraise	.picture {	background-image:url(../../imgs/support_fundraise.jpg); }
#supportLegacy 		.picture {	background-image:url(../../imgs/support_legacy.jpg); }
#supportCorporate	.picture {	background-image:url(../../imgs/support_corporate.jpg); }
#supportCampaigns 	.picture {	background-image:url(../../imgs/support_campaigns.jpg); }
#supportContact		.picture {	background-image:url(../../imgs/support_contact.jpg); }

#supportUS1 		.pictureLand {	background-image:url(../../imgs/support_usa1.jpg); }
#supportUS2 		.picturePort {	background-image:url(../../imgs/support_usa2.jpg); }
#supportUS3 		.picturePort {	background-image:url(../../imgs/support_usa3.jpg); }
#supportUS4			.pictureLand {	background-image:url(../../imgs/support_usa4.jpg); }
#supportUS5 		.pictureLand {	background-image:url(../../imgs/support_usa5.jpg); }
#supportUS6 		.picturePort {	background-image:url(../../imgs/support_usa6.jpg); }

.right_sub_menu {
	font-size: 14px;
	color:#fff;
	line-height: 24px;
	background-repeat: repeat-x;
	height: 24px;
	padding:2px 2px 2px 5px;
	margin:0px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../../imgs/nav-main-bg.png);
	border:1px solid #666;
	color:#fff;
	background-position: center top;;
	display:block;
}

.right_sub_menu:hover {
	border:1px solid #ccc;
	color:#fff;
	background-position: center -28px;
}

.shareThisFooter {
	padding-top:20px;
	margin-left:-3px;
	clear:left;
	width:600px;
}


.clear {
	height:0px;
	overlfow:hidden;
	font-size:0px;
	clear:both;
}

.newsArticle {
	border-bottom: 1px solid #084B45;
	padding:0px 0px 10px 0px;
	margin:0px 5px 10px 0px;
	/*text-align:justify;*/
}

a.newsLink {
	display:inline-block;
	background-color:#d1d1d1;
	color:#fff;
	text-decoration:none;
	height:20px;
	line-height:20px;
	padding:5px;
	font-size:12px;
		
}

a.newsLink:hover {
	
	background-color:#666;
	color:#fff;
	text-decoration:none;
		
}

.newsArticle .heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #108783;
	line-height: normal;
	display:block;
	text-align:left
}

.newsArticle .sub-heading, .tpl-videos .sub-heading {
	/*font-size:14px;
	color:#108783;
	margin-bottom:10px;
	display:block;*/
	font-size:12px;
	color:#999;
	margin-bottom:10px;
	display:block;
}

.newsArchive {
	border-bottom: 1px solid #084B45;
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}

.news_banner_text                  {
	background-color:transparent;
	background-image:url(../../imgs/banner_text_bg.png);
	padding:4px;
	color:#CCC;
	position:absolute;
	top:215px;
	right:3px;
	z-index:102;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}
.news_banner_text        h2          { font-size:8px;margin:0px;}


#archiveLink {
	font-weight:bold;
	font-size:18px;
}
/********* downloads / Media Attachments *********/

#attachments ul {
	margin:0px;
	padding:0px;
	list-style-position:outside;
	list-style:none;
}

#attachments ul li {
	background:url(../../imgs/media_link_bg.png) left -220px repeat-x;
	border:1px solid #CCC;
	margin:0px 0px 10px 0px;
}

#attachments ul li a .minheight{
	display:block;
	float:right;
	height:45px;
	width:1px;

}
#attachments ul li a .strap {
	font-weight:normal;
	color:#666;
	font-size:10px;
	line-height:10px;
	margin-top:0px;
	display:block;
}

#attachments ul a .strap p {
	margin:0px 0px 4px 0px;
}

#attachments ul a {
	padding:5px 80px 5px 45px;
	
	background-repeat:no-repeat;
	background-position:left top;
	display:table-cell;
	vertical-align:middle;
	width:600px;
	font-weight:bold;
	line-height:14px;
	text-align:left;
}

#attachments ul a:hover {
	background-color:#E8E8E8;
	text-decoration:none;
}

#attachments ul a.media_pdf 	{ background-image:url(../../imgs/media_icon_pdf.png); 	}
#attachments ul a.media_misc 	{ background-image:url(../../imgs/media_icon_misc.png); 	}
#attachments ul a.media_doc 	{ background-image:url(../../imgs/media_icon_doc.png); 	}
#attachments ul a.media_img 	{ background-image:url(../../imgs/media_icon_img.png); 	}
#attachments ul a.media_music	{ background-image:url(../../imgs/media_icon_music.png); 	}
#attachments ul a.media_ppt 	{ background-image:url(../../imgs/media_icon_ppt.png); 	}
#attachments ul a.media_video	{ background-image:url(../../imgs/media_icon_video.png); 	}
#attachments ul a.media_xl 		{ background-image:url(../../imgs/media_icon_xl.png); 	}
#attachments ul a.media_misc 	{ background-image:url(../../imgs/media_icon_misc.png); 	}


#mediaLibrary h1 {
	margin:0px 0px;
	font-size:16px;
	padding:0px;
	}
	
	
#mediaLibrary hr {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #CCC;
	margin:10px 0px;
}


div.mediaThumb {
	display:block;
	height:120px;
	width:200px;
	margin:0px  10px 10px 0px;
	border: 1px solid #ccc;
	padding:34px 4px 4px 4px;
	line-height:24px;
	text-align:center;
	float:left;
	background-color:#d1d1d1;
	font-size:20px;
	color:#F60;
}
a.mediaThumb img, a.wmdThumb img {
	border:none;
}

a.mediaThumb:hover img { margin-top:-5px;}
a.mediaThumb {
	display:block;
	height:150px;
	width:227px;
	margin:0px  10px 10px 0px;
	border: 1px solid #ccc;
	padding:4px;
	line-height:16px;
	text-align:center;
	float:left;
	background-color:#d1d1d1;
	font-size:16px;
	color:#fff;
}


a.mediaThumb:hover {
	background-color:#666;
	border:1px solid #087e79;
	
}

a.wmdThumb {
	display:block;
	height:140px;
	width:200px;
	margin:0px  10px 10px 0px;
	border: 1px solid #ccc;
	padding:4px;
	line-height:16px;
	text-align:center;
	float:left;
	background-image:url(../../imgs/wmdThumbBG.png);
	background-position:0px 0px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}

a.wmdThumb:hover {
	background-position:1px -151px;
	border:1px solid #087e79;
	color:#087e79;
	
}



#mediaList a.images {
	background-color:#d1d1d1;
	background-repeat:no-repeat;
	background-position:center center;
	margin:0px 3px 3px 0px;
	display:inline-block;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	width:227px;
	height:160px;
	margin-bottom:53px;
	font-size:12px;
}

#mediaList a.images span { position:absolute; height:50px; padding:5px; width:227px; margin-top:155px; margin-left:-5px;display:block; background-color:#d1d1d1; line-height:1.2em;  }
#mediaList a.images:hover { opacity:0.8; filter:alpha(opacity=80); padding:5px; }

#mediaList a.images:hover span { background-color:#999; position:absolute; height:50px; padding:5px; width:227px; margin-top:155px; margin-left:-5px;display:block;  }

#mediaList.mediaIntro  .media-icon,
#mediaList.mediaIntro:hover  .media-icon { width:50px; margin-bottom:-15px;}
#mediaList.mediaIntro a.images span { font-size:21px; line-height:2.3em; text-align:left;  }

#mediaList a {
	
	margin:0px 0px 3px 0px;
	display:block;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	line-height:18px;
	text-align:left;
	background-color: #d1d1d1; padding:8px;
	color:#fff;
	font-size:16px;
}



#mediaList a:hover {
	background-color:#666;
	text-decoration:none;
	
	padding-left:15px;
	line-height:18px;
	
}


.miniThumb {
	float:left;
	margin-right:10px;
	max-width:145px;
}

/******* Where We Work **********/

.www .maincontent { padding-top:20px}
.www .maincontent h1, .www .maincontent a:ink, .www .maincontent a:visited {color:#087e79; }
.www .maincontent h2 {font-size:16px; font-weight:bold; color:#087e79; margin-bottom:4px;  clear:both; }
.www .maincontent hr { border-left:none; border-top:none; border-right:none; border-bottom: 1px solid #DDD;}
.www .maincontent table { font-size:12px}

/*

.wwwMainBox {
	display:block;
	clear:both;
	padding:20px;
	border:1px solid #cccccc;
	padding:10px;
	font-size:12px;
	color:#333333;
	background-image:url(../../imgs/support_usa.png);
	background-position:left 0px;
	background-repeat:repeat-x;
}

.wwwMainBox img {
	margin-right:20px;
	width:262px;
	height:auto;
}


.wwwMainBox .wwwInset {
	
	padding:0px 5px;
	display:inline-block;
	width:340px;
	line-height:17px;
}
.wwwSmallBoxLeft h2, .wwwSmallBoxRight h2, .wwwInset h2 {   border-bottom:1px solid #ccc; font-size:16px; font-weight:bold;color:#087e79;margin-bottom:4px; }


	
.wwwMainBox img, .wwwSmallBoxLeft img, .wwwSmallBoxRight img {	border:1px solid #ccc;	 }
*/

.wwwSmallBoxLeft { float:left; display:block; /* border-right:1px solid #ddd; */ padding:10px 20px 0px 0px; width:300px;margin:10px 20px 20px 0px; min-height:185px; 
	
	background-position:left 0px;
	background-repeat:repeat-x;
	line-height:17px;
	}
	
.wwwSmallBoxRight{ float:left; display:block;  padding:10px 0px; width:302px; clear:right; margin:10px 0px 20px 0px; min-height:185px;
	
	background-position:left 0px;
	background-repeat:repeat-x;
	line-height:17px;
	}
.wwwSmallBoxLeft img, .wwwSmallBoxRight img  { float:left;clear:right; margin:5px 15px 10px 0px }
.wwwSmallBoxLeft ul, .wwwSmallBoxRight ul { padding:0px;margin:10px 0px; list-style:disc;}
.wwwSmallBoxLeft li, .wwwSmallBoxRight li { padding:0px;margin:0px 0px 0px 14px; list-style:disc; }

.wwwGreyBox { border:1px solid #ddd; padding:6px; background:#f1f1f1; display:block; }




#resourceSearch { width:165px;  float:left; padding:0px;  margin-right:48px; font-size:12px;  }
#resourceList { width:510px; float:left; }


#resourceList .resHeader, #resourceSearch .resHeader { background:url(../../imgs/media_link_bg.png) left -220px repeat; }
#resourceList .resAlt { background:#F0F0F0;}
#resourceList .resRow, #resourceSearch .resRow  { border-bottom:1px solid #CCC; padding:3px; display:block; color:#4d4b4c; }
#resourceList .resColLeft { float:left; width:90px; padding:3px; }
#resourceList .resColMid { float:left; width:270px; padding:3px; }
#resourceList .resColRight { float:left; width:115px; padding:3px; }
#resourceList .resColMidNoThumb { float:left; width:366px; padding:3px; }

#resourceList .resColLeft i.fa.dx-icon,
#resourceSearch i.fa.dx-icon { font-size:40px; margin:15px; }

#resourceList .resColRight small a { font-size:0.8em;}  
#resourceList .resRow.res-complete .pro-title { color:#777;}

.tpl-pub-home #resourceList { width:428px; float:left; }
.tpl-pub-home #resourceList .resColMid { width:200px; padding-right:12px;}
.tpl-pub-home #resourceList .resColRight { width:100px;}


.tpl-sub-tpl #resourceList { width:742px; float:left; }
.tpl-sub-tpl #resourceList .resColMid { width:522px;}

#resourceList .resRow:hover:not(.resHeader) { background: #d1d1d1; color: #339999; }


#resourceSearch h3 { cursor:pointer; font-size:12px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin:3px 0px; padding:0px 6px 0px 0px;  }
#resourceSearch h3:hover { background-color:#F0F0F0} 
#resourceSearch ul {margin:0px; padding:0px; list-style-position:inside; list-style:none;  }
#resourceSearch li {margin:0px; padding:0px; border-bottom:1px solid #F0F0F0; width:auto; }
#resourceSearch li.end, #resourceSearch li:last-child {border-bottom:none;}
#resourceSearch li a { font-size:12px; display:block; padding:4px 4px 4px 16px; background:url(../images_template/resource_tick_v2.png) 0px 6px no-repeat; line-height:1.3em; }
#resourceSearch li a.strong{ font-weight:bold; background:url(../images_template/resource_tick_v2.png) 0px -145px no-repeat #F0F0F0; display:block; }
#resourceSearch li a:hover { padding:4px 0px 4px 20px; background:url(../images_template/resource_tick_v2.png) 0px -145px no-repeat #F0F0F0; display:block; }
#resourceSearch li a.strong:hover { background:url(../images_template/resource_tick_v2.png) 0px 6px no-repeat ;}

#resourceSearch form { margin:4px 0px 0px 0px; padding:0px 0px;   }
#resourceSearch input { border:1px solid  #d1d1d1; width:154px; padding:4px; color:#666; margin-top:8px; height:19px; font-size:12px} 

#resourceSearch input[type=submit] { cursor:pointer; border:1px solid #ccc;background:#F0F0F0; width:164px; height:27px; margin-bottom:8px; }
#resourceSearch input[type=submit]:hover { background:#CCC; }

#resourceSearch input[type=text].passive { color:#CCC; }