/* ===================================================================
        General Styles
*/

* { margin: 0px; padding: 0px; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.8%;
	line-height: normal;
	background-color: #FFFFFF;
	background-image: url('../graphics/bodyBackground.png');
	background-position: center top;
	background-repeat: no-repeat;
	color: #575757;
}

.print						{ display: none; }

img 						{ border: 0; }

a:link, a:visited 			{ color: #70681b; text-decoration: none;}

a:hover						{ color: #70681b; text-decoration: underline; cursor: pointer; }

.content a:link,
.content a:visited,
.content a:hover			{ text-decoration: underline;}

h1, h2, h3, h4, h5, h6 		{ line-height: normal; font-size: 62.8%; font-weight: normal; }

fieldset 					{ border: 0px; }

table, tr, td 				{ border-collapse: collapse; }

input, select, th, td 		{ font-size: 1em }

.clear 						{ clear: both; }
.clearLeft 					{ clear: left; }
.clearRight 				{ clear: right; }

.hide 						{ display: none; }

.show 						{ display: block; }

.tr							{ text-indent: -100em; white-space: nowrap; overflow: hidden; }

.ir							{ position: relative; overflow: hidden; display: block; white-space: nowrap; }

.ir a						{ overflow: hidden; display: block; }

.ir	span					{ position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; display: block; }

/* ===================================================================
		header
*/

.header {
	width: 894px;
	height: 168px;
	margin: 0 auto;
	padding: 0 28px;
	background-image: url('../graphics/mainBackground.png');
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 100;
}

/* ===================================
		logo
*/

.header h1 {
	width: 208px;
	height: 93px;
}

.header h1 a {
	display: block;
	width: 208px;
	height: 93px;
}

.header h1, .header h1 a	{
	background: url('../graphics/logo.png') bottom left no-repeat;
}

.header .tagLine {
	display: block;
	width: 496px;
	height: 12px;
	padding-top: 13px;
	background-image: url('../graphics/tagLine.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

/* ===================================
		nav
*/

.nav {
	list-style: none;
	padding-top: 15px;
	position: relative;
	z-index: 100;
}

.nav li {
	float: left;
	display: block;
}

.nav li a.ir {
	height: 25px;
}

.nav li a span {
	background-image: url(/graphics/navSprite.png);
}

.nav li.about a.ir { 		width: 65px; }
.nav li.countries a.ir { 	width: 106px; }
.nav li.programs a.ir { 	width: 102px; }
.nav li.news a.ir { 		width: 65px; }
.nav li.blog a.ir { 		width: 65px; }
.nav li.multimedia a.ir { 	width: 116px; }
.nav li.publications a.ir {	width: 128px; }

.nav li.about a span { 			background-position: 0px 0px; }
.nav li.countries a span { 		background-position: -65px 0px; }
.nav li.programs a span { 		background-position: -171px 0px; }
.nav li.news a span { 			background-position: -273px 0px; }
.nav li.blog a span { 			background-position: -338px 0px; }
.nav li.multimedia a span { 	background-position: -403px 0px; }
.nav li.publications a span { 	background-position: -519px 0px; }



/* ===================================
		drop down
*/

ul#nav li {
	float: left;
	position: relative;
}

li.topLevel ul {
	z-index: 100;
	display: none;
	position: absolute;
	left: 0;
	margin-left: 5px;
	background-color: #c7bd8a;
	border: 1px solid #4b4511;
	padding: 4px 3px 4px 3px;
	white-space: nowrap;
	font-size: 11px;
	font-weight: bold;
}

*html li.topLevel ul {
	white-space: normal;
}

*html li.about ul {			width: 18em; }
*html li.countries ul {		width: 14em; }
*html li.programs ul {		width: 21em; }
*html li.newsEvents ul {	width: 16em; }
*html li.multimedia ul {	width: 16em; }
*html li.publications ul {	width: 16em; }

li.topLevel > ul {
	top: auto;
	left: auto;
}

ul#nav li:hover ul, li.over ul {
	display: block;
}

ul#nav li.about ul {
	margin-left: -3px;
}

ul#nav li ul li {
	list-style: none;
	float: none;
}

*html ul#nav li ul li {
	height: 2em;
}

li.topLevel ul li a {
	display: block;
	padding: 4px;
}

ul#nav li ul li a:hover {
	text-decoration: none;
	background-color: #e2d9ba;
}

/* ===================================
		utility
*/

.header .buttonContribute {
	position: absolute;
	top: 45px;
	right: 55px;
	width: 172px;
}

.header .buttonContribute a {
	display: block;
	width: 172px;
	height: 55px;
}

.header .buttonContribute, .header .buttonContribute a	{
	background: url('../graphics/buttonContribute.png') bottom left no-repeat;
}

.caption {
	font-size: 9px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #666666;
}


/* ===================================
		search
*/

.header .search {
	position: absolute;
	right: 28px;
	top: 139px;
	height: 24px;
}

.header .search .text {
	padding: 2px;
	margin-right: 70px;
	width: 140px;
}

.header .search .button {
	position: absolute;
	top: 1px;
	right: 0;
}

/* ===================================================================
		footer
*/

.footer {
	width: 891px;
	margin: 0 auto;
	margin-top: 25px;
	padding: 0 30px 30px 30px;
	border-top: 1px solid #c7bd8a;
}

.footer ul {
	padding-top: 10px;
}

.footer ul li {
	float: left;
	font-size: 1em;
	text-transform: uppercase;
	list-style: none;
}

.footer ul li a {
	padding: 8px;
	color: #4a4512;
	text-decoration: none;
}

.footer ul li.first a {
	padding-left: 0;
}

.footer .copyright {
	float: right;
	color: #4a4512;
}

/* ===================================================================
		sidebar, whether you're l2 or l3
*/



.sidebar .news h3 {
	width: 41px;
	height: 11px;
	background-image: url('../graphics/titleNews.png');	
}

.sidebar .blog h3 {
	width: 120px;
	height: 11px;
	background-image: url('../graphics/titleBlog.png');	
}

.sidebar .media h3 {
	width: 87px;
	height: 11px;
	background-image: url('../graphics/titleMultimedia.png');	
}

.sidebar .media a img {
	border: 1px solid #d9d5d5;
}

.sidebar .media a:hover img {
	border: 1px solid #c7bd8a;
}

.sidebar .staffExperts, .sidebar .inasia, .sidebar .survey, .sidebar .mailingList, .sidebar .subprograms {
	padding-bottom: 15px;
}

.sidebar .staffExperts h3 a {
	display: block;
	width: 150px;
	height: 14px;
	background-image: url('../graphics/titleSeeStaffExperts.png');	
}

.sidebar .inasia h3	a	{
	display: block;
	width: 224px;
	height: 14px;
	background-image: url('../graphics/titleInAsia.png');
	}

.sidebar .survey h4, .sidebar .survey h4 a	{
	display: block;
	width: 150px;
	height: 14px;
	background: url('../graphics/titleSurvey.png') left top no-repeat;
	}

.sidebar .mailingList h3, .sidebar .mailingList h3 a	{
	display: block;
	width: 201px;
	height: 18px;
	background: url('../graphics/buttonMailingList.png') left top no-repeat;
	}

.sidebar .subprograms h3, .sidebar .subprograms h3 a	{
	display: block;
	width: 144px;
	height: 14px;
	background: url('../graphics/titleRelatedPrograms.png') left top no-repeat;
	}

.sidebar .subprograms ul	{
	margin-left: 1.2em;
	padding-left: 0;
}

.sidebar .subprograms ul li	{
	margin: 0;
	padding: 0;
	padding-top: 4px;
	font-size: 1.2em;
}

.sidebar .contact h3 {
	width: 71px;
	height: 11px;
	background-image: url('../graphics/titleContact.png');
}

.sidebar .section {
	border-bottom: 1px solid #c7bd8a;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.sidebar .section h3 {
	font-size: 1.4em;
}

.sidebar .section div {
	padding: 5px 0;
}

.sidebar .section p {
	color: #575757;
	font-size: 1.1em;
	padding-top: 2px;
}

.sidebar .section p a {
	text-transform: uppercase;
}

.sidebar .contact p a, .sidebar .sidebarExtras p a {
	text-transform: none;
	text-decoration: underline;
}


/* MULTIMEDIA PREVIEWS  -- used on home page and inner pages */
.multimediaThumb .key a, .sidebar .multimediaThumb .key a:visited {
	text-decoration: none;
	color: #bc9898;
}

.multimediaThumb .key a:hover {
	text-decoration: none;
	color: #FFF !important;
}


.multimediaThumb img {
	margin: 0 !important; padding: 0;
	border: 1px solid #4b0721 !important;
}

.multimediaThumb .key {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	background-color: #4b0721;
	margin-top: 0; padding-top: 0;
	padding-bottom: 2px;
	text-align: center;
}

.contentBox .multimediaThumb .key { /* home page video thumbs don't need purple bgcolor */
	background-color: #FFFFFF;
}