/*---- GENERAL RULES -----*/

html
{
  height: 100%;
  margin-bottom: 1px;
}

body
{
  margin: 0;
  padding: 0;
  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: 120px;
  background: url(../images/emelb_banner.jpg) repeat-x 0 0;
  margin: 0;
  padding: 0;
}

/*---- SITE NAVIGATION -----*/

ul#sitenav
{
  margin: 0 0 0 265px;
  padding: 100px 0 0 0;
  height: 16px;
  font-size: 10px !important;
  text-align: center;
  text-transform: lowercase;
}

ul#sitenav li
{
  display: block;
  float: left;
  padding: 0 10px;
  border-right: 1px solid #366;
  list-style-type: none;
}

#sitenav .last { border-right: none; }

#sitenav a
{
  text-decoration: none;
  letter-spacing: 0.2em;
  line-height: 12px;
  color: #066;
  float: left;
}

#sitenav a:hover
{
  text-decoration: underline;
  color: #333;
}

#sitenav a:active
{
  color: #ff0;
  background: none;
}

#quicksearch
{
  position: relative;
  float: right;
  margin: -112px 0;
  padding-right: 5px;
  font-size: 10px;
}

#quicksearch input
{
  padding: 1px 0 1px 4px;
  font-size: 12px;
}

#quicksearch #submit  
{
  padding: 0 2px;
}

/*---- CONTENT -----*/

#contentcontainer1
{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	position: relative;
	overflow: visible;
}

#dobject ul.pagemenu, #arc ul.pagemenu, #pub ul.pagemenu
{
	position: absolute;
	left: -5000px;
	width: 4000px;
}

/*---- CONTENT PRIMARY NAVIGATION -----*/

#contentnav
{
  margin: 0;
  padding: 0;
  float: left;
  width: 251px;
  display: inline;
}


#contentnav p
{
  font-size: 11px;
	letter-spacing: 0.1em;
  text-align: left;
  top: 20px;
  left: 0;
  color: #333366;
  margin: 30px 10px 10px 10px;
  padding: 0;
}

/* prinav coding moved to emelb-notIEmac.css */

/*---- CONTENT SECONDARY NAVIGATION  -----*/

#secnav, #browsenav, #searchnav
{
  font-size: 11px;
	letter-spacing: 0.1em;
  text-align: left;
  top: 20px; /*starts 20 px down*/
  left: 0; /*required for Mac IE*/
  margin: 0 0 0 15px;
  padding: 0;
}

#secnav li, #browsenav li, #searchnav li
{
  float: left;
  font-weight: normal;
  list-style-type: none;
}

#secnav li a, #browsenav li a, #searchnav li a
{
  padding: 4px 0 4px 4px;
  display: block;
  width: 215px;
  color: #966;
  text-decoration: none;
  line-height: 15px;
  border-bottom: 1px dotted #c99;
}

#secnav li a:hover, #browsenav li a:hover, #searchnav li a:hover
{
  color: #900;
  background: #e8e0e0;
  text-decoration: none;
}

#secnav li a:active, #browsenav li a:active, #searchnav li a:active
{
  color: #fff;
  background: #966;
  width: 215px;
  height: 1%; /*needed for firefox?*/
}

#secnav li a:visited, #browsenav li a:visited, #searchnav li a:visited
{
}

#secnav .secnavfirst, #browsenav .secnavfirst, #searchnav .secnavfirst
{
  margin-top: 20px;
}


body.EM00001 #secnav #EM00001 a, body.EM00002 #secnav #EM00002 a, body.EM00003 #secnav #EM00003 a, body.EM00004 #secnav #EM00004 a, body.EM00005 #secnav #EM00005 a, body.EM00006 #secnav #EM00006 a, body.EM00007 #secnav #EM00007 a, body.EM00008 #secnav #EM00008 a, body.EM00009 #secnav #EM00009 a, body.EM00010 #secnav #EM00010 a, body.EM00011 #secnav #EM00011 a, body.EM00012 #secnav #EM00012 a, body.EM00013 #secnav #EM00013 a, body.EM00014 #secnav #EM00014 a, body.EM00015 #secnav #EM00015 a, body.EM00016 #secnav #EM00016 a, body.EM00017 #secnav #EM00017 a, body.EM00018 #secnav #EM00018 a, body.EM00019 #secnav #EM00019 a, body.EM00021 #secnav #EM00021 a, body.EM00022 #secnav #EM00022 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
{
  color: white;
  background-color: #c99;
}

#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;
}

/*--- BROWSE A to Z ---*/

#atozbrowse
{
  padding: 2px;
  float: left;
  width: 570px;
  font-size: 12px;
/*margin: -50px 0 0 275px;*/
/* below JL 080718 after position went wrong */
  position: absolute;
  left: 275px;
  top: 15px;
}

#browse ul.alphabet-list
{
  margin: 0;
	padding: 0;
  font-weight: bold;
  line-height: 28px;
  border-bottom: 1px dotted #c99;
	width: 560px;
}

#browse ul.alphabet-list li
{
	margin: 0;
	list-style-type: none;
	display: inline;
}

#browse ul.alphabet-list li a
{
  padding: 4px 3px 4px 5px;
	text-decoration: none;
  color: #966;
}

#browse ul.alphabet-list li a:hover
{
  color: #900;
  background-color: #e8e0e0;
}

#browse ul.alphabet-list a.current
{
  color: white;
  background: #c99;
}

/*---- ENTRY NAVIGATION -----*/

#entrynav
{
  margin: 0;
  padding: 0;
}

#entrynav ul
{
  margin: -16px 0;
  padding: 4px 5px 0 15px;
  float: right;
  text-transform: lowercase;
  background: url(../images/entrynav_BG.gif) no-repeat;
}

#entrynav ul li
{
  float: left;
  display: inline;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.1em;
  width: 78px;
  list-style-type: none;
}

body#entity #entrynav .entity, #theme #entrynav .entity a
{
  color: #033;
  width: 78px;
}

#entity #entrynav .entity a, #entitydobject #entrynav .entitydobject a
{
  color: #033;
  width: 78px;
}

#entrynav li a
{
  text-decoration: none;
  display: block;
  color: #999;
  width: 78px;
}

#entrynav a:hover, #entrynav a:active
{
  color: #333;
  width: 78px;
}


.entitydobject_nodisplay
{
  position: absolute;
	left: -5000px;
	width: 4000px;
}

/*---- ENTRY TEXT -----*/

#entrytext
{
  margin: 10px 0px 0px 250px;
  padding: 10px 10px 15px 25px;
  height: 1%;
  font-size: 13px;
  border-left: 1px solid #ccc;
  color: #036;
  background-color: #fff;
	}

#entrybodytext
{
  margin: 0 165px 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: 13px;
  letter-spacing: 0.1em;
  line-height: 20px;
  border-bottom: 1px dotted #999;
  color: #066;
}

/*Ailie additions 25 June 2008*/
#browse h2#masthead
{
  position: absolute;
  margin-left: -5000px;
} 
/*end Ailie additions*/

#entrytext #entrybodytext h3
{
margin: 0 0 10px;
padding: 0 0 10px 0;
font-size: 13px;
letter-spacing: 0.1em;
line-height: 20px;
border-bottom: 1px dotted #999;
color: #066;
}

#entrytext #entrybodytext h4
{
  letter-spacing: 0.1em;
}


#entrytext #entrysummary
{
  padding: 0;
}

#entrytext p
{
  margin: 0;
  /*padding: 10px 0 0 0;*/
padding: 5px 0;
  line-height: 16px;
}

#entrytext #entryauthor
{
  font-size: 11px;
  color: #669;
text-transform: uppercase;
}

#entryreferences
{
  margin: 35px 0 25px 0;
  padding: 0;
}

#entryreferences dt
{
  text-transform: uppercase;
  font-weight: bold;
letter-spacing: 0.1em;
color: #066;
}

#entryreferences dd
{
margin: 0;
  padding-top: 15px;
  font-size: 11px;
  line-height: 14px;
  color: #669;
}

#entryreferences a { color: #006; }
#entryreferences a:hover { color: #600; }

/*---- ENTRY TABLE -----*/

#entrytext #entrybodytext caption
{
padding: 10px 0;
font-weight: normal;
font-style: italic;
caption-side: top;
text-align: left;
}

#entrytext #entrybodytext table
{
margin: 0 35px 10px;
border-spacing: 2pt;
}

#entrytext #entrybodytext table th
{
padding: 2px 8px 2px 4px;
font-weight: normal;
text-decoration: underline;
text-align: left;
color: #009;
white-space: nowrap;
}

#entrytext #entrybodytext table td
{
padding: 2px 4px;
color: #66c;
}

/*---- MASTHEAD TEXT -----*/


#entrytext .detaillist
{
font-size: 11px;
line-height: 20px;
color: #036;
}

#entrytext .detaillabel
{
color: #066;
font-style: italic;
width: 120px
}

.detaillist .detaillabel
{
border-top: none;
float: left;
}

.detaillist dd
{
margin: 0;
padding-left: 120px;
border-bottom: 1px dotted #ccc;
}

/*---- SEE ALSO TEXT -----*/

#seealso
{
  width: 310px;
  background: url(../images/seealso_top.gif) no-repeat;
  margin: 10px 0 0 0;
  float: left;
}

#seealso a
{
  font-size: 11px;
  text-decoration: none;
}

#seealso a:hover
{
  text-decoration: underline;
}

#entity #entrytext #seealso h3, #theme #entrytext #seealso h3
{
  margin: 8px 0 5px 15px;
  padding: 0;
  font-size: 13px;
  border-bottom: none;
  text-transform: lowercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #066;
}

#seealso dl
{
  margin: 0;
}


#seealso dt
{
margin-top: 4px;
padding: 2px 6px 2px 15px;
background-color: #F1ECEC;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

.extlink /*Helen, hasn't been addressed in output, or ???*/
{
  white-space: nowrap;
  padding-left: 22px;
  background: url(../images/extlink_icon.gif) no-repeat 0 50%;
}

.moreinfo /*Helen, hasn't been addressed in output, or ???*/
{
  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: 155px;
}

#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: 23px 0;
	padding: 0;
	list-style-type: none;
}

#add ul li 
{
  background: url(../images/thumb_bg.gif) no-repeat 0 100%;
  margin: 0 0 10px 0;
}

#add ul li p
{
  margin-left: 4px;
  padding: 4px 4px 14px;
  display: block;
  width: 130px;
  font-size: 11px;
  line-height: 13px;
  color: #039;
}

#add ul li a 
{
  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: 7px 7px 0;*/
	margin: 7px 7px 4px 7px;
  padding: 0;
}

#add ul li .thumbicon
{
  margin: 0;
  padding: 0 5px 0 0;
  float: left;
	width: 11px;
  height: 11px;
}

#add .extlink
{
	/*position: absolute;
	left: -5000px;
	width: 4000px;*/
	white-space: normal;
  padding-left: 0;
  background: none;
}

.thumbfooter
{
  margin: 0;
  padding: 0;
  width: 155px;
  background: url(../images/thumb_bot.gif) no-repeat 0 0 pink;
  height: 42px;
}

/*---- 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;
}

.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: 10px 0 0 20px;
  clear: both;
  height: 220px;
  background: url(../images/page_edge.gif) repeat-x #fff;
	margin: 0;
}

#footer ul
{
  padding: 0;
  margin: 0;
}

#footernav ul
{
  padding: 0;
  margin: 10px 0;
}

#footernav li
{
  display: inline;
  padding: 0 6px 0 10px;
  font-size: 12px;
  text-align: center;
  border-left: 2px solid #036;
	list-style-type: none;
}
/*John, pixels used elsewhere, why pt here?*/

#footernav a
{
  color: #336;
  line-height: 12px;
  text-decoration: none;
}

#footernav a:hover
{
  color: #003;
  text-decoration: underline;
}

#footernav a:active { color: #600; }

#footernav .first
{
  margin: 0;
  padding: 0 6px 0 0;
  border-left: none;
}

#footertext
{
  margin: 0;
  float: left;
  font-size: 11px;
  line-height: 13px;
  color: #699;
  width: 400px;
}

#home #footertext
{
  width: 275px;
  padding: 0px;
  margin: 0;
  float: left;
  width: 400px;
  font-size: 11px;
  line-height: 13px;
  color: #699;
}

#footertext p a.extlink
{
  white-space: normal;
  padding-left: 0;
  background: none;
}

#partnerlogos
{
  margin: 10px;
  float: right;
}

#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 #entrybodytext img
{
  margin-bottom: 10px;
  border: 1px solid #333;
}

#help #entrytext strong
{
  font-weight: normal;
  color: #699;
}

#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: #066;
  float: left;
  width: 170px;
}

.credit-list dd
{
  margin: 0;
  padding: 2px 0 4px 180px;
  border-bottom: 1px dotted #ccc;
}

.credit-logos dt
{
  margin: 2px 0;
  padding: 0 0 4px 0;
  font-style: italic;
  color: #066;
}

.credit-logos dd
{
  margin: 0;
  padding: 2px 0 4px 0;
  border-bottom: 1px dotted #ccc;
}

#about .credit-list dd p
{
  margin: 0;
  padding: 0;
}

.credit-logos dd img
{
  margin: 0 2px;
  padding: 4px;
  background-color: white;
}