/* Style sheet for UN Millennium Development Goals (2008) */







body {

	font-family: Geneva, Arial, Helvetica, sans-serif;

	margin-top: 0px;

	background-repeat: repeat-x;

	background-color: #38709F;

	background-image: url(images/grad.jpg);

}



	

/* MAIN CONTAINER - HOMEPAGE*/



#main {

	width: 49.4em;

	background-color: #FFFFFF;

	margin: 0px auto 0px auto;

	border: 1px solid #333333;

}

#branding {

	width: 99%;

	height: 1.1em;

	background-image: url(images/brandtexture.jpg);

	background-repeat: repeat-x;

	font-size: 0.7em;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	font-weight: bold;

	color: #003366;

	display: block;

	margin-right: auto;

	margin-left: auto;

}







 /* SKIP TO NAVIGATION AND SKIP TO TEXT*/

 

#skiplink {

	width:150px;

	padding: 0px;

	margin: 0px;

	clear: both;

	font-size: 10px;

	display: inline;

	color: #97BCD9;

}

#skiplink a {

	color:#97BCD9;

}

#skiplink a:focus, div#skiplink a:active {

	color:#F4F7F7;

	background-color: #1D3132;

}





/* BRANDING BAR*/



#brandbar {

	height: 1.25em;

	width: 49.4em;

	background-image: url(images/brandbarbkgd.jpg);

	background-repeat: repeat-x;

	background-color: #C2C6CF;

	margin: 0px auto 0px auto;

	border-width: 1px 1px 0 1px;

	border-style: solid;

	border-color: #666666;

}



#brandbar .welcome {

	font-size: 0.7em;

	color: #333333;

	padding: .3em 0px 0px .5em;

	margin: 0 0 0 2em;

	display: block;

}

#brandbar .welcome a, a:link, a:active {

	color: #333333;

	text-decoration: none;

}



#brandbar .welcome a:hover {

	color: #0033CC;

	text-decoration: underline;

}

#brandbar #searchfrm  /* SEARCH BOX */

 {

	width: 12em;

	float: right;

	margin: -1.15em 0 0 0;

	text-align: left;

}

#brandbar  #searchfrm label /*hidden*/

{

	position:absolute;

	overflow:hidden;

	font-size: 0.7em;

	top: -500px;

}

#brandbar  #searchfrm .button {

	font-size: 0.65em;

}

#brandbar  #searchfrm  .textbox  {

	font-size: 0.65em;

}





/* LANGUAGE BAR */



#lang {

	padding: 0 1% 0 0;

	margin: 0px auto;

	height: 1.2em;

	background-color: #DBDFE8;

}



#lang ul {

	text-align: right;

	font-size: .7em;

	color: #000000;

	padding: 0;

	margin: 0;

}

#lang ul li {

	list-style-type:none;

	text-align: right;

	display: inline;

	padding-left: 8px;

	padding-right: 8px;

	margin: 0;

}

#lang ul li#arabic {

	direction:rtl;

	font-size: 1.2em;

}

#lang ul li#chinese {

	font-size: .95em;}

#lang ul li a:link {

	color:#000000;

	text-decoration:none;

	font-weight: bold;

}

#lang ul li a:visited {

	color:#385470;

	text-decoration:none;

	font-weight: bold;

}

#lang ul li a:hover {

	color:#385470;

	text-decoration:none;

	font-weight: bold;

}

#lang ul li a:active {

	color:#385470;

	text-decoration:none;

	font-weight: bold;

}

#lang #homelinks {

	float: left;

	padding-top: .1em;

}

#lang    #homelinks   a   {

	font-size: 0.7em;

	color: #515151;

	display: inline;

	padding-top: 0em;

	padding-bottom: 0px;

	padding-left: 0.5em;

	margin: 0em;

}

#lang   #homelinksa:hover        {

	color: #000000;

}











/* TOP BANNER */



#banner {

	clear: none;

	background-image: url(images/bannergrad-hle.jpg);

	background-repeat: repeat-x;

}



#hiddentitle, #hiddentitle span {

	background-image: url(images/banner-hle.jpg);

	background-repeat: no-repeat;

	height: 150px;

	font-size: 14px;

	margin: 0px;

	padding: 0em;

}



#hiddentitle span {

	margin-bottom: -75px;

}



h1 {

	font-size: 16px;

	padding:0;

	margin:0;

	text-align: center;

	color: #000066;

}

h1 span {

	display: block;

	position: relative;

	z-index: 1;	

}

#horizbar {

	background-color: #39332D;

	height: 1.4em;

	font-family: Arial, Helvetica, sans-serif;

	float: left;

	color: #FAFAFA;

	font-size: 0.8em;

	font-weight: bold;

	padding-left: 13.3em;

	padding-top: 0.2em;

	width: 48.4em;

}











/* LEFT MENU BAR: navigation links */



#leftmenu {

	float: left;

	width: 20%;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #9AA8B4;

}

	

#leftmenu ul {

	list-style-type:none;

	margin: 0;

	padding: 0;

}



#leftmenu ul li {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #BDC7CE;

	font-size: .7em;

}

#leftmenu ul li a {

	text-decoration: none;

	padding: 3px 3px 3px 12px;

	display: block;

}	

#leftmenu  ul  li  a:link  {

	color:#27303F; 

	text-decoration: none;

}

#leftmenu  ul  li  a:visited {

	color: #7E030A;

}

#leftmenu   ul   li   a:hover  {

	text-decoration: underline;

	color: #990000;

}



	

#leftmenu ul li a:active {

	text-decoration: none;

}



#leftmenu ul ul a {

	background-position: 15px 10px;

	border-bottom-style: none;

	background-image: url(images/bullet.gif);

	background-repeat: no-repeat;

	padding-left: 3em;

	font-size: 1.3em;

}

#leftmenu ul ul li {

	border-bottom-style: none;

}

	

#leftmenu ul ul li a:hover, a:active {

	color: #001C37;

	background-image: url(images/bullet.gif);

	background-repeat: no-repeat;

}



#leftmenu .pdfnote {

	text-align: center;

	display: block;

	padding: 0 6px 0 15px;

	color: #333333;

	font-size: .7em;

}

/* PAGE CONTENT ATTRIBUTES */



#content {

	width: 78%;

	margin: 0;

	padding: 1em 0 0 .4em;

	float: left;

}



#content h2 {

	color: #831B01;

	font-size: 0.8em;

	font-weight: bold;

	padding: 1% 0 0 1%;

	margin-top: 10px;

}

#content h3 {

	font-size: 0.8em;

	font-weight: bold;

	color: #430305;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	margin-right: 1.5em;

	margin-left: 1.5em;

	padding-bottom: .3em;

}

#content h4 {

	font-size: 0.8em;

	font-weight: bold;

	color: #333333;

	padding-left: 1%;

}

	

#content p {

	font-size: 0.75em;

	color: #333333;

	padding: 0 0 0 1%;

}

#content p.home {

	font-size: 0.75em;

	color: #333333;

	padding: 0 0 0 1%;

	line-height: 18px;

}







#content p.bold {

	font-weight: bold;	

}

#content #rightbox {

	float: right;

	width: 21.8em;

	font-size: 0.7em;

	padding: 0px;

	margin-left: 1.5em;

	border: 1px solid #BDCACE;

}

#content #rightbox p {

	font-size: 1.1em;

	padding-top: .5em;

	padding-right: 1em;

	padding-bottom: 1em;

	padding-left: 1em;

	margin: 0px;

}



#content #rightbox h2 {

	font-size: 1.1em;

	font-weight: bold;

	color: #000000;

	background-color: #D3DCDE;

	margin: 0px;

	padding-top: 0.3em;

	padding-bottom: 0.3em;

	text-align: center;

}



#content   blockquote  {

	background-color: #F1E2E3;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #333333;

	margin: 0px;

	padding: 0px;

}



#content blockquote p {

	font-size: 0.7em;

	line-height: 1.5em;

	font-weight: bold;

	padding: 1em;

}

#content blockquote .credit {

	text-align: right;

	display: block;

	margin: 0px;

	padding-top: 0px;

	padding-right: 1em;

	padding-bottom: .5em;

	padding-left: 0px;

}



#content                 blockquote      .boxtitle a              {

	font-size: 0.9em;

	background-color: #333333;

	display: block;

	color: #DDB9BC;

	margin: 0px;

	padding-top: 0.2em;

	padding-right: 0px;

	padding-bottom: 0.2em;

	padding-left: 0.7em;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	text-decoration: none;



}

#content  .boxtitle  a:hover  {

	color: #333333;

	background-color: #CCCCCC;

}







#content a {

	padding-left: 0px;

	color:#9B363E;

}

#content a:link, a:active {

	background:none;

	text-decoration: underline;

}



#content a:visited {

	color: #2D4F6A;

	text-decoration: underline;

}

#content a:hover {

	color:#2D4F6A;

	background:none;

	text-decoration: underline;

}

#content ul li {

	color: #333333;

	font-size: 0.75em;

	padding: 0 0 0 .8em;

	margin-bottom: 0.2em;

	margin-left: -2.5em;

	background-image: url(images/bullet.gif);

	background-repeat: no-repeat;

	list-style-type: none;

	background-position: 0px 6px;

	padding-bottom:10px;

}

#content ul li#rss {

	color: #333333;

	font-size: 0.75em;

	padding: 0 0 0 1.5em;

	margin-bottom: 0.2em;

	margin-left: -2.5em;

	background-image: url(images/rss_sm.gif);

	background-repeat: no-repeat;

	list-style-type: none;

	background-position: 0px 0px;

	padding-bottom:10px;

}




#content ul ul li {

	color: #333333;

	margin-left: -3em;

	padding-top: 0 0 0 0.8em;

	list-style-type: none;

	background-image: url(images/bullet2.gif);

	background-repeat: no-repeat;

	font-size: 0.85em;

}

#content ul ul ul li {

	margin-left: -4em;

	background-image: url(images/bullet3.gif);

	background-repeat: no-repeat;

	font-size: .75em;

}



	

#content ol li {

	color: #333333;

	font-size: 0.8em;

}

#content #pagelinks {

	float: right;

	width: 10em;

	background-color: #EBEBEB;

	border: 1px solid #333333;

}









/* FOOTER BAR */



#footer {

	text-align: center;

	clear: both;

	background-color: #030708;

	width: 100%;

	color: #D7DEE4;

	font-size: 11px;

	padding: 0px;

	margin: 0 auto;

}

table {

	padding: 2px;

	width: 98%;

	border: 1px solid #BDCACE;

}

th {

	font-size: 0.8em;

	font-weight: bold;

	color: #333333;

	background-color: #DEE4E7;

	text-align: left;

	padding-left: .6em;

}

td {

	border: 1px solid #DEE4E7;

	vertical-align: top;

	padding: 5px;

}