body {
  background: #fff;
  padding: 0; 
  margin: 0 auto 0 auto; 
  font-family:Arial,Helvetica,sans-serif;
  width: 97%;
  max-width: 63em;
}

/* pU: site header
     pI: customer logo
     pZ: login information
     pM: web site tabs
   pA: publication header
     pY: publication title
     pQ: search bar
   pH: document header
     pN: document header navigation
       pT: breadcrumb trail
       pP: next/previous 
   pB: page body
     pS: document sub-sections
     pC: document content
     pE: document footer navigation
   pF:
     pL: publication footer links
     pX: publication copyright

   pD: skip navigation link
*/
 
#pD {
 position: absolute;
 top: 0;
 left: -1000em;
 width: 10em;
}

#pD:focus {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  color: white;
}

#pD:active {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  color: white;
}

#pO {
  float: left;
  width: 100%;
}

#pU { 
  background:transparent url('../images/menu.png') repeat-x scroll 0 bottom;
  padding: 8px 0 0;
  margin: 0;
  float: left;
  width: 100%;
}

#pI {
  padding: 0 1em 0 0; 
  float: right !important; 
  margin-left: 0 !important;
}

#pU img {
  border: none;
  float: left;
  margin-left: 2em;
}

#pZ  {
  font-size: 0.75em;
  float:right;
  width:auto;
  padding: 0 1em 0 0;
  margin: 0;
  text-align:right;
  list-style: none;
}

#pZ li {
  float: left;
  width:auto;
  padding: 0 0.25em 0 0.25em;
}

#pM {
  border: 1px solid white;  /* hack for IE6 */
  clear: left;
  font-size: 0.75em;
  margin: 0 0 0 2em;
  padding: 0;
}

#pA { 
  margin: 0; 
  clear: both;
}

#pY {
  padding: 0.5em 0 0.5em 2em; 
  color: white; 
  background-color: #77206D;
  font-size: 1.25em; 
  font-weight: bold;
}


#pQ { 
  clear: both;
  padding: 3px 0 13px 0;
  width: 100%;
  min-height: 1.4em;
  background:#8f1f8d url('../images/bar.png') repeat-x scroll left bottom;
}

#pQ form {
  font-size: 1.0em;
  padding: 0;
  margin: 0;
  width: 100%;
}
 
#pQ fieldset {
  border:0 none;
  margin:0;
  padding: 0;
}

#pQ legend {
  display:none;
}

#pQ label {
  display:none;
  cursor:default;
}

#pH {
  float: left;
  line-height: 140%;
  clear: both;
  margin: 0;
  padding: 0.25em 0;
  width:100%;
  font-size: 0.75em;
}

#pN {
  padding:  0 3em;
}

#pT {
  margin: 0;
}

#pP {
  margin-top: 0.5em;
}

#p1 {
  clear:both;
  float:left;
  width:100%;
  border-bottom: 1px solid #bbb;
}

#pB { 
  padding: 0.25em 2em 0; 
  background:#fff;
  float: left;
}

#pC { 
  line-height: 140%;
  color: #333333;
  background-color: transparent;
}

#pE {
  margin: 1em 0;
  font-size: 0.75em;
  text-align:right;
}

/* TODO: rename */
.threecol_col1 {
  float:left;
  width:25%;
  margin:0.5em 0;
}

/* TODO: rename */
.threecol_col2 {
  float:left;
  width:50%;
  text-align: center;
  margin:0.5em 0;
}

/* TODO: rename */
.threecol_col3 {
  float:left;
  width:25%;
  text-align:right;
  margin:0.5em 0;
}

#pF {
  clear: both;
  font-size: 0.75em;
  width: 100%;
  border-top: 1px solid #777;
}

#pL {
  float: left;
  clear: both;
  padding: 0 0 1em 0em;
  border-top: 1px solid #bbb;
  width:100%;
}

#pL ul {
  float:left;
  clear:both;
  width:auto;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:1.25em 0 0 0em;
  padding:0 0 0 3em;
}

#pL li {
  display:inline;
  float:left;
  width:auto;
  margin:0 5px 0 0;
  padding:0;
}

#pX { 
  margin: 1em 0 0 0;
  float: left;
  clear: both;
  width: 100%;
  text-align:right;
}

/* pK = search results page div */

#pK {
  border-top:2px dotted #b568b0;
  padding-top:5px;
  margin:8px 0 8px;
  width:100%;
  font-size: 0.75em;
  text-transform: uppercase;
  text-align: center;
}

#pK ul {
  float: none;
  margin: 0 5px;
  padding: 0;
  width:auto;
  list-style-type:none;
}

#pK li {
  margin:0 0.25em;
  display: inline;
  white-space: normal;
  clear: none;
}

/* pW = search result dl */

#pW dt {
  font-weight: bold;
  margin: 1em 0 0 0;
  padding: 0;
}

#pW dd {
  margin: 0 0 1em 0;
  padding: 0;
}

/* q = search highlighting */

q {
  quotes: none;
}

q:before {
  content: none;
}
q:after {
  content: none;
}

/* global search h2 */

h2.pinkbar {
  background-color: white;
  color: #95288f;
  text-transform: uppercase;
  font-size: 90%;
  font-weight: bold;
  padding: 0em 0em 0em 0em;
  margin: 0em 0.5em 0.5em 0.5em;
  border-bottom: 2px dotted #95288f;
}

ul.countries {
  list-style: none;
  vertical-align: middle;
  padding: 0.25em 0;
  margin: 0;
}

ul.countries li {
  padding: 0.25em 0;
  margin: 0;
}

/* TODO: rename used on home page of each publication */

div.latestnews {
  margin: 1em 0 0.5em 0;
}

div.latestnews img {
  padding-right: 0.75em; 
  border: none; 
  vertical-align: middle;
}

div.latestnews h2 {
  color: #95288f;
  display: inline;
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 90%;
  margin-right: 0.5em;
}

span.F {
  vertical-align: middle;
  background-repeat: no-repeat;
  background-color: #fff; 
  display: inline-block;
  width: 50px;
  height: 34px;
  padding-right: 0.5em;
  background-image: url('../images/flags.png');
}

span.Fae {
  background-position: 0 0;
}

span.Far {
  background-position: 0 -34px;
}

span.Fat {
  background-position: 0 -68px;
}

span.Fau {
  background-position: 0 -102px;
}

span.Fbe {
  background-position: 0 -136px;
}

span.Fbg {
  background-position: 0 -170px;
}

span.Fbr {
  background-position: 0 -204px;
}

span.Fby {
  background-position: 0 -238px;
}

span.Fca {
  background-position: 0 -272px;
}

span.Fch {
  background-position: 0 -306px;
}

span.Fcl {
  background-position: 0 -340px;
}

span.Fcn {
  background-position: 0 -374px;
}

span.Fcy {
  background-position: 0 -408px;
}

span.Fcz {
  background-position: 0 -442px;
}

span.Fde {
  background-position: 0 -476px;
}

span.Fdk {
  background-position: 0 -510px;
}

span.Fec {
  background-position: 0 -544px;
}

span.Fes {
  background-position: 0 -578px;
}

span.Feu {
  background-position: 0 -612px;
}

span.Ffi {
  background-position: 0 -646px;
}

span.Ffr {
  background-position: 0 -680px;
}

span.Fglobal {
  background-position: 0 -714px;
}

span.Fgr {
  background-position: 0 -748px;
}

span.Fhk {
  background-position: 0 -782px;
}

span.Fhu {
  background-position: 0 -816px;
}

span.Fid {
  background-position: 0 -850px;
}

span.Fie {
  background-position: 0 -884px;
}

span.Fil {
  background-position: 0 -918px;
}

span.Fin {
  background-position: 0 -952px;
}

span.Fis {
  background-position: 0 -986px;
}

span.Fit {
  background-position: 0 -1020px;
}

span.Fjp {
  background-position: 0 -1054px;
}

span.Fkr {
  background-position: 0 -1088px;
}

span.Fmc {
  background-position: 0 -1122px;
}

span.Fmx {
  background-position: 0 -1156px;
}

span.Fmy {
  background-position: 0 -1190px;
}

span.Fnl {
  background-position: 0 -1224px;
}

span.Fno {
  background-position: 0 -1258px;
}

span.Fnz {
  background-position: 0 -1292px;
}

span.Fpe {
  background-position: 0 -1326px;
}

span.Fph {
  background-position: 0 -1360px;
}

span.Fpl {
  background-position: 0 -1394px;
}

span.Fpt {
  background-position: 0 -1428px;
}

span.Fro {
  background-position: 0 -1462px;
}

span.Fru {
  background-position: 0 -1496px;
}

span.Fse {
  background-position: 0 -1564px;
}

span.Fsg {
  background-position: 0 -1598px;
}

/* duplicate South Africa
  background-position: 0 -1632px;
  */

span.Fth {
  background-position: 0 -1666px;
}

span.Ftl {
  background-position: 0 -1700px;
}

span.Ftr {
  background-position: 0 -1734px;
}

span.Fua {
  background-position: 0 -1768px;
}

span.Fuk {
  background-position: 0 -1802px;
}

span.Fus {
  background-position: 0 -1836px;
}

span.Fuy {
  background-position: 0 -1870px;
}

span.Fve {
  background-position: 0 -1904px;
}

span.Fyu {
  background-position: 0 -1938px;
}

span.Fza {
  background-position: 0 -1972px;
}


h1 {
  color: #017196; /* cyan */
  font-size: 120%;
}

h2 {
  font-size: 110%;
}

ul.sitemaplist {
   list-style: none; 
   padding-left: 0;
   margin-left: 0;
}
ul.sitemaplist li {
   font-weight: bold;
   font-size: 1.05em;
   margin: 0 0 2em 0;
   padding: 0;
}

ul.sitemaplist ul {
   font-weight: bold;
   margin-bottom: 2em;
   padding: 0;
}

ul.sitemaplist ul ul {
   margin: 0;
   padding: 0;
}

ul.sitemaplist ul li {
   font-size: 1em;
   list-style: none; 
   font-weight: normal;
   margin: 0.1em 0 0.1em 0;
   padding: 0;
}

/** news **/

#newsdl dt {
  font-weight: bold;
}

#newsdl dd {
  margin:  0 0 1.5em 0;
  padding: 0;
}

ul.publications {
  padding-left: 2em;
}

ul.publications li {
  list-style: none;
  background-position:left top;
  background-repeat:no-repeat;
  float:left;
  height:5em;
  line-height:120%;
  margin:0 0.5em 5px;
  padding:0 0 0 60px;
  width:10em;
}

/*contents overlay*/
.contentsbox {
  position: fixed;
  z-index:1001;
  margin-top: 18px;
}

.contentsbox .contentsbox_internal {
  position:absolute;
  top:0;
  width:24px;
  height:76px;
  background:#fff url("../images/contents-closed.png") no-repeat top left;
  padding:53px 0 0 3px;
}

.contentsbox .contentsbox_internal_open {
  position:absolute;
  top:0;
  width:10em;
  padding: 0;
  margin: 0;
}

.contentsbox .contentsbox_internal_open .box {
/* height: 229px; */
  background-color: #e8e8e8;
  overflow: hidden;
  padding: 0;
  margin-right: 12px;
  font-size:0.8em;
}

.contentsbox ul {
  padding-top: 0.5em;
}

.contentsbox li {
padding:0.25em 0;
}
		
#sC { float: left; width: 11em; margin-bottom: 10em; }

#sC ul {
  width: 92%; /* hack for ie6 to leave space for scrollbar*/
  overflow: hidden;
}

#sC .ne	{ 
  background: url('../images/contents.png') right -12px no-repeat; 
}

#sC .n	{ 
  background: url('../images/contents.png') 0 0 repeat-x; 
  padding-top: 12px; 
  margin-right: 12px;
}

#sC .e	{ 
  background: url('../images/contents-e.png') right top repeat-y;
}

#sC .content { 
  background: #fff; 
  margin-right: 12px; 
  padding: 1px 0.5em 1px 0.5em; 
}

#sC .se	{ 
  background: url('../images/contents.png') right -24px no-repeat; 
}

#sC .s { 
  background: url('../images/contents.png') 0 -36px repeat-x; 
  padding-top: 12px; 
  margin-right: 12px;
}


/* standard page sub-sections */
#pS {
  font-size: 90%;
} 

#pS>p {
  font-weight: bold;
  padding: 0em 0em 0em 0em;
  margin: 0.25em 0em 0.25em 0em;
} 

#xS {
  white-space: nowrap;
  margin: 0em 0em 0em 0em;
  padding: 0.25em 0em 0.25em 0em;
} 

#xS img {
  border: none;
  margin-right: 0.2em;
} 

#xS li {
  padding: 0.25em 0em 0.25em 0.5em;
  border-bottom: 1px #e2e2e4 solid;
  list-style: none;
} 

#xS li ul {
  border-bottom: none;
  margin: 0em 0em 0em 0em;
  margin-left: 1em;
} 

#xS li ul li {
  padding: 0.25em 0em 0.25em 0.5em;
  border-bottom: none;
} 

#tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid InfoText;
  color: InfoText;
  background-color: InfoBackground;
  font-size: 0.8em;
  padding: 0em;
  margin: 0;
}

#tooltip ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#tooltip h3, #tooltip div { margin: 0; padding:0; }

#q, #a {
  background: #fff url('../images/input.png') no-repeat scroll 1px 1px;
  color:#000;
  height: 1.5em;
  margin:0 3px 0 2.75em;
  padding: 0 0.25em;
  width: 23em;
  max-width: 90%;
  font-size: 1em;
  vertical-align: middle;
}

#searchButton {
  background:#DDCADD;
  border:medium none;
  color:#95288F;
  cursor:pointer;
  font-size: 0.85em;
  margin:0;
  padding:0.3em 0.5em 0.3em 0.5em;
  width:auto;
  text-transform:uppercase;
  vertical-align: middle;
}

#pQ span {
  display: block;
  height: 1.4em;
}

#pM li {
  float:left;
  width: auto;
  padding: 0;
  margin: 0;
  list-style:none;
}

#pM a {
  /* menu, left off */
  background: #fff url('../images/menu.png') no-repeat scroll 0 0;
  display:block;
  margin: 0;
  padding: 0 0 0 7px;
  text-decoration:none;
  color:#FFF;
  font-weight:bold;
  white-space: nowrap;
}

#pM em {
  /* menu, left on */
  color:#FFF;
  background: #82176F url('../images/menu.png') no-repeat scroll 0 -384px;
  display:block;
  margin: 0;
  padding: 0 0 0 7px;
  text-decoration:none;
  color:#FFF;
  font-style: normal;
  white-space: nowrap;
}

#pM a:hover {
  /* menu, left on */
  background: #82176F url('../images/menu.png') no-repeat scroll 0 -384px;
  text-decoration:underline;
}

#pM a.selected {
  /* menu, left on */
  background: #82176F url('../images/menu.png') no-repeat scroll 0 -384px;
}

#pM strong {
  /* menu, right on */
  background: #fff url('../images/menu.png') no-repeat scroll right 0;
  display:block;
  white-space: nowrap;
  margin:0;
  padding: 0 7px 0 0;
}

#pM em strong {
  /* menu, right on */
  background: #82176F url('../images/menu.png') no-repeat scroll right -384px;
}

#pM a:hover strong {
  /* menu, right on */
  background: #82176F url('../images/menu.png') no-repeat scroll right -384px;
}

#pM a.selected strong {
  /* menu, right on */
  background: #82176F url('../images/menu.png') no-repeat scroll right -384px;
}

#pM span {
  /* menu, off */
  background: #555 url('../images/menu.png') repeat-x scroll 0px -128px;
  display:block;
  width: auto;
  margin:0;
  padding:0.75em 1em 0.5em 1em;
}

#pM em span {
  /* menu, on */
  background: #82176F url('../images/menu.png') repeat-x scroll 0 -256px;
}

#pM a:hover span {
  /* menu, on */
  background: #82176F url('../images/menu.png') repeat-x scroll 0 -256px;
}

#pM a.selected span {
  /* menu, on */
  background: #82176F url('../images/menu.png') repeat-x scroll 0 -256px;
}


/* search tabs */

.submenu {
  float: left;
  width: 100%;
  padding: 0 0.5em 12px 0.5em;
  background: transparent url(../images/tabs.png) repeat-x scroll bottom left;
  font-size: 0.75em;
}

.searchtabs {
  margin: 0;
  padding: 0;
}

.searchtabs li {
  float:left;
  width: auto;
  padding: 0;
  margin: 0;
  list-style:none;
}

.searchtabs a {
  /* tab, left, off */
  background: #7a7978 url('../images/tab.png') no-repeat scroll 0 0;
  color:#FFF;
  display:block;
  float: left;
  font-weight:bold;
  margin: 0;
  padding: 0 0 0 4px;
  text-decoration:none;
  white-space: nowrap;
  width: auto;
}

.searchtabs a.jA {
  /* tab, right, off */
  background: #7a7978 url('../images/tab.png') no-repeat scroll right -256px;
  padding: 0 4px 0 0;
}

.searchtabs a:hover {
  text-decoration:underline;
}

.searchtabs .hover a {
  /* tab, right, on */
  background: #a248a0 url('../images/tab.png') no-repeat scroll 0 -384px;
}

.searchtabs li:hover a {
  /* tab, right, on */
  background: #a248a0 url('../images/tab.png') no-repeat scroll 0 -384px;
}

.searchtabs .selected a.jA {
  /* tab, right, on */
  background: #7a7978 url('../images/tab.png') no-repeat scroll right -640px;
}

.searchtabs .hover a.jA {
  /* tab, right, on */
  background: #7a7978 url('../images/tab.png') no-repeat scroll right -640px;
}

.searchtabs li:hover a.jA {
  /* tab, right, on */
  background: #7a7978 url('../images/tab.png') no-repeat scroll right -640px;
}

.searchtabs strong {
  /* tab, left, on */
  background: #a248a0 url('../images/tab.png') no-repeat scroll 0 -384px;
  color:#FFF;
  display:block;
  float: left;
  font-weight:bold;
  margin: 0;
  padding: 0 0 0 4px;
  white-space: nowrap;
  width: auto;
}

.searchtabs span {
  /* tab, right, off */
  background: #7a7978 url('../images/tab.png') no-repeat scroll right -256px;
  color:#FFF;
  display:block;
  margin:0;
  padding:0 4px 0 0;
  white-space: nowrap;
}

.searchtabs strong span {
  /* tab, right, on */
  background: transparent url('../images/tab.png') no-repeat scroll right -640px;
}

.searchtabs .selected span {
  /* tab, right, on */
  background: transparent url('../images/tab.png') no-repeat scroll right -640px;
}

.searchtabs .hover span {
  /* tab, right, on */
  background: transparent url('../images/tab.png') no-repeat scroll right -640px;
}

.searchtabs li:hover span {
  /* tab, right, on */
  background: transparent url('../images/tab.png') no-repeat scroll right -640px;
}

.searchtabs em {
  /* tab, off */
  background: transparent url('../images/tab.png') repeat-x scroll 0 -128px;
  display:block;
  margin:0;
  padding:0.5em 0.5em 0.3em 0.5em;
}

/* hack: won't be apply in IE6 */
.searchtabs a>em {
  height: 1.75em;
}
.searchtabs span>em {
  height: 1.75em;
}
.searchtabs strong>em {
  height: 1.75em;
}

.searchtabs .selected em {
  /* tab, on */
  background: transparent url('../images/tab.png') repeat-x scroll 0 -512px;
}

.searchtabs strong em {
  /* tab, on */
  background: transparent url('../images/tab.png') repeat-x scroll 0 -512px;
}

.searchtabs .hover em {
  /* tab, on */
  background: transparent url('../images/tab.png') repeat-x scroll 0 -512px;
}

.searchtabs li:hover em {
  /* tab, on */
  background: transparent url('../images/tab.png') repeat-x scroll 0 -512px;
}



/* jQuery menu */

.jM
{margin: 0;
padding: 0;
float: left;
width: 100%;
clear: both;}

.jM li 
{
	position: relative;
}

/*
.jM li a {
  text-decoration: none;
}

.jM li a:hover {
  text-decoration: underline;
}
*/

.jM li ul
{margin: 2.75em 0 0 0;
padding: 0 0 0 0;
position: absolute;
top: 0;
left: 0%;
visibility: hidden;
border: 2px solid #95288F;
background: #77206D; 
color: #fff;
min-width: 20em;
}

.jM li ul li
{
	clear:both;
	float: none;
display: block;
width: auto;
background: #77206D; 
color: #fff;
}

.jM li ul li a
{
  padding: 0.5em 1em 0.3em 1em;
  width: auto; 
  background: #77206D !important; 
  margin: 0.1em 0 0.1em 2em;
  text-decoration: none;
}

.jM li ul li a:hover
{
  background: #717074 !important;
  text-decoration: underline;
}

#login { float: left; width: 20em; margin-right: 2em;}

#login .nw	{ 
  background: url('../images/login.png') 0 0 no-repeat;
}

#login .ne	{ 
  background: url('../images/login.png') right -48px no-repeat; 
  margin-left: 24px;
}

#login .n	{ 
  background: url('../images/login.png') 0 -24px repeat-x; 
  padding-top: 24px; 
  margin-right: 24px;
}

#login .w	{ 
  background: url('../images/login-we.png') 0 0 repeat-y;
}

#login .e	{ 
  background: url('../images/login-we.png') right 0 repeat-y;
  margin-left: 24px;
}

#login .content { 
  background: #fff; 
  margin-right: 24px; 
  padding: 1px 0.5em 1px 0.5em; 
}

#login .sw	{ 
  background: url('../images/login.png') 0 -72px no-repeat;
}

#login .se	{ 
  background: url('../images/login.png') right -120px no-repeat; 
  margin-left: 24px;
}

#login .s { 
  background: url('../images/login.png') 0 -96px repeat-x; 
  padding-top: 24px; 
  margin-right: 24px;
}

#login h2 {
  border-bottom:2px dotted #23ACB7;
  color:#2097BC;
  margin:0 0 0.5em;
  padding-bottom:0.3em;
  font-size: 0.9em;
}

#login form {
  border-bottom:2px dotted #B8B7B9;
  margin:8px 0 10px;
  padding-bottom:0.75em;
  float:left;
  width:100%;
}

#login legend {
  display:none;
}

#login fieldset {
  border:0;
  padding:0;
  margin:0;
}

#login label {
  display:none;
}

#login #rem {
  display: inline-block;
  padding-top:0.5em;
}

#login ul {
  clear:both;
  margin: 0;
  padding:0;
}

#login li {
  list-style: none;
  margin:0 0 0.5em 0;
  padding:0;
}

#login #username, #pword {
  float:left;
  background:#fff url("../images/input.png") no-repeat top left;
  border:1px solid #ced4bd;
  height:1.4em;
  padding:2px 0.3em 0 0.6em;
  width:92%; 
  margin:0 0 0.7em 0;
  color:#000;	
  font-size: 1em;
  clear: both;
}

#login #remember {
  display: inline-block;
  margin:0.5em 0.3em 0 0;
  border:none;
  padding:0;
  background:none;
}

#login #loginbtn {
  clear: both;
  display: inline-block;
  border: 1px solid #ede7eb !important; 
  background-color:#e5cbdf;
  margin:0 0.5em 0 0;
  padding:0 0.5em 0.3em 0.5em;
  border:none;
  cursor:pointer;
  color:#ad2393;
  font-size: 0.8em;
}

#publicationList 
{
	border: 3px solid #eaeaea;
	padding: 0.25em;
	margin: 10px 0 1em 0;
	margin-right: 1em;
	float: left;
}

#publicationList ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: 0;
	float: left;
	width: 100%
}

#publicationList ul li 
{
	float: left;
	width: 14em;
	height: 7em;
	line-height: 120%;
	font-size: 90%;
	font-weight: bold;
	margin: 0 0.5em 5px 0.5em;
	padding: 0;
}

#publicationList ul li a
{
	display: block;
	height: 7em;
	background-repeat: no-repeat;
	background-position:0 0;
	text-align: left;
	text-decoration: none;
	overflow: hidden;
	padding-left: 60px;
}

#publicationList ul li a:hover
{
	text-decoration: underline;
}