@media screen, projection {
/* Tag based styles */
html {
font-size: 100.01%;
}
body {
font-size: medium;
_font-size: small;
_text-align: center;
background: #ddd;
margin: 0;
padding: 0.25em;
}
#page {
font: 0.875em/1.4 helvetica, arial, sans-serif;
/* base size for copy */
color: #003333;
margin: auto;
background: #fff url(/gfx/bg.png) repeat-y;
_background-position: 1px 0;
border: 1px solid #999;
max-width: 65em;
width: expression((document.documentElement.clientWidth|document.body.clientWidth) > 940? "65em" : "auto");
position: relative;
_text-align: left;
}
table, input, select, textarea {
font: inherit;
font-size: 100%;
}
table {
/* ensure links remain in their cells */
position:relative;
}
tbody td {
vertical-align:top;
padding: 0.25em;
line-height: 1.4;
font-size: 12px;
}
#topnav, #footer, #sidenav, #righth1, .sublink, .pagenav, .date, .photo p, INPUT.query, select.neatdropdown {
font-size: 12px;
}
}
#breadcrumb, {
font-size: 0.829em;
}
p.pullquote {
margin: 0 0 0.6em;
padding: 0;
font: 1.15em serif;
font-weight: bold;
color: #666;
background-color: #ffffff;
}
p.date {
color: #666;
text-align: right;
}
p.rss, li.rss {
list-style:none;

padding-left: 16px;
background: url(/ui/feed-icon.png) no-repeat 0 50%;
}
p.rss {
font-size: smaller;

}
p.rss img {display:none;}
a img {
/* removes border from linked images */
border: 0;
}
ul {
margin-left: 2.5em;
padding-left: 0;
}
ol {
margin-left: 2.5em;
padding-left: 0;
/* list-style-position: inside; */
}
/*
#pagebody li {
margin-left: 25px;
}
*/
/*
em {
font-weight: bold;
font-style: normal;
}
strong {
font-weight: 700;
}
*/
abbr, acronym {
text-decoration: none;
border-color: #333333;
border-bottom-width: 1px;
border-left-width: 0;
border-right-width: 0;
border-top-width: 0;
border-style: dotted;
}
/* don't double up the underline when the abbreviation or acronym is also a link to the glossary */
a.glossary abbr, a.glossary acronym {
border-bottom: 0;
}
thead {
background-color: #699;
color: #fff;
}
thead th {
color: #fff;
background-color: #699;
padding: 3px 4px 4px 4px;
}
tr.even {
background-color: #efefef;
color: #033;
}
h1 {
font-size: 20px;
padding-left: 12px;
color: #033;
background-color: #fff;
position: relative;
}
/**** h1 variations per section, banner colours *****/
h1.whois, h1.whatwedo, h1.contracts, h1.scholarships, h1.library, h1.vacancies, h1.tools, h1.faq {
font-size: 20px;
color: #fff;
background-color: #033;
padding: 25px 12px 15px 12px;
/* bottom padding changes to align keyline */
border-bottom: 1px solid #999;
margin-bottom: 4px;
margin-top: -3px;
}
h1.whatwedo {
background-color: #600;
}
h1.contracts {
color: #033;
background-color: #94c43a;
}
h1.scholarships {
color: #033;
background-color: #88a392;
}
h1.library {
color: #033;
background-color: #369;
}
h1.vacancies {
background-color: #606;
}
h1.tools {
color: #033;
background-color: #c99;
}
h1.faq {
color: #033;
background-color: #d1bb17;
}
/* e.g. Solomon Is split header */
h1.programmes {
font-size: 20px;
color: #033;
background-color: #fc3;
padding: 25px 12px 8px 12px;
margin: 0;
}
#allocationh1 {
font-size: 13px;
padding: 0 12px 11px 12px;
z-index: 3;
font-weight: bold;
color: #600;
background-color: #fc3;
/* border-bottom: 1px solid #999; */
margin-bottom: 4px;
border-bottom: 1px solid #999;
}
#reporth1 {
font-size: 17px;
padding: 20px 12px 16px 16px;
font-weight: bold;
color: #fff;
background-color: #600;
/* border-bottom: 1px solid #999; */
margin-bottom: 4px;
border-bottom: 1px solid #999;
}
h2 {
margin-bottom: 0;
margin-top: 1.15em;
padding-bottom: 0.2em;
font-size: 15px;
color: #600;
}
h2.columnhead {
/* when heading is directly under the pagebody div */
margin-bottom: 0;
margin-top: 0;
padding-top: 8px;
padding-bottom: .4em;
}
h3 {
color:#660000;
margin-bottom: 0;
margin-top: 1.7em;
font-size: 13px;
}
h3.section {
/* side navigation to pad from edge of div */
margin-top: 0;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: .4em;
font-size: 13px;
}
h4, h5, h6 {
margin-bottom: 0;
margin-top: 1em;
font-size: 12px;
}
/* layout */
#leftcolumn {
width: 180px;
_width: 178px;
float: left;
position: relative;
}
#topsearch {
background-color: #fff;
border-bottom: 1px solid #999;
margin-top: 0;
margin-bottom: 4px;
text-align: center;
}
#sidenav {
font-family: Arial, sans-serif;
padding: 8px 4px 2px 10px;
}
#rightcolumn {
margin-left: 186px;
border-left: 1px solid #999;
}
#topnav {
border-bottom: 1px solid #999;
padding: 5px 12px 5px 0;
}
#pagetop {
padding: 2px 12px 3px 12px;
background-color: #fff;
color: #fff;
/* hides pipe devices between links */
}
#breadcrumb {
font-family: Arial, sans-serif;
position: relative;
padding: 2px 12px 3px 12px;
border-bottom: 1px solid #999;
margin-left: 0;
text-align: right;
background-color: #699;
color: #efefef;
}
#pagebody {
position: relative;
background-color: transparent;
color: #033;
border: none;
border-top: 1px solid #999;
padding: 0 12px 14px 12px;
font-size: 12px;
}
#twoleft, #tworight, #threeleft, #threecenter, #threeright {
float: left;
padding: 0;
background-color: transparent;
position: relative;
}
#twoleft {
width: 48%;
_width: 36%;
}
#tworight {
margin-left: 2%;
width: 48%;
_width: 36%;
}
#threeleft, #threecenter, #threeright {
width: 32%;
}
#threecenter {
margin-left: 1.5%;
margin-right: 1.5%;
}
#footer {
background: #fff;
text-align: right;
padding: 2px 12px 14px 12px;
border-top: 4px solid #c93;
border-bottom: 0;
}
#topnav a:link, #topnav a:visited, #sidenav a:link, #sidenav a:visited, div.inpagenav a:link, div.inpagenav a:visited, #footer a:link, #footer a:visited, a.sublink:link, a.sublink:visited {
text-decoration: none;
}
/* Links */
/**** Link colours *****/
:link {
color: #399;
}
:visited {
color: #033;
}
:link:hover {
color: #600;
text-decoration: underline;
}
:link:active {
color: #f00;
}
h3:link, h3:visited {
text-decoration: none;
color: #399;
}
h3:visited {
color: #033;
}
h3:link:hover {
text-decoration: underline;
color: #033;
}
/* Breadcrumb Menu */
#breadcrumb a:link, #breadcrumb a:visited {
color: #efefef;
text-decoration: none;
}
#sidenav, .sublink {
font-weight: bold;
}
#sidenav, .sidebar {
position: relative;
}
div.pagenav a:link, div.pagenav a:link:hover, div.pagenav a:visited {
font-weight: normal;
/* undo generic bold for pagenav div */
text-decoration: none;
color: #399;
}
/* Remove underline */
#sidenav a.current {
text-decoration: none;
}
/* Maintain dark green when hover or visited (top-level nav) */
div.pagenav a:visited, 	p.index a:hover {
color: #033;
}
div.pagenav a:visited, p.index a:link, p.index a:visited {
text-decoration: none;
}
/* Show underline on hover */
#topnav a:hover, #topnav a.current:hover, div.inpagenav a:hover, #footer a:hover, a:hover, #sidenav a:hover, #breadcrumb a:hover, a.sublink:hover, div.pagenav a:hover, #pagetop a:hover, p.index a:hover {
text-decoration: underline;
-moz-outline: none;
}
#sidenav a.current {
cursor: text;
/* removes mouseover cue to avoid users refreshing the page they're currently on */
}
/* Glossary link */
a.glossary, a.glossary:link, a.glossary:visited, a.glossary:hover {
text-decoration: none;
border-bottom: 1px dotted #000;
color: #033;
cursor: help;
}
.nb {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #000;
background-color: #fff;
font-weight: 100;
font-style: italic;
}
/***** Left Column (Sidebar,Sidenav,Case Studies) *****/
.sidebar {
color: #666;
background-color: #ffffff;
border-top: none;
padding: 0 6px 10px 10px;
}
.photo {
border-top: none;
background-color: #ffffff;
color: #ffffff;
position: relative;
text-align: center;
}
.photo p {
color: #666;
background-color: #ffffff;
padding: 4px 6px 8px 10px;
text-align: left;
margin-top: 0;
margin-bottom: 0;
line-height: 1em;
}
.photo img {
margin-bottom: 0;
padding: 0;
border: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.pagenav {
background-color: #efefef;
font-weight: bold;
color: #c93;
padding: 6px 6px 6px 6px;
border: none;
/* margin-top: 18px;*/
}
.pagenav h3 {
margin-top:0;
}
/* Third level for sidenav */
#sidenav ol {
list-style-type: none;
background-color: #fff;
margin: 0 -2px 0 -7px;
padding-left: 1.2em;
}
#sidenav ol li {
padding-bottom: 2px;
}
/* Search palette */
#searchform {
font-size: 0.8em;
color: #003333;
background-color: #fff;
display: inline;
padding: 0;
margin: 0;
}
INPUT.query {
/* text field */
font-size: 1em;
border: 1px #999 inset;
margin-bottom: 0;
margin-top: 1em;
display: inline;
}
select.neatdropdown {
/* Drop down menu */
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
}
#button {
margin-top: 0.8em;
margin-bottom: 0px;
padding-bottom: 0px;
display: inline;
border: none;
}
/* Used in search results */
#button2 {
margin-top: 0.8em;
margin-bottom: 0px;
padding-bottom: 0px;
display: inline;
border: none;
}
/* Misc styles */
.clear {
clear: both;
height: 1px;
overflow: hidden;
/* prevent IE expanding the container */
margin: 0;
/* keep flush with surrounding blocks */
}
.filesize {
font-size: 11px;
color: #666;
font-weight: 100;
}
.dashedbar {
font-weight: bold;
float: right;
font-size: 11px;
}
.bodynav {
font-weight: bold;
text-align: right;
font-size: 11px;
}
.more {
font-size: 11px;
font-style: italic;
}
.vacdate {
font-style: italic;
}
.dottedline {
width: 100%;
border-bottom: 1px dotted #999;
}
.backtotop {
font-weight: normal;
text-align: right;
font-size: 10px;
}
.floatleft {
float: left;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 5px;
}
.floatleft p {
text-align: left;
width: 180px;
font-size: 11px;
color: #666;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #fff;
}
.floatright {
float: right;
margin-top: 5px;
margin-left: 15px;
margin-bottom: 5px;
color: #666;
background-color: #ffffff;
}
.floatright p.pullquote {
text-align: left;
width: 180px;
padding: 5px 5px 0px 5px;
font: 1.15em serif;
font-weight: bold;
color: #666;
background-color: #ffffff;
}
.sublink {
font-weight: bold;
}
.tinydiv {
height: 1px;
overflow: hidden;
}
.inpagenav {
position: relative;
padding: 2px 0 0 0;
border: none;
text-align: center;
font-family: inherit;
font-weight: bold;
margin-left: auto;
margin-right: auto;
color: #003333;
background-color: #fff;
}
#news {
color: #fff;
background-color: #efefef;
border-top: 1px solid #999;
padding: 10px 6px 10px 10px;
}
label {
/* changes when over checkbox */
cursor: pointer;
}
/* photo lib styles */
div.pic {
float: left;
height: 180px;
width: 180px;
padding: 9px;
margin: 5px 5px;
background: white;
border: 1px solid;
border-color: #AAA #444 #444 #AAA;
}
div.pic img {
border: 1px solid;
border-color: #444 #AAA #AAA #444;
}
div.ls img {
height: 125px;
width: 180px;
margin: 25px 0px;
}
div.pt img {
height: 180px;
width: 125px;
margin: 0px 25px;
}
.footnote,
.footnotes
{
margin-top: 1em;
border-top: 1px solid #ddd;
font-size: 0.857em;
}
.footnotes hr {
display:none
}
/* inline table of contents */
#toc {
float: right;
padding: 1em;
margin: 4em 0 0 1em;
}
* html #toc {
width: 30%;
position: relative;
}
/*
** duplicated pagenav links
*/
div.pagenav a:hover,
#toc a:link {
color: #399;
text-decoration: none;
}
div.pagenav a:link:hover, #toc a:link:hover,
#toc a:visited:hover {
text-decoration: underline;
}
#toc h2 {
background: transparent;
margin: 0;
color: ;
}
#toc ul, #toc li {
margin: 0;
padding: 0;
list-style: none;
}
.offset {
position: absolute;
left: -9999px;
top: 0;
height: 0;
}
/*
** Styles for migration to v3 -> body.v3
*/
/*
** Navigation Lists
*/
#sidenav ul {
list-style: none;
margin: 0;
}
#sidenav ol {
background: transparent;
}
* html #sidenav ul {
height: 1%;
}
* html #sidenav li {
float: left;
width: 100%;
}
#sidenav a {
display: block;
padding: 0.25em 0.5em;
}
* html #sidenav a {
width: 94%;
padding: 0.5em;
3%: ;
}
/*
** Image Replacement for document icons
*/
.v3 .pagenav {
padding: 1em;
}
.v3 .pagenav h2 {
margin: 0;
background: transparent;
color: #C93;
font-size: 1em;
}
.v3 .pagenav ul {
margin: 0;
padding: 0;
list-style: none;
}
.v3 td ul {
background: transparent;
}
.v3 .pagenav li {
margin: 0 padding:0;
}
* html .pagenav ul {
height: 1%;
}
* html .v3 .pagenav li {
float: left;
}
.v3 #pagebody .pagenav li {
margin: 0;
/* override previous declaration - remove from final */
list-style: none;
width: 100%;
}
.v3 .pagenav a,
.v3 td a
{
position: relative;
}
* html .v3 #pagebody .pagenav a {
width: 94%;
}
.v3 .pagenav a span,
.v3 td a span,
.v3 p a span,
.v3 li a span,
.currents a span
{
position: absolute;
left: 0;
top: 0;
text-indent: -9999px;
}
.v3 .doc {
background: url(/gfx/icon-word.gif) no-repeat 0 50%;
_display:inline-block;
padding: 3px 0 3px 20px;
}
.v3 .pdf {
background: url(/gfx/icon-pdf.gif) no-repeat 0 50%;
_display:inline-block;
padding: 3px 0 3px 20px;
}
.v3 .web {
background: url(/gfx/icon-web.gif) no-repeat 0 50%;
_display:inline-block;
padding: 3px 0 3px 20px;
}
.v3 .email {
background: url(/gfx/icon-email.gif) no-repeat 0 50%;
_display:inline-block;
padding: 3px 0 3px 20px;
}
.v3 .ppt {
background: url(/gfx/icon-ppt.gif) no-repeat 0 50%;
_display:inline-block;
padding: 3px 0 3px 20px;
}
/* Currents */
.currents ul {
list-style:none;
}
.currents ul a {
margin-left: -20px;
padding-left: 20px;
}
/*
** Main Navigation Menu
*/
#topnav ul {
text-align: right;
overflow: auto;
}
* html #topnav ul {
height: 1%;
}
#topnav ul {
margin: 0;
padding: 0;
right: 0;
}
#topnav li {
display: inline;
}
#topnav a {
display: block;
float: left;
padding: 0.5em 0.4em;
}
/*
** Footer
*/
#footer ul {
margin: 0;
padding: 0;
overflow: auto;
}
#footer li {
display: inline;
}
* html #footer ul {
height: 1%;
}
#footer a {
display: block;
float: left;
padding: 0.25em 0.5em;
}
/*
** Media and Publications section
*/
#med-pub ul a {
display: block;
}
/*
** Markdown footnotes
*/
/*
.footnotes {
font-size: 0.857em;
}
hr {
background: gray;
border: 1px none;
height: 1px;
}
*/
/*
** Fix Image Replacement Flicker in IE
*/
* html {
behavior: expression((this.runtimeStyle.behavior="none")&&document.execCommand("BackgroundImageCache", false, true));
}
caption {
font-weight: 700;
margin: 1em 0 0.25em;
}
#toc h2,#toc h3 {
color: #600;
}

#toc ul a{
padding: 0.1em 0.25em;
}
/* Highlight Bad markup */
u {
 background: #f00 !important;
 color: #000 !important;
 

}

ul.vacancies {
margin:0;
list-style:none;
padding:0;
}
.vacancies li a {
display:block;
float:left;
font-size: 1.2em;
text-decoration:none;
margin-top:-0.4em;
_margin-top:2em;
}
.vacancies li em {
padding: 0.5em;
padding:0;
line-height: 1;
display:block;
text-align: right;
font-style:normal;
font-size: smaller;
border-bottom: 1px solid #ddd;
margin-top:3em;
_margin-top:1em;
}

.v3 dt {
font-weight: 700;
display:block;
float:left;
width: 9em;
line-height: 1.2;
}
.v3 dd {
margin: 0 0 0.5em 10em;
clear:right;

}

}
@media print {
#leftcolumn,
#topnav,
#breadcrumb,
#footer,
#toc {
display: none;
}
#leftcolumn {
width: 0
}
body {
color: #000;
background: #fff;
font: 12pt/1.2 sans-serif;
}
#page {
width:auto !important;
}
table {
width: 100%;
font-size: 12pt;
}
tbody td {
vertical-align:top;
}
.pullquote {
margin: 1em;
padding: 0.5em;
background: #f0f0f0;
}
.floatright {
float: right;
}
.glossary {
color: #000;
text-decoration: none;
}
.date {
font-size: 10pt;
margin: 0;
}
abbr,acronym {
background: transparent;
border: none;
outline: none;
}
#footnotes {
font-size: 10pt;
}
a {
color: black;
text-decoration: none;
}
a[href]:after {
font-size: 10pt;
content: ' (' attr(href) ') ';
}
a[href^="/"]::after {
content: ' (' attr(href)') ';
}
a.glossary::after,
a.rss::after,
a[rel="footnote"]::after,
a[rev="footnote"] {
display: none;
}
.footnotes {
border-top: 1px solid #ddd;
font-size: 0.857em;
}
.footnotes hr {
display:none;
}
}

.hide {
position: absolute;
left: -999em;
}
/* Prevent 3px jog */
 * html #pagebody ul {
height: 1%;
padding-left: 1.5em;
margin-left: 0.5em;
}