/* Structural */
body { background:#eeeae2 url(/gfx/body-bg.gif) center top repeat-y; margin:0; padding:0; }
div.container { margin:0px auto; width:810px; position:relative; }
div.content-pad { padding:0 10px 40px 15px; }
div.content-pad-narrow { padding:0 10px 40px 10px; }

div.content-holder-hmpg { background-color:#fff; }
div.content-holder-2col { background:#fff url(/gfx/content-2col-bg.gif) top left repeat-y; }
div.content-holder-3col { background:#fff url(/gfx/content-3col-bg.gif) top left repeat-y; }
div.content-holder-projectHome { background:url(/gfx/content-projectHome-bg.gif) top left repeat-y; width:810px; }

div.leftCol { float:left; display:inline; width:230px; margin:0 0 0 0; padding-bottom:40px; background:url(/gfx/leftCol-bg.gif) top left repeat-x; }
div.midCol { float:left; padding-bottom:40px; width:445px; } /* defaulted to 2col width */
div.wideCol { float:left; display:inline; margin:0; padding-bottom:40px; width:560px; }

div.content-holder-3col div.midCol { width:374px; }
div.rightCol { float:left; width:206px; }

div.content-holder-projectHome div.midCol { width:340px; }
div.content-holder-projectHome div.rightCol { width:240px; }


/* Utils */
.clearBoth { clear:both; height:1px; font-size:1px; }
.right { float:right; }

/* Generic  */
div, td { font-family:'Trebuchet MS', Verdana, Arial, Sans-serif; font-weight:normal; font-size:13px; }
h2 { font:bold 22px/24px 'century gothic',arial,sans-serif; margin:0 0 20px 0; }
p a { font-weight:bold; }
a {color:#005e5e;}
form { margin:0px; padding:0px; }
form input, form select { font:11px "Trebuchet MS",arial,sans-serif; }
form input { margin-right:5px; }
form input.button { font-weight:bold; padding-left:5px; padding-right:5px; }
form H3 { font-size:15px; }
ul li { position:relative; }

div.leftCol h2 { margin-top:15px; }
div.footnote p { font-size:11px; }
span.date {color:#996;}
span.date a { color:#996; font-weight:normal; text-decoration:none; }
div.contentList span.date a { font-size:12px; }
span.date a:hover { text-decoration:underline; }

.dots-hoz { background:url(/gfx/dots-hoz.gif) top left repeat-x; height:1px; font-size:1px; }

/* Sitewide arrow styles */
dl { margin:12px 0 12px 0; }
dd { margin:0px; }
dt a, dd a {
	background:url(/gfx/arrow-green.gif) top left no-repeat; font-size:11px; font-weight:bold; text-decoration:none;
	margin-bottom:5px; padding-left:20px; display:block;
	}	
dt a:hover, dd a:hover { text-decoration:underline; }
dd a { font-weight:normal; }

/* BEGIN header */
div.header { background:#000 url(/gfx/c-fern-bg.gif) top left no-repeat; height:89px; margin:0; padding:0; overflow:hidden; }
div.header h1 { background:url(/gfx/h-logo.gif) top left no-repeat; width:374px; height:46px; text-indent:-3000px; float:right; margin:0 0 18px 0; }

/* BEGIN Main Nav */
ul.sectionnav { list-style:none; float:right; clear:both; margin:0 5px 0 0; padding:0; width:580px; text-align:right; }
ul.sectionnav li { display:inline; font:14px/13px 'century gothic',arial,sans-serif; border-right:1px solid #1D7F88; padding:0 7px; margin:0px; font-weight:bold; }
ul.sectionnav li.last { border:0px; }
ul.sectionnav li a { text-decoration:none; color:#fff;}
ul.sectionnav li a:hover { text-decoration:underline; color:#63adb4;}
ul.sectionnav span { font-weight:bold; }

/* BEGIN Subnav */
.subnav { background-color:#0BABDE; margin:0; }
.dropnav { position:absolute; visibility:hidden; top:104px; right:0px; width:580px; z-index:100; }
.subnav { padding:6px 0; }
.subnav ul, .dropnav ul { list-style:none; display:inline; margin:0; padding:0; }
.subnav li, .dropnav li {
	display:inline; border-right:1px solid #fff; padding:0 12px 0 10px; margin:0;	 
	font:12px/13px 'Trebuchet MS',arial,sans-serif; font-weight:bold;
	}
.subnav li a, .dropnav li a { color:#fff; text-decoration:none; }
.subnav li a:hover, .dropnav li a:hover { text-decoration:underline; }
.subnav li.last, .dropnav li.last { border:0px; }

/* highlight current section in top section nav */
.topsect-1  li#toplink-1 a,
.topsect-2  li#toplink-2 a,
.topsect-3  li#toplink-3 a,
.topsect-4  li#toplink-4 a,
.topsect-5  li#toplink-5 a,
.topsect-6  li#toplink-6 a {color:#63adb4; }

.subsect-1 li#sublink-1 a,
.subsect-2 li#sublink-2 a,
.subsect-3 li#sublink-3 a,
.subsect-4 li#sublink-4 a,
.subsect-5 li#sublink-5 a {color:#b6e6f5; }

/* BEGIN content columns */
#sect-wp .dots-hoz { margin-left:-15px; margin-right:-10px; }

/* BEGIN Footer */
div.footer { background-color:#000; padding:8px 3px 10px 10px; color:#009999; }
div.footer a { color:#009999; text-decoration:none; font-weight:bold; }
div.footer a:hover { text-decoration:underline; }
div.footer ul { list-style:none; float:left; display:inline; margin:2px 0 20px 0px; padding:0; }
div.footer ul li { font:11px bold "Trebuchet MS",arial,sans-serif; float:left; display:inline; margin-right:20px; }
div.footer p { font:11px "Trebuchet MS",arial,sans-serif; float:left; clear:left; margin-bottom:0; }
div.footer div.f-search { float:right; }
div.footer input.textInput { width:188px; }

/* BEGIN Section Index Pages */
.topsect-3 .contentCol,
.topsect-4 .contentCol,
.topsect-5 .contentCol,
.topsect-6 .contentCol { background:url(/gfx/dots.gif) top left repeat-y; padding-right:12px; padding-top:5px; padding-left:10px; }

/* Adjust for left padding on contentCol */
table.indexTable { margin-top:25px; margin-left:-10px; }
td.indexList { background:url(/gfx/dots.gif) top right repeat-y; font-size:12px; padding-right:5px; padding-left:10px; }
td.indexList H3 { margin:0 -6px 20px -10px; border-right:1px solid white; padding-bottom:7px; }
td.indexList H3.black { background-color:#000; margin-right:-5px; border-right:1px solid #1d7f88; }
td.indexList dl { margin:30px 0px 10px 0; float:right; }
td.indexList dt a, td.indexList dd a { margin:0 0 0 10px; text-decoration:underline; }
td.indexList .p-oliveDots { margin:0 -4px 10px -10px; }

/* BEGIN aboveContent */
div.blueStrip-holder { float:left; background-color:#fff; width:580px; height:100px; margin-bottom:0; }
div.content-holder-projectHome div.blueStrip-holder { height:auto; margin-bottom:18px; }
div.blueStrip { background-color:#0babde; padding:0 5px 0 5px; height:30px; }
div.blueStrip select { width:310px; border:1px solid #fff; }
div.blueStrip select,
div.blueStrip input { margin-top:4px; }

/* BEGIN body content */
#sect-about .contentCol,
.subsect-1 .contentCol,
.subsect-2 .contentCol,
.subsect-3 .contentCol,
.subsect-4 .contentCol,
.subsect-5 .contentCol { padding:0 80px 40px 10px; background:url(/gfx/dots.gif) top left repeat-y; line-height:18px; }

.midCol H1 { font-weight:normal; font-size:24px; line-height:26px; }
.midCol H3 {
	font:14px/16px 'century gothic',arial,sans-serif; color:white; background-color:#1d7f88;
	margin:0 0 10px 0; padding:5px 10px 6px 10px;
	}
.midCol h5 { text-align:right; margin-bottom:2px; }	

/* Override contentCol font size for listed content */
div.contentList { font-size:12px; line-height:16px; }
div.contentList a { font-size:13px; }
div.contentList a img { float:left; border:none; margin:2px 5px 0 0; }

div.contentList a.dp img { border:1px solid #666; }


/* BEGIN Panel styles */
.p-discPaper { font-size:11px; }
.p-yourViews, .p-yourViews div { font-size:11px; }
.p-discPaper H3 { background-color:#1d7f88; color:white; font:13px/15px 'century gothic',arial,sans-serif; padding:2px 5px 3px 5px; margin:0; }
.p-discPaper em { font-style:normal; font-weight:bold; color:#666; }
.p-yourViews H3 
	{
		background:url(gfx/p-yourViews-h3.gif) top left no-repeat; margin:35px 0 0 0; padding:4px 5px 9px 34px;
		font:13px/15px 'century gothic',arial,sans-serif; color:#fff;
	}
.question { background-color:#eef0da; padding:3px 0 10px 5px; }
.question p { margin:0px; font-size:11px; font-weight:bold; background-color:#eef0da; padding:3px 0 10px 5px; }
.discuss { background-color:#eef0da; padding:0 0 5px 5px; border-top:1px solid #eef0da; }
.discuss ul { margin-top:-10px; }
.comment { color:#666; }

.p-oliveDots { background:#f3f4e5 url(/gfx/dots-hoz.gif) top left repeat-x; }
.p-oliveDots-left { background:url(/gfx/dots.gif) top left repeat-y; border-bottom:1px solid #fff; }
.p-oliveDots-right { background:url(/gfx/dots.gif) top right repeat-y; border-bottom:1px solid #fff; }
.p-oliveDots-btm { background:url(/gfx/dots-hoz.gif) bottom left repeat-x; padding:1px 10px 8px 10px; font-size:12px; line-height:15px; }
.p-oliveDots p { margin:0; padding:10px 0 15px 0; }
.p-oliveDots p.persp { margin:0; padding:0 0 15px 0; }
.p-oliveDots ul { margin:0 0 5px 0; padding:0; list-style-type:none; }
.p-oliveDots img { border:1px solid #666; }
/* Apply media icons to related links lists */
.p-oliveDots ul.video { background:url(/gfx/icon-video.gif) 0 2px no-repeat; padding:0 0 8px 24px; }
.p-oliveDots ul.audio { background:url(/gfx/icon-audio.gif) 0 2px no-repeat; padding:0 0 8px 24px; }
.p-oliveDots ul.interactive { background:url(/gfx/icon-popup.gif) 0 2px no-repeat; padding:0 0 8px 24px; }
.p-oliveDots ul.slideshow { background:url(/gfx/icon-slideshow.gif) 0 2px no-repeat; padding:0 0 8px 24px; }
.p-oliveDots ul.document { background:url(/gfx/icon-document.gif) 0 2px no-repeat; padding:0 0 8px 24px; }
.p-oliveDots ul a { font-weight:bold; }
.p-oliveDots a { font-weight:bold; }

/* Media image styles */
.mediaBar_tiny { background:url(/gfx/mediaBar_tiny.gif) bottom left no-repeat; padding-bottom:5px; float:left; margin:2px 5px 0 0; background-color:#666; display:block; }
.mediaBar_sml { background:url(/gfx/mediaBar_sml.gif) bottom left no-repeat; padding-bottom:10px; float:left; margin:2px 8px 3px 0; background-color:#666; }
.mediaBar_med { background:url(/gfx/mediaBar_med.gif) bottom left no-repeat; padding-bottom:10px; float:left; margin:2px 8px 3px 0; background-color:#666; }

/* Lists and icons */
ul.linkList, ul.arrowList { list-style:none; margin:0 0 15px 0; padding:0; font-size:11px; font-weight:bold; }
ul.linkList li { margin-bottom:5px; }
ul.arrowList li { background:url(/gfx/arrow-green.gif) left top no-repeat; padding:0 0 8px 18px; margin:0; }
a.arrow { background:url(/gfx/arrow-green.gif) left top no-repeat; padding:0 0 8px 18px; }
a.popup { background:url(/gfx/icon-popup.gif) 0 2px no-repeat; padding:0 0 8px 24px; }
a.interactive { background:url(/gfx/icon-popup.gif) 0 2px no-repeat; padding:0 0 8px 24px; }
a.video { background:url(/gfx/icon-video.gif) 0 2px no-repeat; padding:0 0 8px 24px; }
a.audio { background:url(/gfx/icon-audio.gif) 0 2px no-repeat; padding:0 0 8px 24px; }
a.slideshow { background:url(/gfx/icon-slideshow.gif) 0 2px no-repeat; padding:0 0 8px 24px; }
a.document { background:url(/gfx/icon-document.gif) 0 2px no-repeat; padding:0 0 8px 24px; }


/* BEGIN Homepage-only */
#sect-home h2 { font-size:21px; margin-top:15px; }
#sect-home div.header { background:#000 url(gfx/hmpg-fern-top.gif) top left no-repeat; height:104px; }
#sect-home div.header h1 { margin-bottom:35px; }

div.hmpg-contentrow1 { background:url(/gfx/hmpg-gradient.jpg) bottom left repeat-x; width:810px; position:relative; }
div.hmpg-contentrow2 div.hmpg-dots { padding-bottom:20px; width:810px; position:relative; }
div.hmpg-contentrow2 h2 { margin-top:15px; }
#sect-home div.hmpg-dots { background:url(/gfx/hmpg-dots.gif) top left repeat-y; width:810px; }
#sect-home div.leftCol { padding-bottom:0; background:none; position:relative; }
#sect-home div.midCol { width:290px; padding-bottom:0; position:relative; }
#sect-home div.rightCol { width:290px; padding-bottom:0; position:relative; }


h2.welcome { background:url(/gfx/hmpg-welcome.gif) top left no-repeat; margin:0 0 20px 0; text-indent:-3000px; width:204px; height:57px; }
#sect-home div.leftCol ul { list-style:none; margin:0 0 20px 0; padding:0; }
#sect-home div.leftCol ul li { background:url(/gfx/arrow-green.gif) 0 3px no-repeat; padding-left:18px; font-size:13px; margin-bottom:10px; font-weight:normal; }
#sect-home div.blueStrip-holder { /* height:210px; <-- height including blue strip */ height:182px; }
#sect-home .h-updateTable td.persp img { border:1px solid #666; }
#sect-home .h-updateTable td.persp a { font-weight:bold; }
#sect-home div.content-pad { padding-bottom:0; }

div.hmpg-feature { font-size:13px; }
div.hmpg-feature img { float:left; border:1px solid #666; margin:5px 5px 5px 0; }
div.hmpg-feature h2 { margin-bottom:10px; }
div.hmpg-feature p { margin-bottom:7px; }


#sect-home .contentCol .h-updateTable td.feat li a { background-image:url(/gfx/arrow-blue.gif); }
.h-updateTable li a:hover { text-decoration:underline; }

.h-newsUpdates a.email { background:url(/gfx/email.gif) 0px 3px no-repeat; padding-left:20px; }

/* BEGIN Work Programme section styles */
#sect-wp div.leftCol H3 { padding:15px 0 10px 0; margin:0px; font:17px/19px 'century gothic',arial,sans-serif; font-weight:bold; }
#sect-wp div.leftCol H4 { font-size:11px; padding:10px 0 0 0; margin:0px; }
#sect-wp div.leftCol table.dp { margin-bottom:0px; }
#sect-wp div.leftCol td.dp { font-size:11px; line-height:15px; }
#sect-wp div.leftCol td.dp a { text-decoration:none; }
#sect-wp div.leftCol td.dp img { border:1px solid #666; margin-left:4px; }
#sect-wp div.leftCol td.dp a:hover { text-decoration:underline; }

/* BEGIN Discussion Paper styles */
/* Use seperate dp column classes to move headings up to top of each column */
td.rightCol-dp { padding: 0 3px 20px 5px; background:url(/gfx/dots.gif) top left repeat-y; font-size:11px; width:178px;}
td.rightCol-dp .p-discPaper H3 { margin-top:0px; }
/* Apply green arrows to all li a's in right column */
.rightCol-dp ul { list-style-type:none; padding:0px; margin:15px 0 10px 0; }
.rightCol-dp li { margin:0px; padding:0px; display:inline; clear:both; }
.rightCol-dp li a { background:url(/gfx/arrow-green.gif) top left no-repeat; padding:0 0 5px 18px; margin:0px; font-weight:bold; display:block; }
table.dpTable td img { border:1px solid #666; margin-right:12px; }
span.filesize { font-size:11px; }

/* BEGIN Our Work page styles */
.contentCol-ourWork img { float:left; border:1px solid #D4D6C2; margin:5px 9px 9px 0; padding:3px; background-color:#fff; }

/* BEGIN About section styles */
.contentCol-about img { float:right; border:1px solid #D4D6C2; margin:5px 0 5px 9px; padding:3px; background-color:#fff; }

/* BEGIN Your Views styles */
/* Use indexTable to apply classes to quickPolls on index pages */
table.indexTable .quickPoll H3 { background:url(/gfx/yv-quickPoll-top.gif) top left no-repeat; padding-left:35px; padding-bottom:10px; border-left:none; margin-bottom:0px; }
table.indexTable .quickPoll .question { margin-left:-7px; margin-bottom:5px; }
table.pollsTable td p { margin:0px; }

/* BEGIN Country Profile PDFs page */
div.dataTable td { font-size:11px; }
td.pdf a { background:url(/gfx/icon-pdf.gif) top left no-repeat; padding:0 0 8px 24px; text-decoration:none; margin-left:40px; font-weight:bold; }
td.pdf a:hover { text-decoration:underline; }
td.interactive a { background:url(/gfx/icon-pdf.gif) top left no-repeat; padding:0 0 8px 24px; text-decoration:none; margin-left:40px; font-weight:bold; }
td.interactive a:hover { text-decoration:underline; }
td.video a { background:url(/gfx/icon-pdf.gif) top left no-repeat; padding:0 0 8px 24px; text-decoration:none; margin-left:40px; font-weight:bold; }
td.video a:hover { text-decoration:underline; }
td.audio a { background:url(/gfx/icon-pdf.gif) top left no-repeat; padding:0 0 8px 24px; text-decoration:none; margin-left:40px; font-weight:bold; }
td.audio a:hover { text-decoration:underline; }
td.slideshow a { background:url(/gfx/icon-pdf.gif) top left no-repeat; padding:0 0 8px 24px; text-decoration:none; margin-left:40px; font-weight:bold; }
td.slideshow a:hover { text-decoration:underline; }

/* BEGIN Example Content Page styles */
div.quickLinks { float:right; width:240px; margin:0 -30px 0 5px; }
/* Apply green arrows to all li a's in right column */
div.quickLinks ul { list-style-type:none; padding:0px; margin:15px 0 10px 0; }
div.quickLinks li { margin:0px; padding:0px; display:inline; clear:both; }
div.quickLinks li a { background:url(/gfx/arrow-green.gif) top left no-repeat; padding:0 0 5px 18px; margin:0px; font-weight:bold; display:block; }

div.quickLinks-panel { background-color:#f3f4e5; padding:8px 5px 5px 5px; }
div.quickLinks-panel ul.arrowList { margin-bottom:0; }

/* BEGIN Comments styles */
.comment { width: 80%; margin: 0 0 0 10px; }

.comment-data  {  
  margin:0 0 0 4px;
  padding:0 0 0 2px;
  background-image:url(gfx/comment-top-bdr.gif);
  background-repeat:repeat-x;
  background-position:bottom left;
  }
.comment-data p {margin:0 8px 0 5px; padding:8px 0 2px 0; font-size:12px; color:#996; }
.comment-body  { margin:0 0 20px 0; padding:0 0 0 8px; font-size:12px; }
.comment-body p { margin:0 8px 0 5px; padding:8px 0 8px 0; font-size:12px; }

/* BEGIN News section styles */
a.mcoverage_popup { background:url(/gfx/icon-news-popup.gif) 0px 4px no-repeat; padding-left:16px; }

/* BEGIN Popup styles */
body#sect-pop { background-color:#000; background-image:none; }
body#sect-ppt { background-color:#fff; background-image:none; }

#sect-pop div, #sect-pop td { font-size:11px; }

div.pop-header { background:#000 url(/gfx/pop-logo.gif) top right no-repeat; height:48px; }
div.pop-controlStrip { background:#eff1db url(/gfx/pop-grid.gif) bottom left repeat-x; padding:0 10px 0 15px; border-bottom:1px solid #fff; }
div.pop-controlStrip H1 { font:16px/19px 'century gothic',arial,sans-serif; font-weight:bold; margin:0px; padding:5px 0 3px 0; }
div.pop-controlStrip p { margin:0 0 5px 0; }
div.pop-controlStrip ul { list-style-type:none; margin:12px 0 12px 0; padding:0px; }
div.pop-controlStrip ul li a { padding-top:2px; font-weight:bold; text-decoration:none; }
div.pop-closeWindow { float:right; margin:5px 0 0 0; }
div.pop-closeWindow a { background:url(/gfx/pop-closeWindow.gif) top right no-repeat; padding:1px 20px 4px 0; }

/* Use contentList for video and audio menus */
#sect-pop .contentList { background-color:#fff; overflow:auto; height:320px; }
#sect-pop .content { background-color:#fff; height:330px; overflow:auto; }
#sect-pop .interactiveHolder { background-color:#fff; text-align:right; }
#sect-pop .ppt { text-align:center; }
#sect-pop .contentList table { background:url(/gfx/dots-hoz.gif) bottom left repeat-x; margin-top:5px; }
#sect-pop .contentList td { font-size:11px; padding-top:10px; }
#sect-pop .contentList td.image { padding:10px 10px 10px 15px; }
#sect-pop .contentList td p { margin-top:0px; }

/* Use the body tag to identify which icons to use */
body.audio .contentList a { background:url(/gfx/icon-audio.gif) top left no-repeat; padding:1px 0 8px 24px; }
body.video .contentList a { background:url(/gfx/icon-video.gif) top left no-repeat; padding:1px 0 8px 24px; }

#sect-pop .backToMenu { background:url(/gfx/pop-backToMenu-bg.gif) bottom left repeat-x; padding:0px 10px 3px 15px; margin:5px -10px 0 -15px; border-bottom:1px solid #fff; }
#sect-pop .backToMenu p { padding-top:5px; }

#sect-pop .credits { background:#eff1db url(/gfx/pop-grid.gif) bottom left repeat-x; border-top:1px solid #e4e6d0; border-bottom:1px solid #eef0da; padding:0 10px 0px 12px; }
#sect-pop .credits p { margin:5px 0 5px 0; }
#sect-pop div.footer { width:100%; }


/* Search */
div.searchFilter { 
	background-color:#1d7f88;
	font:14px/16px 'century gothic',arial,sans-serif; color:white;
	font-weight:bold;
	margin:0 0 10px 0; padding:4px 10px 4px 10px;
}