/* default stylesheet for greenstone. */

/* my styles */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006;
background-color:#fff;
text-align:justify;
font-size:100%;
line-height:1.5;
margin:0px;
}

form{text-align:left;}

input{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006;
background-color:#fff;
}

select{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#006;
background-color:#fff;
}

a, a:visited
{
text-decoration:none;
color:#0000ff;
}

a img, a:visited img
{
border:none;
background-color:#fff;
}


.subjectHyphen{margin-right:1ex;}

.classifier{
	padding-right:1%;font-size:110%;
}

.smallDescription{
	font-size:80%;font-style:italic;
}

.viewLargerImage a{
	font-size:80%;font-style:italic;text-align:center;
	}
	
	

	
table.oneRecord{background-color:#FFFFFF;font-size:100%;font-weight:normal;}
table.oneRecord td a, table.oneRecord td a:visited, table.oneRecord td a:hover{font-size:100%;font-weight:normal;background-color:#FFFFFF;}
img.icon{padding-top:0px;}
table.oneRecord td.cellImage{vertical-align:top;padding-right:1em;}
table.oneRecord td.title{vertical-align:top;font-weight:bold;font-size:100%;}
table.oneRecord td.title a, td.title a:visited, td.title a:hover{font-weight:bold;}
table.oneRecord td.subject{vertical-align:bottom;font-style:italic;}
hr{margin-bottom:5em;border-top:1px solid #CCCCCC;width:100%;}

.titleHeading{text-align:center;font-weight:bold;font-size:120%;background-color:#ff9;color:#006;width:100%;}
.detailRow{clear:right;margin-top:1.5em;padding-right:0.5em;}
.detailRecord{clear:both;padding-top:4em;padding-bottom:2em;width:100%;}
.detailImage{
	width:240px;float:left;text-align:center;padding-bottom:0.5em;margin-bottom;2em;margin-right:0.5em;border:0;
}
.cellFieldName{
	width:20ex;padding-right:2ex;color:#C03;vertical-align:top;text-align:left;font-weight:bold;
}
.cellData{color:#006;}

div.oneCell{position:relative;background-color:#FFFFFF;font-size:100%;font-weight:normal;border:1px solid #CCCCCC;width:240px;height:280px;text-align:center;float:left;visibility:visible;}
div.oneCell a img{margin-bottom:2em;}
div.oneCell a{background-color:#FFFFFF;}
div.oneCell a:nth-of-type(2){display:block;position:absolute;bottom:30px;width:90%;margin-left:auto;margin-right:auto;}

table.bookshelfTable{margin-bottom:2em;visibility:visible;}

/*removing tabwidth table to make images display as a table*/

TABLE#tabwidth TR, div#group_top, div.top{visibility:hidden;}
.h_list, .v_list, .bookshelfTable, #tabwidth{visibility:visible;}
	
table#tabwidth{
	width:100%;
}


.date_list_year, .date_list_month{display:none;}

a.collectiontitle, a.collectiontitle:link, a.collectiontitle:hover, a.collectiontitle:visited{color:#F00;}

a:link {color: #00C;} 

a:hover {color: #00c;background-color:#FF0;}

a:visited {color: #C0C;} 

img.link { border: 0; }

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

img#bannerImage{
position:absolute;
top:1px;
left:1px;
border-left:black solid thin;
border-right:black solid thin;
float:left;
}

/* this contains everything - all the other divs */
#page {
/*  margin-left: 80px;*/
  margin-right: 5px;
}


#banner {
  margin: 0 0 5px 0;
  padding:0;
  position:absolute;
  top:2px;
  left:2px;
  right:2px;
  height:150px;
  background-image: url("../web/images/banner.jpg");
 }

/* this div contains the bannerlinks and bannertitle paragraphs */
div.pageinfo {
  float: right;
  text-align: right;
  padding: 0;
  margin:0 0 3px 0;	
  width: 50%;
}

/* home, help, preferences links */
p.bannerlinks {
  font-family: sans-serif, arial, helvetica;
  font-weight: bold;
  margin:0;
  padding:0;
}

/* the title set by the receptionist based on the page action */
p.bannertitle {
  display:none;
 }

p.collectiontitle {
  font-family: sans-serif, arial, helvetica;
  font-size: 24px;
  font-weight: bold;
  white-space: nowrap;
  padding: 8px 0px 12px 2px;
  background-repeat: repeat-y;
  background-position: top left; 
  margin:0;
}

/* the image for the collection, shown in the banner */
div.collectimage {
  text-align: left;
  float: left;
  width: 45%;
  padding:0;
  margin:0;
}

/* 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 {
  position:absolute;
  top:155px;
  left:2px;
  right:2px;
  min-width: 500px;
  white-space: nowrap;
  font-family: sans-serif, arial, helvetica;
  font-size: 10pt;
  font-weight: bold;
  text-transform: none;
  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;
  border: 0;
  width: 100%; /* for ns4 */
}

/*This is the background of the classifier buttons across the top.*/
p.navbar { /* opt navbar text inside a divbar div */
  text-align: left; 
  margin: 0;
  text-transform:capitalize;
  font-size:110%;
  background-color:#fff;
}

/* bg image set in style macro */
/* This corntrols the browser buttons across the top.*/
p.navbar a.navlink, p.navbar a.navlink:visited {
  vertical-align: top;
  display:inline-block; 
  width:15.0%;
  margin:0px;
  padding:0px;
  color: #00f;
  text-decoration: none;
  background-color:#ff9;
  text-align:center;
  }
  
/* bg image set in style macro */
/* This corntrols the selected browser button.*/
a.navlink_sel {
  vertical-align: top;
  display:inline-block; 
  width:16.67%;
  margin:0px;
  padding:0px;
  color: #006;
  text-decoration: none;
  background-color:#ff9;
  text-align:center;
}

a.navlink:visited {
  color: #006;
}

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

a.navlink_sel_ns4 {
  background-color: #ffff77;
}

p.bannerlinks a.navlink{padding-left:10px;}

span.highlight {
  background: #ffff77;
}

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

span.textselect { 
  white-space: nowrap;
}

span.textselect select { 
  text-transform: none;
}

div.document {
 padding: .2em 0 0 0;
 clear: both;
 position:absolute;
 top:200px;
 left:2px;
 right:2px;
}

div.documenttext { clear: both; } /* come after any floating divs */

ul#searchresults{
  list-style-type: none;
  margin: 0 0 .2em 0;
  padding:0;
  overflow: hidden;
}

ul#searchresults li{
  margin: 0; 
  padding: 2px 0 2px 0;
  font-size: 11px;
  font-weight: bold;	
  width: 160px;
  background-color:#f7e7c5;
  text-align:center; 
}
 
li#nextresult{
  float:right;
}

li#prevresult{
  float:left;
}


ul#searchresults li a {
  margin:0;	 
  padding:0;
  text-decoration: none;
  color: black;
}


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: 0 15px 5px 0; 
}

div.button {
  font-size: 11px;
  font-weight: bold;
  background: #f7e7c5;
  margin: 1px;
  border: 1px solid #eeddbb;
  text-align: center;
  vertical-align: middle;
  width: 110px;
}

*>div.button { /* for other browsers - IE6 doesn't apply this */
  height: auto;
  width: auto;
  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.homebutton {
  font-size: 11px;
  font-weight: bold;
  background: #f7e7c5;
  margin: 1px;
  border: 1px solid #eeddbb;
  text-align: center;
  vertical-align: middle;
  width: 110px;
  height: 30px;
}

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.wizardbar {
   text-align: center;
   vertical-align: middle;
}
		       
td.wizardbargreen {
   background-color: #006;
}
td.wizardbaryellow {
   background-color: #F90;
}
td.wizardbargrey {
   background-color: #D3D3D3;
}

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

table.wizardbar a:visited {
  color: #006;
}

table.wizardbar a:hover {
  color: #F90;
}

span.date_list_year {
  font-weight: bold;
}
span.date_list_month {
  font-weight: bold;
}