/* utilities */
.clear {
	clear: both;
}
.nonexistent {
	font-size: 0 !important;
	height: 0 !important;
	line-height: 0 !important;
	margin: 0;
	overflow: hidden !important;
	padding: 0;
}
a img {
	border: none;
}
/* basic layout */
body {
	background-color: white;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.holder {
	margin: 0 auto;
	width: 928px;
}
.holder .top-something {
	height: 107px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 928px;
}
.holder .logoline {
	clear: both;
	padding: 14px 0 0 0;
	width: 928px;
}
.holder .titlesline {
	clear: both;
	padding: 9px 0 0 0;
	width: 928px;
}
.holder .introline {
	clear: both;
	padding: 15px 0 0 0;
	width: 928px;
}
.holder .footerline {
	clear: both;
	margin: 6px 0 0 0;
	padding: 0;
	width: 928px;
}
.holder .tricolcontent {
	clear: both;
	padding: 9px 0 0 0;
	width: 928px;
}
/* "almost-gridding attempt" */
.column167 {
	float: left;
	margin: 0;
	padding: 0;
	width: 167px;
}
.column544 {
	float: left;
	margin: 0 25px;
	_margin: 0 12px;
	padding: 0;
	width: 544px;
	font-size: 12px;
}
.column222 {
	float: left;
	margin: 0 0 0 25px;
	_margin-left: 12px;
	padding: 0;
	width: 222px;
}
.column235 {
	float: left;
	margin: 0 0 0 22px;
	_margin-left: 11px;
	padding: 0;
	width: 222px;
}
.column736 {
	float: left;
	margin: 0 0 0 25px;
	padding: 0;
	width: 736px;
}
.column761 {
	float: left;
	margin: 0;
	padding: 0;
	width: 761px;
	overflow: hidden;
}
.column250 {
	float: left;
	margin: 0;
	padding: 0 22px 0 0;
	width: 250px;
}
/* top left navigation */
.lefttopnav {
	list-style: none;
	margin: 0;
	padding: 23px 0 0 0;
	border: 1px solid #fff;
}
.lefttopnav li {
	font: normal bold 15px/18px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 6px 0;
	text-transform: uppercase;
	clear:both;
}
.lefttopnav li.condensed {
	font: normal bold 15px/18px Arial, Helvetica, sans-serif;
	padding-top:1px;
	padding-bottom: 1px;
/*	border-bottom: 1px solid #0f0; */
}
.lefttopnav li a {
	color: #635a59;
	display: block;
	text-decoration: none;
}
.lefttopnav li a span {
	color: #0b57a1 !important;
}
.lefttopnav li ul {
	list-style: none;
	margin: 0;
	padding: 6px 0 0 0;
}
.lefttopnav li.condensed ul {
	margin:0;
	padding:0;
	float: left;
	display:block;
	width: 167px;
}
.lefttopnav li.condensed ul li {
	margin:0;
	padding: 1px 0;
}
.lefttopnav li ul li {
	font: normal bold 12px/14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 1px 0 0 0;
	text-transform: uppercase;
}
.lefttopnav li ul li a {
	background-color: white;
	color: #635a59;
	display: block;
	padding: 2px 0 1px 10px;
	text-decoration: none;
}
.lefttopnav li ul li a.article {
	text-transform: none;
}
.lefttopnav li ul.articles {
	margin-bottom: -1px!important;
	margin-top: -1px!important;
	margin-top:0;
	padding-bottom:0;
	padding-top:0;
}
.lefttopnav li ul.articles li a.current,
.lefttopnav li ul li a.article:hover {
	background-color: #0a56a0;
	color: white;
}
/* bottom left navigation */
.leftbottomnav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.leftbottomnav li {
	font: normal bold 10px/13px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 1px 0;
	text-transform: uppercase;
}
.leftbottomnav li a {
	color: #a9a2a1;
	display: block;
	text-decoration: none;
}
.leftbottomnav li a:hover {
	color: #0756a0;
}
/* eteranls navigation */
.externalsnav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.externalsnav li {
	float: left;
}
.externalsnav .who {
	padding-right: 38px;
}.externalsnav .unicef {
	padding-right: 24px;
}
.externalsnav .unaids {
	padding-right: 15px;
}
.externalsnav .gf {
	padding-right: 32px;
}
.externalsnav .rbm {
	padding-right: 40px;
}
.externalsnav .stb {
	padding-right: 37px;
}
.externalsnav .clinton {
	padding-right: 51px;
}
/* typograpgy */
/* h1 is an image (as arrived from designers),
 however in case design is changed here is
 multiple ways to have it:
 - first as a single element inside the ".logoline"
*/
.holder .logoline h1 {
	margin: 0;
	padding: 0 0 0 192px;
}
/* - and second as "in an almost-a-grid column" */
/** Added by Andrew: */
div#categoryMenu {
  min-height: 209px;
  *min-height: 206px;
  _height: 207px;
}
/* */
.holder .logoline .column544 h1 {
	margin: 0 0 0 0 !important;
	padding: 0;
}
.holder .titlesline .column544 h2.login {
	font: normal bold 24px/36px Arial, Helvetica, sans-serif;
	margin: 23px 0 0 0;
	padding: 0;
	text-transform: uppercase;
}
.holder .titlesline .column544 h2.proclamation {
	font: normal normal 24px/36px Arial, Helvetica, sans-serif;
	margin: 0px 0 0 0; /* ///~ margin: 23px 0 0 0; */
	padding: 0;
	text-transform: uppercase;
	line-height: 35px;
}
.holder .blue {
	color: #0b57a1;
}
.holder .titlesline .column544 h2.proclamation object,
.holder .titlesline .column544 h2.proclamation embed {
	margin-top: 20px;
}
.holder .column167 .targets {
	font-size: 12px;
	line-height: 14px;
	padding-top: 13px;
	text-transform: uppercase;
}
.holder .column167 .targets .bluegrade0,
.holder .column167 .targets .bluegrade1,
.holder .column167 .targets .bluegrade2,
.holder .column167 .targets .bluegrade3 {
	font-weight: bold;
	padding: 2px 4px 3px 5px;
	*padding: 3px 4px 2px 5px;
}
.holder .column167 .targetitem {
	padding: 10px 4px 3px 4px;
	*padding: 11px 4px 2px 4px;
}
.holder .introline .column222 p.presentation {
	font: normal bold 14px/17px Arial, Helvetica, sans-serif;
	margin: 0 0 14px 0;
	padding: 0;
}
.holder .introline .column222 p.presentation .topspaced {
	line-height: 20px !important;
}
.holder .column167 ul {
  padding: 0px;
  margin: 0px;
}
.holder .column167 ul li {
  list-style-type: none;
  list-style-position: outside;
}
.holder .column167 ul li .signup {
	display: block;
	height: 96px;
	margin: 5px 0 20px 0;
	overflow: hidden;
	padding: 0;
	width: 167px;
}
.holder .column167 ul li .joinmassivegood {
	display: block;
	height: 63px;
	margin: 5px 0 20px 0;
	overflow: hidden;
	padding: 0;
	width: 167px;
}
.holder .column167 .unitaid {
	display: block;
	margin:0;
	padding: 3px 0 0 0;
	overflow: hidden;
	width: 167px;
}

.holder .column167 ul li .unitaid a {
	display: block;
	margin:0;
	width: 167px;
	height: 55px;
}

.holder .column167 ul li .unitaid p {
	text-indent: 0px;
	color: gray;
	font: normal normal 11px/13px Arial, Helvetica, sans-serif;
	margin: 8px 0 11px 0;
}
.holder .column235 .categorylist .cattitle {
	background: url(../images/cattitle_bg.gif) no-repeat left top;
	padding: 0 2px 0 4px;
	width: 229px;
}
.holder .column235 .categorylist .cattitle h2.cattitle {
	background: none;
	color: #0b57a1;
	display: block;
	float: left;
	font: normal bold 13px/16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	width: 145px;
}
.holder .column235 .categorylist .cattitle h2.cattitle object,
.holder .column235 .categorylist .cattitle h2.cattitle embed {
	margin-top: -2px;
	position: relative;
}
.holder .column235 .categorylist .cattitle .alltitles {
	float: left;
	padding: 3px 0 0 0;
	width: 77px;
}
.holder .column235 .categorylist .cattitle .alltitles a {
	display: block;
	height: 11px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -99999px;
}
.holder .column235 .categorylist .cattitle .alltitles .allnews {
	background: url(../images/view_all_news.gif) no-repeat left top;
}
.holder .column235 .categorylist .cattitle .alltitles .allevents {
	background: url(../images/view_all_events.gif) no-repeat left top;
}
.holder .column235 .categorylist .catitem {
	clear: left;
	display: block;
	/* margin: 16px 0 5px 0; */
	padding: 16px 0 5px 0;
	/* overflow: hidden; */
	position: relative;
	width: 235px;
}
.holder .column235 .categorylist .catitem .pubdate {
	display: block;
	font: normal bold 11px/14px Arial, Helvetica, sans-serif;
}
.holder .column235 .categorylist .catitem .illustration {
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 2px 12px 0 0;
	width: 110px;
}
.holder .column235 .categorylist .catitem .illustration .imagerights {
	color: #666666;
	font: normal normal 9px/12px Arial, Helvetica, sans-serif;
	margin: 2px 0 0 0;
}
.holder .column235 .categorylist .catitem .catitemtext {
	*float: left;
}
.holder .column235 .categorylist .catitem .catitemtext h3 {
	color: #000000;
	float: left;
	font: normal bold 13px/16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	width: 235px;
}
/* Fixes by Andrew: */
.holder .column235 .categorylist .catitem.noimage .catitemtext h3 {
	width: 235px;
}
.holder .column235 .categorylist .catitem h3 {
	color: #000000;
	float: left;
	font: normal bold 13px/16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	width: 235px;
}
.holder .column235 .categorylist .catitem p {
	color: #645a59;
	font: normal normal 11px/13px Arial, Helvetica, sans-serif;
	margin: 0;
}
/* End of fixes by Andrew */
.holder .column235 .categorylist .catitem.noimage h3 {
	width: 235px;
}
.holder .column235 .categorylist .catitem .catitemtext h3 object,
.holder .column235 .categorylist .catitem .catitemtext h3 embed {
	margin: -2px 0 0 0;
}
.holder .column235 .categorylist .catitem .catitemtext p {
	color: #645a59;
	font: normal normal 11px/13px Arial, Helvetica, sans-serif;
	margin: 0;
}
.holder .column235 .categorylist .catitem .fulltext {
  float: right;
}
.holder .column235 .categorylist .catitem.noimage .fulltext {
	left: 0px !important;
}
.holder .column250 .topicintro {
	display: block;
	height: 201px;
	margin: 0;
	overflow: hidden;
	padding: 30px 0 8px 0;
	width: 250px;
}
.holder .column250 .topicintro h4 {
	display: block;
	font: normal bold 13px/16px Arial, Helvetica, sans-serif;
	height: 34px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-transform: uppercase;
	width: 250px;
}
.holder .column250 .topicintro .topicillustartion {
	display: block;
	height: 71px;
	overflow: hidden;
	width: 250px;
}
.holder .column250 .topicintro .textexerpt {
	display: block;
	height: 71px;
	margin: 0;
	overflow: hidden;
	padding: 13px 83px 0 0;
	width: 167px;
}
.holder .column250 .topicintro .textexerpt p {
	font: normal normal 13px/15px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.holder .column250 .topicintro .morelink {
	display: block;
	height: 13px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 250px;
}

.holder .row500 .topicintro {
	display: block;
	margin: 0;
	padding: 30px 0 8px 0;
	width: 250px;
	float: left;
}
.holder .row500 .topicintro h4 {
	display: block;
	font: normal bold 13px/16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	width: 250px;
}
.holder .row500 .topicintro .topicillustartion {
	display: block;
	width: 250px;
}
.holder .row500 .topicintro .textexerpt {
	display: block;
	margin: 0;
	padding: 13px 33px 0 0;
	width: 217px;
}
.holder .row500 .topicintro .textexerpt p {
	font: normal normal 13px/15px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.holder .row500 .topicintro .morelink {
	display: block;
	height: 13px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 250px;
}

.holder .column544 p.mainpoint {
	font: normal bold 13px/15px Arial, Helvetica, sans-serif;
	margin: 6px 0 0 0;
	padding: 0 8px 0 0;
}
.holder .column544 p.subtitle {
	font: normal bold 13px/15px Arial, Helvetica, sans-serif;
	margin: 0px 0 15px 0;
	padding: 0 8px 0 0;
}
.holder .column544 p.somepoint {
	font: normal normal 13px/15px Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	padding: 0 8px 0 0;
}
.holder .column544 .leftillustration {
	float: left;
	padding-right: 21px;
	padding-top: 4px;
}
.holder .column544 p.movietitle {
	font: normal bold 13px/15px Arial, Helvetica, sans-serif;
	margin: 0px 0 5px 0;
	padding: 0 8px 0 0;
}
.holder .column544 .player {
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	width: 544px;
	height: 331px;
}
.holder .column544 h3.pagespecific {
	color: #9c9593;
	display: block;
	font: normal normal 12px/15px Arial, Helvetica, sans-serif;
	margin: 29px 0 8px 0;
	padding: 0;
	text-transform: uppercase;
}
.holder .column544 h2.pagetitle {
	font: normal bold 20px/24px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.holder .column167 .linksblock {
	display: block;
	margin: 0;
	padding: 0 0 17px 0;
	width: 167px;
}
.holder .column167 .linksblock .headgroup {
	background: url(../images/cattitle_bg.gif) no-repeat left top;
	height: 16px;
	overflow: hidden;
	padding: 0 2px 0 3px;
	width: 162px;
}
.holder .column167 .linksblock h2.cattitle {
	background: none;
	color: #0b57a1;
	display: block;
	float: left;
	font: normal bold 13px/16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	width: 116px;
}
.holder .column167 .linksblock h2.cattitle object,
.holder .column167 .linksblock h2.cattitle embed {
	position: relative;
	margin-top: -2px;
}
.holder .column167 .linksblock .alltitles {
	float: right;
	padding: 3px 0 0 0;
	height: 11px;
	width: 45px;
}
.holder .column167 .linksblock .alltitles a {
	background: url(../images/view_all.gif) no-repeat left top;
	display: block;
	height: 11px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: -99999px;
}
.holder .column167 .linksblock ul {
	list-style: none;
	margin: 6px 0 0 0;
	padding: 0;
}
.holder .column167 .linksblock ul li {
	font: normal normal 11px/14px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 3px 4px;
}
.holder .column167 .linksblock ul li a {
	background: url(../images/gt.gif) no-repeat left 5px;
	color: #0a56a0;
	display: block;
	margin: 0;
	padding: 0 0 0 8px;
	text-decoration: none;
}
.holder .column167 .linksblock ul li a:hover {
	text-decoration: underline;
}
input.submitLogin {
	background: transparent url('../images/buttonLogin.gif') no-repeat left top;
	width: 49px;
	height: 17px;
	border: 0px;
	position: relative;
	bottom: 0px;
	left: 482px;
	cursor: pointer;
	padding-bottom: 20px;
	*bottom: 3px;
}
/* decoartions */
.holder .titlesline .column167,
.holder .titlesline .column544,
.footerline .column167,
.footerline .column736,
.holder .tricolcontent .column167,
.holder .tricolcontent .column544,
.holder .introline .introclear .column167,
.holder .introline .introclear .column736  {
	border-top: 2px solid black !important;
}
.footerline .column167,
.footerline .column736 {
	padding: 25px 0 0 0;
}
.footerline .column736 {
	padding : 0px;
}
.footerline .column736 p {
	margin : 0px;
	color: #A9A2A1;
	font-size:10px;
	text-align: right;
}
.bluegrade0 {
	background-color: #0b56a0;
	color: white;
}
.bluegrade1 {
	background-color: #3c78b3;
	color: white;
}
.bluegrade2 {
	background-color: #6d9ac6;
	color: white;
}
.bluegrade3 {
	background-color: #9dbbd9;
	color: white;
}
.titleclear,
.introclear  {
	clear: both;
	height: 8px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 928px;
}
.holder .titlesline .titleclear .column167,
.holder .titlesline .titleclear .column544,
.holder .introline .introclear .column167,
.holder .introline .introclear .column736 {
	font-size: 0px !important;
	height: 0 !important;
	line-height: 0 !important;
	margin-bottom: 0 !important;
	margin-top: 6px !important;
	overflow: hidden !important;
	padding: 0 !important;
}
.separator35 {
	background-color: black;
	display: block;
	height: 2px;
	margin: 13px 0 20px 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.contentitem {
  float: left;
  margin: 16px 16px 5px 16px;
  position: relative;
  width: 235px;
}
.contentitem .pubdate {
  display: block;
  font: normal bold 11px/14px Arial, Helvetica, sans-serif;
}
.contentitem .illustration {
  display: block;
  float: left;
  margin: 0;
  overflow: hidden;
  padding: 2px 12px 0 0;
  width: 110px;
}
.contentitem .illustration .imagerights {
  color: #666666;
  font: normal normal 9px/12px Arial, Helvetica, sans-serif;
  margin: 2px 0 0 0;
}
.contentitem .catitemtext {
  *float: left;
}
.contentitem .catitemtext h3 {
  color: #000000;
  float: left;
  font: normal bold 13px/16px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  width: 235px;
}
.contentitem.noimage .catitemtext h3 {
  width: 235px;
}
.contentitem .catitemtext h3 object,
.contentitem .catitemtext h3 embed {
  margin: -2px 0 0 0;
}
.contentitem .catitemtext p {
  color: #645a59;
  font: normal normal 11px/13px Arial, Helvetica, sans-serif;
  margin: 0;
  clear: left;
}
.contentitem .fulltext {
  float: right;
}
.contentitem.noimage .fulltext {
  left: 0px !important;
}
.content_montyear {
  font-size: 14px;
  color: #666666;
  margin: 20px 0 4px 0;
}
.contenttitle {
  font-size: 20px;
  color: #000000;
  font-weight: bold;
  margin-top: 50px;
}

.download_container {
  background: url(../images/jeans473x16.jpg); 
  width: 473px; 
  line-height: 20px; 
  margin: 5px 0;
}

.download_btn {
  float: right; 
  margin-top: 3px;
}

.download_gt {
  margin: 2px;
}

.download_container_even {
  background: none; 
}