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

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.8%;
	line-height: normal;
	background-color: #FFFFFF;
	color: #575757;
}

.print						{ display: none; }

img 						{ border: 0; }

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

a:hover						{ color: #c113a1; text-decoration: none; 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: 148px;
	margin: 0 auto;
	padding: 0 28px;
	position: relative;
	z-index: 100;
}

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

.header h1 {
	padding-top: 25px;
	width: 400px;
	height: 64px;
}

.header h1 a {
	display: block;
	width: 400px;
	height: 64px;
}

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

.header .tagLine {

	position: absolute;
	top: 43px;
	font-size: 15px;
	line-height: 17px;
	right: 32px;
	width: 228px;
	font-family: 'Nunito','PT Sans',sans-serif;
	text-transform: uppercase;
	text-align: right;
}

.header .tagLine a {
	color: #7f2860;
	text-decoration: none;	
}

.header .tagLine a:hover {
	color: #7f2860;
}


/* ===================================
		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;
}

ul#nav .menuHeading {
	font-weight: normal;
	text-transform: uppercase;
	color: #70681B;
	padding-top: 6px;
}

ul#nav .menuFirst {
	padding-top: 4px;
}

ul#nav .menuDivider {
	height: 4px;
	border-bottom: 1px dotted #e2d9ba;
	margin-bottom: 4px;
}

ul#nav .indentedMenu {
	padding-left: 10px;
}

/* ===================================
		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;
}

.header .button60years {
	position: absolute;
	top: 20px;
	right: 35px;
	width: 228px;
}

.header .button60years a {
	display: block;
	width: 228px;
	height: 64px;
}

.header .button60years, .header .button60years a	{
	background: url('../graphics/critical-issues-2014.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: 10px;
	padding: 0 30px 30px 30px;
}

.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;
	margin-right: 44px;
	color: #444444;
}

#fatFooterBack {
	width: 100%;
	background-color: #DDDDDD;
	margin-top: 20px;
}

#fatFooter {
	clear: both;
	margin: 0 auto;
	padding: 18px 0;
	width: 894px;
	background-color: #DDDDDD;
	/*
	width: 100% !important; 
	padding-left: 13% !important; 
	*/
}

#fatFooter ul {
	padding: 0;
	margin: 10px 0 0 0;
}

#fatFooter li {
	list-style: none;
	margin: 0;
	padding-bottom: 4px;
	font-size: 11px;
	color: #736816;
}

#fatFooter .indentedMenu { padding-left: 10px; }

#fatFooter #footer1 { /* col 1 */
	float: left; 
	width: 192px;
	margin-left: 0; 
}

#fatFooter #footer2 {	/* col 2 */		
	float: left; 
	width: 410px;
	margin-left: 20px; 
}

ul.countries1 { float: left; width: 140px; }
ul.countries2 { float: left; width: 140px; }
ul.countries3 { float: left; }

ul.programs1 { float: left; width: 210px;}
ul.programs2 { float: right; width: 190px; }


#fatFooter #footer3 {	/* cols 3 */		
	float: left; 
	width: 181px;
	margin-left: 20px;
}

#fatFooter .inAsiaBadge { margin-top: 20px; }

#fatFooter #footerSocial { /* col 1 */
	margin-left: 20px;
	float: left; 
	width: 32px;
}
#fatFooter #footerSocial img { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }
#fatFooter #footerSocial a:hover img { opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ }


#fatFooter .sectionHeader {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 2px;
}

#fatFooter .spaced { margin-top: 15px;}
	

#fatFooter .sectionHeader h2 {
    color: #595959;
    font-size: 15px;
    font-weight: normal;
}

#fatFooter ul#footerBadges {
	clear: both;
	margin-left: 212px;
}

#fatFooter ul#footerBadges li {
	float: left;
}

#fatFooter ul#footerBadges li.two {
	margin-left: 66px;
}

#fatFooter ul#footerBadges li.three {
	margin-left: 53px;
}


/* ===================================================================
		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 #CCC;
}

.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-2014.png') left top no-repeat;
	}

.sidebar .mailingList h4, .sidebar .mailingList h4 a	{ /* for inside a 'section' div e.g. 2012 sidebar updates */
	display: block;
	width: 201px;
	height: 18px;
	background: url('../graphics/buttonMailingList.png') left top no-repeat;
	}

.sidebar .contact .mailingList {
	margin-top: 8px;
}


.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 {
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.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;
}


.sidebar .sidebarHeader {
    border-bottom: 1px solid #CCCCCC;
}

.sidebar .sidebarHeader h2 {
	font-family: Arial, Helvetica, sans-serif;
    color: #595959;
    font-size: 15px;
    font-weight: normal;
}


.sidebar .arrowLink h4 {
	background-image: url("/graphics/right-arrow.png");
	background-position: right 0;
	background-repeat: no-repeat;
	display: inline;
	font-family: 'PT Sans',sans-serif;
	font-size: 14px;
	padding-right: 22px;
	padding-top: 0;
	text-transform: none;
	line-height: 16px;
}

.sidebar .arrowLink a {
	text-decoration: none !important;
}



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

.multimediaThumb .key a:hover {
	text-decoration: none;
}


.multimediaThumb img {
	margin: 0 !important; padding: 0;
}

.multimediaThumb .key {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	background-color: #CCCCCC;
	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;
}

/* New (2012) HTML based "Stay Informed" mailing list sign up button */
.mailingListNew {
	padding: 20px 0 0 0 !important;
	margin-bottom: 10px;
	width: 220px;
	background: url('../graphics/buttonMailingList-2014.png') left bottom no-repeat; 
}

.mailingListNew a {
	padding-left: 75px;
	display: block;
	font-family: 'PT Sans',sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	color: #84266a;
	letter-spacing: .06em;
	text-decoration: none !important;
}

.mailingListNew a:hover {
	text-decoration: none;
}


/* expert thumbnails, used especially on country & program overview pages */

div.sidebar ul.expertThumbs {
	margin: 0;
	padding: 0;
	width: 300px;
}

div.sidebar ul.expertThumbs li {
	list-style: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0 3px 0 0;
}

div.sidebar #sidebarnavmenu li {
	list-style: none;
	padding-left: 10px;
}

div.sidebar #sidebarnavmenu .menulabel {
	text-transform: uppercase;
	padding-left: 0;
	padding-top: 8px;
}

div.sidebar #sidebarnavmenu2 li {
	list-style: square;
	margin-left: 10px;
	padding-bottom: 5px;
}

div.sidebar #sidebarnavmenu2 .menulabel {
	text-transform: uppercase;
	padding-left: 0;
	padding-top: 8px;
}