body.bgimage { background-image: none; }
div.navbar { background-image: url("/gsdl/images/bg_green.png"); }
div.divbar { background-image: url("/gsdl/images/bg_green.png"); }
span.navlink { background-image: url("/gsdl/images/bg_off.png"); }
span.navlink_sel { background-image: url("/gsdl/images/bg_green.png"); }
span.navlink:hover { background-image: url("/gsdl/images/bg_on.png"); }

BODY, P, TD, TR, TABLE, *.v_list {font-family: arial, sans-serif; }
IMG {border: none; }

.title {font-size: 1.3em; padding: 1em 0 0 0; font-weight: bold; }
.subtitle { font-size: 0.9em; }
.abstract { margin: 0.5em 2em 2em 2em; text-align: justify;}
.docFooter TD {font-size: 0.8em; margin: 2.5em 0 0 0;}
.docFooter P {margin: 0.2em 0 }


.authorList { font-size: 0.9em; padding: 0 0 0 1em; }
.authorListTD {padding: 0 0 0.6em 1em;}

.numDocs { padding: 0 0.5em; font-size: 0.85em;}

.h_list { padding: 1em 0;}
.h_item { padding: 0 0.5em; }

.vlistTitle { padding: 0 0 0.6em 1em; font-size:0.9em; }
.vlistDetails { font-size: 0.8em;padding: 0 0 0 1em; }

.documenttext { margin: 0 1em; }


/******************************************************/

/* default stylesheet for greenstone. */

body {
  background: #ffffff;
  color: #000000;
}

/* bg image set in style macro */
body.bgimage { }

a:link { color: #006666; } 

a:hover { color: #cc9900; }

a:visited { color: #666633; } 

img.link { border: 0; }

/* for unesco/human info etc logos on home page */
img.logo {
  border: 0;
  float: right;
  margin-left: 10px;
}

/* this contains everything - all the other divs */
#page {
  margin-left: 1em;
  margin-right: 1em;
}

#banner {
  margin-bottom: 5px;
}
/* this div contains the bannerlinks and bannertitle paragraphs */
div.pageinfo {
  float: right;
  text-align: right;
}
/* home, help, preferences links */
p.bannerlinks {
  font-family: sans-serif, arial, helvetica;
  font-size: 10pt;
  font-weight: bold;
}
/* the title set by the receptionist based on the page action */
p.bannertitle {
  font-family: sans-serif, arial, helvetica;
  font-size: 24px;
  font-weight: bold;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 10px;
  margin-left: 10px;
  text-transform: lowercase;
  background: white;
  width: 40px;
  text-align: right;
  white-space: nowrap;
}
/* the image for the collection, shown in the banner */
div.collectimage {
  text-align: left;
  /*height: 100%; *//* for IE5/6 to make containing div the full height */
}
/* make sure this is shown under the other divs (which may be floating) */
div.bannerextra {clear:both;}

/* blankiconbar */
div.section p.bar {
  text-align: center;
}

/* bg image set in style macro */
div.navbar {
  min-width: 500px;
  white-space: nowrap;
  font-family: sans-serif, arial, helvetica;
  font-size: 10pt;
  font-weight: bold;
  text-align: top;
  text-transform: lowercase;
  border: 0;
  width: 100%; /* for ns4 */
}

/* bg image set in style macro */
div.divbar { /* for "select a collection" */
  font-family: arial;
  font-size: 10pt;
  font-weight: bold;
  text-align: top;
  border: 0;
  width: 100%; /* for ns4 */
}
p.navbar { /* opt navbar text inside a divbar div */
  text-align: center; 
  margin: 0;
}

/* bg image set in style macro */
span.navlink {
  vertical-align: top; 
  padding: 0 10px; 
}

/* bg image set in style macro */
span.navlink_sel {
  vertical-align: top;
  padding: 0 10px;
}

/* bg image set in style macro */
span.navlink:hover { }

span.navlink a {
  color: black;
  text-decoration: none;
}
span.navlink a:visited {
  color: black;
}

/* for the nav_ns4.dm macro only (for netscape4 support) */
span.navlink_ns4 {
  background-color: #e8d9b1;
}
span.navlink_sel_ns4 {
  background-color: #96c19b;
}

/* ns4 doesn't support :hover? */
span.navlink_ns4 a:hover {
}

span.highlight {
  background: #ffff77;
}

/* content inside the pages */
img.icon { border: 0; }

div.queryform {
  text-align: center;
}
span.textselect { white-space: nowrap; }

div.document {
  padding-top: 5px;
}
div.documenttext { clear: both; } /* come after any floating divs */

div.warning { /* eg expanding more than 10 sections in table of contents */
}
div.warning div.buttons { float: right; } /* continue button */

div.heading_image { float: left; } /* optional cover image */
div.heading_title { font-size: 14pt; } /* alternate to cover image */
div.document div.buttons {
   /* anything that holds buttons... toc_buttons but also continue button */
   width: 100px; /* each button (inside its own div) can overflow this */
}
div#toc_buttons { /* expand/contract etc "buttons" */
  clear: left; /* don't put next to another float on our left-hand side */
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
div.button {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2em;
  /*background: #ffeecc; */
  background: #f7e7c5;
  margin: 1px;
  border: 1px solid #eeddbb;
  text-align: center;
  vertical-align: middle;
  height: 30px; /* IE6 and NS4 treat width/height as min-width/min-height */
  width: 110px;
}
*>div.button { /* for other browsers - IE6 doesn't apply this */
  height: auto;
  width: auto;
  min-height: 30px; 
  min-width: 110px;
}
span.button {}
span.button a { text-decoration: none; color: black; }
span.button a:hover { /* IE6 doesn't do :hover for things that aren't <A> */
  background: #eeddbb;
}

div.section p {
  text-align: justify;
}

/* for the home page - auto-generated _homeextra_ macro */
table.collections {
  width: 100%;
  max-width: 800px;
  text-align: center;
  /* centres a block element for gecko and opera. (IE 5.5 needs parent
   * text-align) */
  margin-left:auto; margin-right:auto;
}

/* collections that have a logo should have a border around them */
table.collections img {
  border: 1px solid;
}

/* collector bar */
table.collectorbar {
   text-align: center;
   vertical-align: middle;
}
		       
td.collectorbargreen {
   background-color: #96BE9C;
}
td.collectorbaryellow {
   background-color: #EEE8AA;
}
td.collectorbargrey {
   background-color: #D3D3D3;
}

table.collectorbar a {
  color: black;
  text-decoration: none;
}

table.collectorbar a:visited {
  color: black;
}