/*---- GENERAL RULES -----*/

html
{
height: 100%;
margin-bottom: 1px;
}

body
{
  margin: 0;
  padding: 0;
  /*background: #993;*/ 
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

* a:hover { text-decoration: underline; }
a img { border: none; }

p { margin-top: 0; }

.hidden 
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

#skip
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

.clear
{
	clear: both;
	height: 1px;
}

/*---- BANNER -----*/

#banner
{
  width: 100%;
  height: 140px;
  background: url(../images/banner.gif) repeat-x 0 0;
	margin: 0;
	padding: 0;
}

/*---- SITE NAVIGATION -----*/

ul#sitenav
{
  margin: 0;
	padding: 5px 0px;
  height: 16px;
  font-size: 12px !important;
  text-align: center;
}

ul#sitenav li
{
  display: block;
  float: left;
	padding: 0 5px;
  border-right: 2px solid #990;
	list-style-type: none;
}

#sitenav .last { border-right: none; }

#sitenav a
{
  text-decoration: none;
  letter-spacing: 0.1em;
  line-height: 12px;
  color: #ff3;
}
#sitenav a:hover

{
  text-decoration: underline;
  color: #ff6;
}

#sitenav a:active
{
  color: #ff0;
  background: none;
}

#quicksearch
{
  position: relative;
  float: right;
  margin: -24px 0;
  padding-right: 5px;
  font-size: 10px;
}

#quicksearch input
{
  padding: 1px 0 1px 4px;
  border: 2px solid #330;
  background-color: #663;
  color: #ff3;
  font-size: 12px;
}

#quicksearch #submit  
{
  padding: 0 2px;
  color: #000;
  background-color: #cc0;
}

/*---- CONTENT -----*/

#contentcontainer1
{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
	background: url(../images/horiz_tile.gif);
	position: relative;
	overflow: visible;/**/
}

#dobject ul.pagemenu, #arc ul.pagemenu, #pub ul.pagemenu
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

/*---- CONTENT PRIMARY NAVIGATION -----*/

#contentnav
{
	float: left;
  margin: 0 0 0 20px;
  width: 210px;
  display: inline;
  background-color: #ffc;
	padding: 0;
}

/* prinav coding moved to egold-notIEmac.css */

/*---- CONTENT SECONDARY NAVIGATION  -----*/

#secnav, #browsenav, #searchnav
{
  font-size: 13px;
  text-align: left;
  top: 20px; /*starts 20 px down*/
  left: 0; /*required for Mac IE*/
  margin: 0;
	padding: 0;
}

#secnav li, #browsenav li, #searchnav li
{
  float: left;
  font-weight: normal;
  background-color: #cc9;
	list-style-type: none;
}

#contentnav p
{
  color: #333366;
  font-size: 12px;
  margin: 30px 10px 10px 10px;
  padding: 0;
}

#secnav li a, #browsenav li a, #searchnav li a
{
  padding: 4px 0 4px 10px;
  display: block;
	width: 200px;
  color: #639;
  text-decoration: none;
  line-height: 18px;
  border-bottom: 1px dotted #996;
  background: url(../images/content_menuBG.gif) #cc9 0 0;
}

#secnav li a:hover, #browsenav li a:hover, #searchnav li a:hover
{
  color: #003;
  background: #ccf;
  text-decoration: none;
  border-bottom: 1px solid #663;
}

#secnav li a:active, #browsenav li a:active, #searchnav li a:active
{
  color: #000;
  background: #cff;
  width: 200px;
  height: 1%; /*needed for firefox?*/
}

#secnav li a:visited, #browsenav li a:visited, #searchnav li a:visited
{
  color: #336;
}

#secnav .secnavfirst, #browsenav .secnavfirst, #searchnav .secnavfirst
{
  padding-top: 2px;
  margin-top: 10px;
  background-color: #996;
}

#secnav .secnavlast, #browsenav .secnavlast, #searchnav .secnavlast
{
  padding-bottom: 2px;
  margin-bottom: 12px;
  background-color: #996;
}

body.EG00001 #secnav #EG00001 a, body.EG00002 #secnav #EG00002 a, body.EG00003 #secnav #EG00003 a, body.EG00004 #secnav #EG00004 a, body.EG00005 #secnav #EG00005 a, body.EG00006 #secnav #EG00006 a, body.EG00007 #secnav #EG00007 a, body.EG00008 #secnav #EG00008 a, body.EG00009 #secnav #EG00009 a, body.EG00010 #secnav #EG00010 a, body.EG00011 #secnav #EG00011 a, body.EG00012 #secnav #EG00012 a, body.EG00013 #secnav #EG00013 a, body.EG00014 #secnav #EG00014 a, body.EG00074 #secnav #EG00074 a, 
body.browseEntity #browsenav li#browseEntity a,
body.browseEntitybyType-Theme #browsenav li#browseEntitybyType-Theme a,
body.browseDobject #browsenav li#browseDobject a,
body.browsePub #browsenav li#browsePub a,
body.browseArc #browsenav li#browseArc a,
body#search #searchnav li#search a,
body#search-dob #searchnav li#search-dob a,
body#search-bib #searchnav li#search-bib a,
body#search-arc #searchnav li#search-arc a,
body.searchgoogle #searchnav li.searchgoogle a,
body.searchfaceted #searchnav li.searchfaceted a
{
  background-color: #99c;
  background-image: none;
  border-bottom: 1px solid black;
}

#theme ul#browsenav, #entity ul#browsenav, #arc ul#browsenav, #pub ul#browsenav,
#dobject ul#browsenav, #dobject_transcript ul#browsenav, #entitydobject ul#browsenav
{
  display: none;
}

#browse ul#secnav
{
  display: none;
}

/*---- ENTRY NAVIGATION -----*/

#entrynav
{
  position: absolute;
	right: 0;
	top: -20px;
  width: 140px;
  line-height: 20px;
	margin: 0;
	padding: 0;
}

#entrynav ul
{
  margin: 0;
	padding: 0;
	float: right;
}

#entrynav ul li
{
  float: left;
	display: inline; /*REQUIRED?*/
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  background: url(../images/tabBG.gif) #993 0 30px;
  width: 70px;
	list-style-type: none;
}

body#entity #entrynav .entity
{
  background: url(../images/tabBG.gif) #993 0 0;
  color: #006;
  width: 70px;
}

#entity #entrynav .entity a, #entitydobject #entrynav .entitydobject a, #theme #entrynav .entity a
{
  text-decoration: none;
  background: url(../images/tabBG.gif) #ffc 0 0;
  color: #006;
  width: 70px;
}

#entrynav li a
{
  text-decoration: none;
  display: block;
  color: #663;
  background-image: none;
  width: 70px;
}

#entrynav a:hover, #entrynav a:active
{
  color: #306;
  width: 70px;
  background: url(../images/tabBG.gif) 0 28px;
}

.entitydobject_nodisplay
{
  position: absolute;
	left: -5000px;
	width: 4000px;
}

/*---- ENTRY TEXT -----*/

#entrytext
{
  padding: 15px 10px 15px 15px;
  background-color: #ffc;
	margin: 15px 10px 15px 245px;
	height: 1%;
	font-size: 13px;
  color: #336;
}

#entrybodytext
{
  margin: 0 160px 15px 0;
	padding: 0;
	overflow: visible; /*counter IE italic bug HLM 2006-12-01*/ /*why had I turned this off HLM 2007-02-13? Did it ever work?*/
}

#entrytext h2
{
margin: 0 0 10px;
  padding: 0 0 10px 0;
  font-size: 15px;
  line-height: 20px;
  border-bottom: 1px dotted #996;
  color: #663;
}


#entrytext #entrybodytext h3
{
margin: 0;
padding: 5px 0 10px;
font-size: 14px;
color: #996;
border-bottom: 1px dotted #663;
}



#entrytext #entrysummary
{
padding: 0;
  /*font-weight: bold;*/
}

#entrytext p
{
  margin: 0;
  /*padding: 10px 0 0 0;*/
	padding: 5px 0;
  line-height: 16px;
}

#entrytext #entryauthor
{
  font-size: 11px;
  color: #669;
	/*font-variant: small-caps;*/
}

#entryreferences
{
  margin: 35px 0 25px 0;
  padding: 0;
}

#entryreferences dt
{
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  color: #663;
}

#entryreferences dd
{
margin: 0;
  padding-top: 15px;
  font-size: 11px;
  line-height: 14px;
  color: #669;
}

#entryreferences a { color: #006; }
#entryreferences a:hover { color: #600; }

/*---- New code added by Ailie Smith 19 March 2009 ----*/
.entry-extras
{
	margin: 0 0 5px;
	font-size: 90%;
}

.closed div
{
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.entry-extras h3
{
	margin: 0;
	padding: 5px 10px;
	font-size: 130%;
}

.entry-extras h3 a
{
	padding: 0 0 0 30px;
	background: url(../images/lessinfo_icon.gif) no-repeat 0 50%;
	text-decoration: none;
	color: #693e82;
}

.closed h3 a { background: url(../images/moreinfo_icon.gif) no-repeat 0 50%; }

/* 
-----------------------------------
entry-open-all
-----------------------------------
*/

.entry-open-all { margin: 0; }

.entry-open-all a
{
	display: block;
	padding: 15px 10px 15px 35px;
	font-size: 115%;
	font-style: italic;
	background: url(../images/moreinfo_icon.gif) no-repeat 10px 50%;
	text-decoration: none;
}

.entry-open-all-open a
{
	background-image: url(../images/lessinfo_icon.gif);
}

/*---- end Ailie additions ----*/

/*---- THEME PAGE SPECIFIC -----*/

#theme #entrytext
{
  /*padding: 15px 0 20px 15px;*/
  background-color: #ccf;
}

#theme #entrytext h2
{
margin: 0 0 10px;
  border-bottom: 1px dotted #336;
  color: #009;
}

#theme #entrybodytext h4 /*--23 March 2009, Ailie changed h3 to h4--*/
{
margin: 0;
padding: 5px 0 10px;
font-size: 14px;
color: #669;
border-bottom: 1px dotted #99f;
}

#theme #entrytext p.gotoentity
{
  margin-top: 10px;
  padding-bottom: 10px;
  display: block;
}

#theme #entrytext a:hover { color: #600; }

#theme #entrytext #expander
{
margin: 10px 0 0;
padding: 2px 0 4px 0px;
font-size: 11px;
text-align: center;
font-style: oblique;
color: #33c;
border-bottom: 1px solid #669;
}

#theme #entrytext p#expander
{
  cursor: default;
}


/*---- A to Z SPECIFIC -----*/ /*Helen, come back to this - what is it?*/

#atozlist
{
  margin: 0 0 15px 245px;
  padding: 15px 0 20px 15px;
  background-color: #ffc;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  background-color: #ccf;
}

.alphalist
{
  /*float: left;*/
  margin-bottom: 12px;
  width: 500px;
  background: #ffc url(../images/entrytitles_midBG.gif) repeat-y;
}

.alphalist a
{
  font-size: 13px;
  line-height: 16px;
  background-color: #ffc;
}

.alphalist a:hover { color: #600; }
.alphalist a:active { color: #003; }

.alphalist dt
{
  margin: 0;
  padding: 8px 9px 4px;
  font-size: 15px;
  font-weight: bold;
  color: #663;
  background: url(../images/entrytitles_topBG.gif) no-repeat;
}

.alphalist dd
{
  line-height: 13px;
  padding: 4px 10px 6px;
  border-top: 1px dotted #669;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

.lastalphalist
{
  height: 20px;
  background: url(../images/entrytitles_botBG_320.gif) no-repeat 0 bottom;
}

/*---- THEME ENTRY TITLES (SEE ALSO TEXT) -----*/

#theme #seealso
{
  width: 310px;
  background: url(../images/entrytitles_topBG_310.gif) no-repeat;
}


#theme #seealso dl
{
  background: url(../images/entrytitles_botBG_310.gif) no-repeat 0 100%;
}


/*---- SEE ALSO TEXT -----*/

#seealso
{
  width: 310px;
  background: url(../images/seealso_topBG_310.gif) no-repeat;
  margin: 10px 0 0 0;
  float: left;
}

#seealso a
{
  font-size: 13px;
  line-height: 16px;
  background-color: #ffc;
}

#seealso a:hover { color: #600; }
#seealso a:active { color: #003; }

#entity #entrytext #seealso h3, #theme #entrytext #seealso h3
{
  margin: 10px 0 10px 15px;
  padding: 0;
  font-size: 14px;
  border-bottom: none;
	text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  color: #663;
}

#seealso dl
{
  background: url(../images/seealso_botBG_310.gif) no-repeat 0 100%;
  margin: 0;
}

#seealso dt
{
margin: 0;
line-height: 13px;
padding: 5px 5px 8px 30px;
border-top: 1px dotted #669;
font-family: Verdana,Arial,Helvetica,sans-serif;
background: url(../images/gotoentry_icon.gif) no-repeat 15px 40%;
}

.extlink /*Helen, hasn't been addressed in output*/
{
  white-space: nowrap;
  padding-left: 22px;
  background: url(../images/extlink_icon.gif) no-repeat 3% 65%;
}

.moreinfo /*Helen, hasn't been addressed in output*/
{
  padding-left: 14px;
  background: url(../images/moreinfo_icon.gif) no-repeat 0 3px;
  display: block;
}

/*---- ENTRY IMAGE -----*/

#dobject #add, #add
{
	margin: 0;
	padding: 0;
  float: right;
  width: 150px;
  background: #ffc;
}

#add #empty /* THIS IS A WORKAROUND TO STOP IT PUSHING THE TITLE TEXT AROUND */ 
{
  margin: 0;
  border: 1px solid #ffc;
}
/*Ask John about this, where used - probably better controlled by controlling width of middle column?*/

#add ul
{
  margin: 0;
	padding: 0;
	list-style-type: none;
}

#add ul li 
{
  background: url(../images/thumbs/thumb_bg_top.gif) no-repeat 0 0; 
  /*margin: 15px 0;*/
	margin: 0 0 10px 0;
}

#add ul li p
{
  margin-left: 4px;
  padding: 4px 4px 8px;
  display: block;
  width: 135px;
  font-size: 11px;
  line-height: 13px;
  color: #633;
  border-bottom: 1px solid #999;
}

#add ul li a 
{
  color: #633;
  text-decoration: underline;
  line-height: 13px;
}

#add ul li a:active
{
  background-image: none;
  color: #333;
}

#add ul li a:hover { color: #f33; }

#add ul li img
{
  margin: 4px 5px 0;
  padding: 0;
}

#add ul li .thumbicon
{
  margin: 0;
  padding: 0 5px 0 0;
  float: left;
	width: 11px;
  height: 11px;
}

.thumbfooter
{
  margin: 0;
  padding: 0;
  width: 150px;
  background: #ffc url(../images/thumbs/thumb_bg_bot.gif) no-repeat 0 0;
  height: 8px;
}

/*---- THEME THUMB SPECIFIC -----*/ /*Not entirely sure what the differences were, but I feel they should be treated the same, and the background colour issue needs to be dealt with differently*/

#theme #add
{
  /*margin-top: 15px;
  padding: 15px 0 12px 12px;
  float: right;
  width: 160px;*/
  background: #ccf;
}

#theme #add ul li
{
  background: #ccf url(../images/thumbs/themethumb_bg_top.gif) no-repeat 0 0;
  /*margin: 15px 0;*/
}

/*#theme #add ul li p
{
  margin-left: 8px;
  padding: 4px 0 4px 0;
  display: block;
  width: 130px;
  font-size: 11px;
  line-height: 13px;
  color: #633;
}

#theme #add ul li a
{
  color: #633;
  background: #fff;
  text-decoration: underline;
  line-height: 13px;
}

#theme #add ul li a:active
{
   background-image: none;
	 color: #333;
}

#theme #add ul li a:hover { color: #f33; }

#theme #add ul li img
{
  margin: 4px 5px 0;
  padding: 0;
}

#theme #add ul li.thumbicon
{
  margin: 0;
  padding: 0 5px 0 0;
  float: left;
}*/

.themethumbfooter 
{
  /*margin: 0;
  padding: 0;
  width: 150px;*/
  background: #ccf url(../images/thumbs/themethumb_bg_bot.gif) no-repeat 0 0;
  /*height: 10px;*/
}

/*---- SOURCE SPECIFIC -----*/ /*John, what is this?*/

#entrysource
{
margin: 0 0 15px 245px;
padding: 15px 0 0 15px;
background-color: #ffc;
width: 500px;
}

.entrysourcecontent
{
padding: 0;
font-size: 13px;
line-height: 16px;
color: #336;
}

#entrysource h2
{
padding: 0px 0px 10px 0px;
font-size: 15px;
line-height: 20px;
border-bottom: 1px dotted #336;
color: #663;

}

.entrysourcecontent dt
{
padding: 10px 0px 10px;
font-weight: bold;

/*border: 1px solid blue;*/
}

.entrysourcecontent img
{
padding: 0 0 5px 20px;
}

.entrysourcecontent p
{
padding-bottom: 5px;
}

.entrysourcecontent a
{
padding-bottom: 20px;
border-bottom: 1px dotted #996;
}

#dobject li, #arc li, #pub li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/*---- FOOTER -----*/

#footer
{
  padding: 40px 0 0 20px;
  clear: both;
  /*width: 100%;*/
  height: 170px;
  background: url(../images/footer_shad.gif) repeat-x #fff;
	margin: 0;
}

#footer ul
{
  padding: 0;
  margin: 0;
}

#footernav li
{
  display: inline;
  padding: 0 6px 0 10px;
  font-size: 10pt;
  text-align: center;
  border-left: 2px solid #036;
	list-style-type: none;
}
/*John, pixels used elsewhere, why pt here?*/

#footernav a
{
  color: #336;
  background: #fff;
  line-height: 12px;
  text-decoration: none;
}

#footernav a:hover
{
  color: #003;
  text-decoration: underline;
}

#footernav a:active { color: #600; }

#footernav .first
{
  padding: 0 6px 0 0;
  border-left: none;
}

#footertext
{
  float: left;
  padding: 10px 0;
  font-size: 11px;
  line-height: 13px;
  color: #666;
  background-color: #fff;
	width: 400px;
}

#home #footertext
{
  width: 275px;
	padding-top: 2em;
}

#home #partnerlogos
{
  padding-top: 1em;
}

#footertext p a.extlink
{
  white-space: normal;
  padding-left: 0;
  background: none;
}

#partnerlogos
{
  float: right;
  background-color: #fff;
}

#partnerlogos a
{
  background: none;
	padding: 0 10px;
}

/*-------BUG FIXES-------*/
.pagetype /*will be unnecessary if dealt with in HTMLADDITIONAL in the future*/
{
	display: none;
}

/*-------HELP PAGE-------*/
#help #entrytext h2
{
  /*margin-bottom: 1em;*/
}

#help #entrytext h3
{
  margin-top: 1em;
}

/*-------ABOUT PAGE-------*/

#about dl.credit-list, #about dl.credit-logos
{
  padding: 0 0 10px;
}

.credit-list dt
{
  margin: 2px 0;
	padding: 0;
  font-style: italic;
  color: #663;
  float: left;
	width: 170px;
}

.credit-list dd
{
  margin: 0;
  padding: 2px 0 4px 180px;
	border-bottom: 1px dotted #cc9;
}

.credit-logos dt
{
  margin: 2px 0;
	padding: 0 0 4px 0;
  font-style: italic;
  color: #663;
}

.credit-logos dd
{
  margin: 0;
  padding: 2px 0 4px 0;
	border-bottom: 1px dotted #cc9;
}

#about .credit-list dd p
{
  margin: 0;
  padding: 0;
}

.credit-logos dd img
{
  margin: 0 2px;
  padding: 4px;
  background-color: white;
}


/*-------EDUCATION PAGE-------*/

#education dl.eduresource-list
{
  padding: 10px 5px;
}

#primary .eduresource-list
{
  background-color: #ccf;
  border: 1px solid #339;
}

#secondary .eduresource-list
{
  background-color: #cfc;
  border: 1px solid #696;
}


.eduresource-list dt
{
  margin: 2px 0;
  padding: 0;
  font-style: italic;
  color: #066;
  float: left;
}

.eduresource-list dd
{
  margin: 0;
  padding: 2px 0 4px 160px;
  border-bottom: 1px dotted #999;
}

.eduresource-title
{
  font-weight: bold;
}

/*-------SIMPLE SEARCH-------*/
#search .simplesearch-results .document .title a
{
  font-size: 12px;
	color: #003366;
}

#search .simplesearch-results .document .url a
{
  color: #990000;
}