@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0; outline: 0 }

body {
	font: 12px Verdana, Geneva, sans-serif;
	background: #2f0103;
	padding: 0; margin: 0; outline: 0
}


/*ELEMENTS
--------------------------------------------------*/
a { text-decoration: none; }

img { border: 0 }


/*SKELETON (Webpage Main Divs)
--------------------------------------------------*/
#header {
	width: 100%; height: 9px;
	background: #962423 url(images/bg-header.jpg) center no-repeat;
	border-bottom: 1px solid #FFFFFF;
}

#subheader {
	width: 100%;
	background: url(images/bg-subheader.jpg) top repeat-x
}

#navigation {
	width: 980px; height: 30px;
	background: url(images/bg-breadcrumbs.jpg) center top no-repeat;
	margin: 0 auto
}

.browse {
	width: 80px; height: 30px;
	background: url(images/bg-browse.jpg);
	position: relative; left: 13px; top: -10px;
	float: left
}

.browse:hover {
	background-position: bottom
}

#middle {
	width: 100%;
	background: #FFFFFF
}

#container {
	width: 980px;
	background: url(images/bg-container.jpg);
	margin: 0 auto
}

#container-bottom {
	width: 100%; height: 11px;
	font-size: 0;
	line-height: 0;
	background: url(images/bg-container-bottom.jpg) center top no-repeat
}

#footer {
	font-size: 12px;
	width: 100%;
	background: url(images/bg-footer.jpg) top repeat-x
}
#footer-content {
	width: 719px; height: 50px;
	background: url(images/bg-footer-shadow.jpg) center top no-repeat;
	padding: 6px 264px 0 23px; margin: 0 auto
}

#footer a {
	font-size: 10px;
	font-weight: bold;
	color: #f59523
}
#footer a:visited { color: #bf2f30 }
#footer a:hover { color: #FFFFFF }
#footer a:active { color: #FFFFFF }

#footer ul { list-style: none }
#footer li {
	background: url(images/bg-footer-bullet.jpg) 7px 6px no-repeat;
	padding: 0px 0px 0px 20px;
	float: left
}

#footer .no-bullet { background: none }

#footer-left-col { float: left }
#footer-right-col { float: right }


/*BREADCRUMBS
--------------------------------------------------*/
#breadcrumbs {
	position: relative;
	left: 18px;
}
.breadcrumb {
	float: left;
	margin: 7px 8px 0 0;
}
.nav-annotation   { background: url(images/16x16/icon16-annotation.gif) no-repeat }
.nav-artefact     { background: url(images/16x16/icon16-artefact.gif) no-repeat }
.nav-audio        { background: url(images/16x16/icon16-audio.gif) no-repeat }
.nav-building     { background: url(images/16x16/icon16-building.gif) no-repeat }
.nav-contributor  { background: url(images/16x16/icon16-contributor.gif) no-repeat }
.nav-entry        { background: url(images/16x16/icon16-entry.gif) no-repeat }
.nav-event        { background: url(images/16x16/icon16-event.gif) no-repeat }
.nav-image        { background: url(images/16x16/icon16-image.gif) no-repeat }
.nav-link         { background: url(images/16x16/icon16-link.gif) no-repeat }
.nav-map          { background: url(images/16x16/icon16-map.gif) no-repeat }
.nav-natural      { background: url(images/16x16/icon16-natural.gif) no-repeat }
.nav-organisation { background: url(images/16x16/icon16-organisation.gif) no-repeat }
.nav-person       { background: url(images/16x16/icon16-person.gif) no-repeat }
.nav-place        { background: url(images/16x16/icon16-place.gif) no-repeat }
.nav-reference    { background: url(images/16x16/icon16-reference.gif) no-repeat }
.nav-role         { background: url(images/16x16/icon16-role.gif) no-repeat }
.nav-search       { background: url(images/16x16/icon16-search.gif) no-repeat }
.nav-structure    { background: url(images/16x16/icon16-structure.gif) no-repeat }
.nav-term         { background: url(images/16x16/icon16-term.gif) no-repeat }
.nav-video        { background: url(images/16x16/icon16-video.gif) no-repeat }

.breadcrumb .search-term {
	display: none;
}



/*SIDE BAR (Right Column)
--------------------------------------------------*/
#right-col {
	width: 218px;
	color: #FFFFFF;
	background: url(images/bg-rightcol.jpg) top no-repeat;
	padding: 0 20px 70px 0px;
	float: right
}

#right-col ul { list-style: none }

#right-col li a {
	color: #f79219;
}

#right-col li a:visited { color: #bf2f30 }
#right-col li a:hover { color: #FFFFFF }
#right-col li a:active { color: #FFFFFF }

#right-col .extra {
	border-top: 1px solid #705454
}

.logo { position: relative; left: 20px; top: -20px }

#search {
	height: 14px; width: 143px;
	font: 9px Verdana, Geneva, sans-serif;
	background: none;
	border: 0px;
	position: relative; left: 19px; top: 17px
}

#search-bar {
	width: 198px; height: 45px;
	background: url(images/bg-search-bar.jpg);
	position: relative; left: 20px; top: -20px
}
#search-bar.active {
	background-position: bottom
}
#search-submit {
	width: 24px; height: 25px;
	position: relative; left: 165px; top: -4px;
	cursor: pointer
}

#searchbox {
	padding-bottom: 20px
}
#bigsearch {
	margin-right: 10px
}


/*CHAPTERS
--------------------------------------------------*/
#chapters {
	padding: 0 9px 0 0px; margin: 0px 0px 7px 0px;
}
#chapters ul { padding: 7px 0 6px 0 }
#chapters-top { height: 15px; background: url(images/bg-chapters-top.jpg) }
#chapters-middle { width: 168px; background: url(images/bg-chapters-middle.jpg); padding: 13px 21px 3px 29px }
#chapters-bottom { height: 15px; background: url(images/bg-chapters-bottom.jpg) }

#chapters h3 {
	height: 24px;
	font: 14px Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #705454;
	border-bottom: 1px solid #705454
}

#chapters li {
	background: url(images/bg-bullet.jpg) 11px 6px no-repeat;
	padding: 0 0 0 20px
}
#chapters li.selected a {
	color: #ffffff
}


/*INSTRUCTIONS
--------------------------------------------------*/
#instructions {
	width: 181px;
	font: 9px/12px Verdana, Geneva, sans-serif;
	padding: 0 16px 0 27px
}

#instructions h3 {
	height: 30px;
	font: 14px Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

#instructions h4 {
	height: 24px;
	font: 10px Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding: 24px 0 0 0
}

.menu-annotation   { background: url(images/24x24/icon24-annotation.gif) 2px 10px no-repeat }
.menu-artefact     { background: url(images/24x24/icon24-artefact.gif) 2px 10px no-repeat }
.menu-audio        { background: url(images/24x24/icon24-audio.gif) 2px 10px no-repeat }
.menu-building     { background: url(images/24x24/icon24-building.gif) 2px 10px no-repeat }
.menu-contributor  { background: url(images/24x24/icon24-contributor.gif) 2px 10px no-repeat }
.menu-entry        { background: url(images/24x24/icon24-entry.gif) 2px 10px no-repeat }
.menu-event        { background: url(images/24x24/icon24-event.gif) 2px 10px no-repeat }
.menu-image        { background: url(images/24x24/icon24-image.gif) 2px 10px no-repeat }
.menu-link         { background: url(images/24x24/icon24-link.gif) 2px 10px no-repeat }
.menu-map          { background: url(images/24x24/icon24-map.gif) 2px 10px no-repeat }
.menu-natural      { background: url(images/24x24/icon24-natural.gif) 2px 10px no-repeat }
.menu-organisation { background: url(images/24x24/icon24-organisation.gif) 2px 10px no-repeat }
.menu-person       { background: url(images/24x24/icon24-person.gif) 2px 10px no-repeat }
.menu-place        { background: url(images/24x24/icon24-place.gif) 2px 10px no-repeat }
.menu-reference    { background: url(images/24x24/icon24-reference.gif) 2px 10px no-repeat }
.menu-role         { background: url(images/24x24/icon24-role.gif) 2px 10px no-repeat }
.menu-search       { background: url(images/24x24/icon24-search.gif) 2px 10px no-repeat }
.menu-structure    { background: url(images/24x24/icon24-structure.gif) 2px 10px no-repeat }
.menu-term         { background: url(images/24x24/icon24-term.gif) 2px 10px no-repeat }
.menu-video        { background: url(images/24x24/icon24-video.gif) 2px 10px no-repeat }

/*BROWSE MENU
--------------------------------------------------*/
#browse-connections { padding: 0 7px 0 29px }

#browse-connections h3 {
	height: 24px;
	font: 14px Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #705454;
	border-bottom: 1px solid #705454
}

#browse-connections a {
	font-weight: bold;
	padding: 0 0 0 34px;
	color: #FFFFFF !important
}

#browse-connections ul { padding: 12px 0 0 0 }

#browse-connections li {
	height: 31px;
	padding: 4px 0 0 0
}

.browse-annotation   { background: url(images/24x24/icon24-annotation.gif) 1px 0 no-repeat }
.browse-artefact     { background: url(images/24x24/icon24-artefact.gif) 1px 0 no-repeat }
.browse-audio        { background: url(images/24x24/icon24-audio.gif) 1px 0 no-repeat }
.browse-building     { background: url(images/24x24/icon24-building.gif) 1px 0 no-repeat }
.browse-contributor  { background: url(images/24x24/icon24-contributor.gif) 1px 0 no-repeat }
.browse-entry        { background: url(images/24x24/icon24-entry.gif) 1px 0 no-repeat }
.browse-event        { background: url(images/24x24/icon24-event.gif) 1px 0 no-repeat }
.browse-image        { background: url(images/24x24/icon24-image.gif) 1px 0 no-repeat }
.browse-link         { background: url(images/24x24/icon24-link.gif) 1px 0 no-repeat }
.browse-map          { background: url(images/24x24/icon24-map.gif) 1px 0 no-repeat }
.browse-natural      { background: url(images/24x24/icon24-natural.gif) 1px 0 no-repeat }
.browse-organisation { background: url(images/24x24/icon24-organisation.gif) 1px 0 no-repeat }
.browse-person       { background: url(images/24x24/icon24-person.gif) 1px 0 no-repeat }
.browse-place        { background: url(images/24x24/icon24-place.gif) 1px 0 no-repeat }
.browse-reference    { background: url(images/24x24/icon24-reference.gif) 1px 0 no-repeat }
.browse-role         { background: url(images/24x24/icon24-role.gif) 1px 0 no-repeat }
.browse-search       { background: url(images/24x24/icon24-search.gif) 1px 0 no-repeat }
.browse-structure    { background: url(images/24x24/icon24-structure.gif) 1px 0 no-repeat }
.browse-term         { background: url(images/24x24/icon24-term.gif) 1px 0 no-repeat }
.browse-video        { background: url(images/24x24/icon24-video.gif) 1px 0 no-repeat }


/*CONTENT (Left Column)
--------------------------------------------------*/
#left-col {
	width: 701px;
	background: url(images/bg-leftcol.jpg) top no-repeat;
	padding: 21px 12px 0 29px;
	float: left
}

#heading {
	width: 600px; height: 77px;
	padding: 21px 0 0 100px;
}

#heading h1 {
	font: 18px Verdana, Geneva, sans-serif;
	font-weight: bold;
}

#heading h1 .light { font-weight: normal !important }

#heading #title {
	width: 400px;
	float: left
}

#heading #sub-title {
	width: 450px;
	position: relative; left: 0px; top: -2px;
	float: left
}

#heading #extra {
	width: 100px;
	text-align: right;
	position: relative; left: 46px; top: -2px;
	float: left
}

.title-artefact     { background: url(images/80x80/icon80-artefact.jpg) 11px 0px no-repeat }
.title-audio        { background: url(images/80x80/icon80-audio.jpg) 11px 0px no-repeat }
.title-building     { background: url(images/80x80/icon80-building.jpg) 11px 0px no-repeat }
.title-contributor  { background: url(images/80x80/icon80-contributor.jpg) 11px 0px no-repeat }
.title-entry        { background: url(images/80x80/icon80-entry.jpg) 11px 0px no-repeat }
.title-event        { background: url(images/80x80/icon80-event.jpg) 11px 0px no-repeat }
.title-image        { background: url(images/80x80/icon80-image.jpg) 11px 0px no-repeat }
.title-link         { background: url(images/80x80/icon80-link.jpg) 11px 0px no-repeat }
.title-map          { background: url(images/80x80/icon80-map.jpg) 11px 0px no-repeat }
.title-natural      { background: url(images/80x80/icon80-natural.jpg) 11px 0px no-repeat }
.title-organisation { background: url(images/80x80/icon80-organisation.jpg) 11px 0px no-repeat }
.title-person       { background: url(images/80x80/icon80-person.jpg) 11px 0px no-repeat }
.title-place        { background: url(images/80x80/icon80-place.jpg) 11px 0px no-repeat }
.title-reference    { background: url(images/80x80/icon80-reference.jpg) 11px 0px no-repeat }
.title-role         { background: url(images/80x80/icon80-role.jpg) 11px 0px no-repeat }
.title-search       { background: url(images/80x80/icon80-search.jpg) 11px 0px no-repeat }
.title-structure    { background: url(images/80x80/icon80-structure.jpg) 11px 0px no-repeat }
.title-term         { background: url(images/80x80/icon80-term.jpg) 11px 0px no-repeat }
.title-video        { background: url(images/80x80/icon80-video.jpg) 11px 0px no-repeat }


#content { width: 100% }

#content a:hover { text-decoration: underline }

#content .quotes {
	font-size: 10px;
	font-style: italic;
	padding: 4px 39px 5px 42px !important;
	cursor: pointer
}

#content-left-col {
	width: 525px;
	float: left
}

#content-left-col p {
	margin: 0 0 15px 0
}

#content-left-col h2 {
	height: 29px;
	font: 12px Verdana, Geneva, sans-serif;
	font-weight: bold;
}

#content-left-col h2 a { color: #002bff }

#content-right-col {
	width: 150px;
	float: right
}
#content-right-col .annotation-img {
	padding-bottom: 20px;
}
#content-right-col img {
	border: 1px solid #320a0a
}

#pagination {
	width: 100%; height: 23px;
	padding: 12px 0 0 0;
	border-top: 1px solid #bfbfbf;
}

#previous {
	float: left
}

#next {
	text-align: right;
	float: right
}

/*LIST LAYOUT
--------------------------------------------------*/
.list-left-col {
	width: 50px;
	padding: 40px 0 0 0; margin: 0 0 25px 0;
	float: left
}

.list-right-col {
	width: 630px;
	padding: 0 0 0 20px; margin: 0 0 25px 0;
	border-left: 1px solid #cac4c6;
	float: right
}

.list-right-col-heading {
	width: 100%; height: 43px
}

.list-right-col-heading h2 {
	font: 12px Verdana, Geneva, sans-serif;
	font-weight: bold
}

.list-right-col-heading h2 a { color: #002bff }

.list-right-col-heading .contributor { float: left }
.list-right-col-heading .copyright { float: right }

.list-right-col-content {
	width: 100%
}
.list-right-col-content.margin {
	margin: 0 0 25px 0
}

.list-right-col-browse {
}

.list-right-col-browse h2 {
	height: 30px;
	font: 14px Verdana, Geneva, sans-serif;
	font-weight: bold;
}

.list-right-col-browse ul { list-style: none; margin: 0 0 14px 0 }

.list-right-col-browse li {
	background: url(images/bg-content-bullet.jpg) 1px 6px no-repeat;
	padding: 0 0 0 10px
}

.list-right-col-audio {
}

.list-right-col-audio img {
	border: 1px solid #320a0a;
	margin: 0px 11px 0px 0px
}

#browse-type-index, #browse-alpha-index, #browse-licence-index {
	list-style: none;
	margin: 0 0 20px 0
}
#browse-type-index li, #browse-alpha-index li, #browse-licence-index li {
	float: left;
	background: url(images/bg-content-bullet.jpg) 1px 6px no-repeat;
	white-space: nowrap;
	padding: 0 0 0 10px;
	margin: 0 10px 0 0
}
li.has-entry a {
	font-weight: bold;
}
#entities-alpha .left, #entities-content .left {
	float: left;
	width: 400px
}
#entities-alpha .right, #entities-content .right {
	float: right;
	width: 219px
}

#entities-content h2 {
	display: none
}

li.shade {
	background-color: #eeeeee
}

a.selected {
	font-weight: bold
}

#loading {
	text-align: center
}


.list-artefact     { background: url(images/40x40/icon40-artefact.jpg) 0 0 no-repeat }
.list-audio        { background: url(images/40x40/icon40-audio.jpg) 0 0 no-repeat }
.list-building     { background: url(images/40x40/icon40-building.jpg) 0 0 no-repeat }
.list-contributor  { background: url(images/40x40/icon40-contributor.jpg) 0 0 no-repeat }
.list-entry        { background: url(images/40x40/icon40-entry.jpg) 0 0 no-repeat }
.list-event        { background: url(images/40x40/icon40-event.jpg) 0 0 no-repeat }
.list-image        { background: url(images/40x40/icon40-image.jpg) 0 0 no-repeat }
.list-link         { background: url(images/40x40/icon40-link.jpg) 0 0 no-repeat }
.list-map          { background: url(images/40x40/icon40-map.jpg) 0 0 no-repeat }
.list-natural      { background: url(images/40x40/icon40-natural.jpg) 0 0 no-repeat }
.list-organisation { background: url(images/40x40/icon40-organisation.jpg) 0 0 no-repeat }
.list-person       { background: url(images/40x40/icon40-person.jpg) 0 0 no-repeat }
.list-place        { background: url(images/40x40/icon40-place.jpg) 0 0 no-repeat }
.list-reference    { background: url(images/40x40/icon40-reference.jpg) 0 0 no-repeat }
.list-role         { background: url(images/40x40/icon40-role.jpg) 0 0 no-repeat }
.list-search       { background: url(images/40x40/icon40-search.jpg) 0 0 no-repeat }
.list-structure    { background: url(images/40x40/icon40-structure.jpg) 0 0 no-repeat }
.list-term         { background: url(images/40x40/icon40-term.jpg) 0 0 no-repeat }
.list-video        { background: url(images/40x40/icon40-video.jpg) 0 0 no-repeat }

#resource img.resource-image {
	border: 1px solid #320a0a;
	margin: 0px 0px 17px 0px
}
#resource #media {
	margin: 0px 0px 17px 0px
}

#resource ul { list-style: none; margin: 0 0 20px 0 }

#resource li {
	background: url(images/bg-content-bullet.jpg) 0px 6px no-repeat;
	padding: 0 0 0 10px
}

p.attribution {
	margin: 0 0 10px 0
}

p.license {
	margin: 0 0 10px 0
}

#subject-list p {
	margin: 0 0 20px
}
#subject-list h2 {
	height: 30px;
	font: 14px Verdana, Geneva, sans-serif;
	font-weight: bold;
}
#subject-list ul { list-style: none; margin: 0 0 14px 0 }

#subject-list li {
	background: url(images/bg-content-bullet.jpg) 1px 6px no-repeat;
	padding: 0 0 0 10px
}

/*BLOCK LAYOUT
--------------------------------------------------*/
#block-heading {
	width: 700px;
	margin: 0 0 23px 0;
}

#block-heading p, .block-content p {
	margin: 0 0 14px 0
}

#banner-attribution {
	font-size: 10px;
	text-align: right;
	margin: 0 0 24px 0
}

#block-heading h1 {
	height: 34px;
	font: 18px Verdana, Geneva, sans-serif;
	font-weight: bold;
}

.block-content {
	padding: 19px 0 0 0; margin: 0 0 23px 0;
	border-top: 1px solid #ccc2c2;
}

#block-heading h2, .block-content h2 {
	height: 29px;
	font: 12px Verdana, Geneva, sans-serif;
	font-weight: bold;
}

/*FORM LAYOUT
--------------------------------------------------*/
#form-heading {
	width: 700px;
	margin: 0 0 23px 0;
}

#form-left-col {
	width: 335px;
	float: left
}

#form-left-col h1 {
	height: 34px;
	font: 18px Verdana, Geneva, sans-serif;
	font-weight: bold;
}

#form-left-col p {
	margin: 0 0 14px 0
}

#form-left-col ul {
	padding: 0 0 14px 14px
}
#form-left-col li {
	margin-bottom: 10px
}

#form-right-col {
	width: 318px;
	color: #320a0a;
	background: #e5deda;
	padding: 16px 20px 21px 19px;
	border: 1px solid #320a0a;
	float: right
}

#form-right-col p { height: 43px }

#form-right-col div.form-row { height: 29px }

#form-right-col label {
	width: 50px;
	float: left
}

#form-right-col input {
	width: 230px;
	font: 10px Verdana, Geneva, sans-serif;
	float: right
}

#form-right-col textarea {
	width: 230px; height: 70px;
	font: 10px Verdana, Geneva, sans-serif;
	float: right
}

#form-right-col .div-message { height: 86px !important }

#form-right-col #upload { width: 132px }

#form-right-col #upload-button {
	width: 72px; height: 17px;
	font-size: 0;
	background: url(images/bg-upload.jpg);
	border: 0;
	margin: 0 0 0 4px;
	float: right;
	cursor: pointer
}

#form-right-col #security { width: 132px }

#form-right-col img { padding: 0 0 0 8px; float: right }

#form-right-col .send { padding: 20px 0 0 127px }

#form-right-col .send input {
	width: 63px; height: 28px;
	font-size: 0;
	background: url(images/bg-send.jpg);
	border: 0;
	float: left;
	cursor: pointer
}


/*HOME LAYOUT
--------------------------------------------------*/
#home-heading { }

#home-heading img {
	margin: 0 0 20px 0;
	border: 1px solid #FFFFFF
}

#home-heading h1 {
	height: 38px;
	font: 18px Verdana, Geneva, sans-serif;
}

.teaser {
	width: 158px;
	margin: 0 20px 0 0;
	float: left
}

.teaser p { margin: 0 0 15px 0 }

.teaser img {
	margin: 0 0 7px 0;
	border: 1px solid #320a0a;
}

.teaser h2 {
	height: 28px;
	font: 12px Verdana, Geneva, sans-serif;
	font-weight: bold
}

.teaser-end {
	margin: 0
}


/*ENTITY LAYOUT
--------------------------------------------------*/
.entity-content p { margin: 0 0 20px 0 }

img.entity-picture {
	float: left;
	margin: 0 8px 8px 0;
	border: 1px solid #320a0a
}

.entity-information {
	background: #e6deda;
	padding: 7px 22px 7px 19px; margin: 10px 0 0 0;
	border: 1px solid #320a0a;
}

.entity-information-heading { font-weight: bold }
.entity-information-col01 { margin: 4px 20px 0 20px; float: left; width: 110px }
.entity-information-col02 { margin: 4px 10px 0 0; float: left; width: 240px }
.entity-information-col03 { margin: 4px 0 0 0; float: left; text-align: right; width: 82px }
.entity-information-col04 { margin: 4px 6px 0; float: left }
.entity-information-col05 { margin: 4px 0 0 0; float: left; width: 82px }
.entity-information-col01-02 { margin: 4px 20px 0 20px; float: left; width: 360px }

.entity-thumbnail div {
	width: 150px;
	margin: 0 10px 0 0;
	text-align: center; /* REALLY? */
	float: left
}
.entity-thumbnail div.no-right-margin {
	margin-right: 0
}
.entity-thumbnail div.top-margin {
	margin-top: 10px
}
.entity-thumbnail img {
	border: 1px solid #320a0a;
	float: left
}

/*MISCELLANEOUS
--------------------------------------------------*/
.clearfix {
	height: 0px;
	line-height: 0;
	clear: both
}


/*ACCORDION (Connections)
--------------------------------------------------*/
#connections { padding: 0 9px 0 29px }

#connections h3 {
	height: 24px;
	font: 14px Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #705454;
	border-bottom: 1px solid #705454
}

#connections ul {
	padding: 0 0 11px 0;
	border-bottom: 1px solid #705454
}

#connections li {
	background: url(images/bg-bullet.jpg) 11px 6px no-repeat;
	padding: 0 0 0 20px
}

#connections div.closed.menu {
	background: url(images/bg-menu-bullet.gif) 0px 180px;
}

#connections div.closed.menu:hover {
	background: url(images/bg-menu-bullet.gif) 0px 90px;
}


.menu {
	background: url(images/bg-menu-bullet.gif) 0px 135px;
	cursor: pointer
}

.menu:hover {
	background: url(images/bg-menu-bullet.gif) 0px 45px;
}

.menu h4 {
	height: 32px;
	font: 13px Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FFFFFF !important;
	padding: 13px 0 0 35px;
}


/*BREADCRUMBS
--------------------------------------------------*/
.jcarousel-container {
	float: left
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-skin-tango li { list-style: none; float: left }

.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 588px; height: 16px;
	position: relative; left: 43px; top: 7px;
	float: left;
}

.jcarousel-skin-tango .jcarousel-item {
	margin: 0 0 0 5px
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
	width: 12px; height: 12px;
	background: url(images/img-next.jpg) left top no-repeat;
	position: absolute; left: 593px; top: 2px;
	cursor: pointer;
}


.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: bottom;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: bottom;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
	width: 12px; height: 12px;
	background: url(images/img-prev.jpg) left top no-repeat;
	position: absolute; left: -13px; top: 2px;
	cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: bottom;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: bottom;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


/*BALLOON TOOLTIP
--------------------------------------------------*/
.balloon-close {
	position: absolute; left: 374px; top: 60px; display: none
}

.balloon-container {
	width: 436px;
	font: 12px Verdana, Geneva, sans-serif;
}

.balloon-top { height: 25px; background: url(images/bg-balloon-top.png) no-repeat }
.balloon-middle {
	background: url(images/bg-balloon-middle.png);
	padding: 0 40px 15px 36px
}
.balloon-bottom { height: 25px; background: url(images/bg-balloon-bottom.png) no-repeat }

.balloon-heading {
	padding: 20px 0 20px 52px;
}

.balloon-heading h2 {
	font: 12px Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #320a0a;
}

.balloon-content {}
.balloon-content img.thumbnail {
	float: left;
	margin: 0 15px 0 0;
	border: 1px solid #2f0103
}

.balloon-content a:hover {
	text-decoration: underline
}

.map-balloon {
	max-width: 300px;
}

.fallback {
	display: none;
}

.preview {
	display: none;
	position: absolute;
	z-index: 10000;
}

.balloon-artefact     { background: url(images/40x40/icon40-artefact.jpg) 0 11px no-repeat }
.balloon-audio        { background: url(images/40x40/icon40-audio.jpg) 0 11px no-repeat }
.balloon-building     { background: url(images/40x40/icon40-building.jpg) 0 11px no-repeat }
.balloon-contributor  { background: url(images/40x40/icon40-contributor.jpg) 0 11px no-repeat }
.balloon-entry        { background: url(images/40x40/icon40-entry.jpg) 0 11px no-repeat }
.balloon-event        { background: url(images/40x40/icon40-event.jpg) 0 11px no-repeat }
.balloon-image        { background: url(images/40x40/icon40-image.jpg) 0 11px no-repeat }
.balloon-link         { background: url(images/40x40/icon40-link.jpg) 0 11px no-repeat }
.balloon-map          { background: url(images/40x40/icon40-map.jpg) 0 11px no-repeat }
.balloon-natural      { background: url(images/40x40/icon40-natural.jpg) 0 11px no-repeat }
.balloon-organisation { background: url(images/40x40/icon40-organisation.jpg) 0 11px no-repeat }
.balloon-person       { background: url(images/40x40/icon40-person.jpg) 0 11px no-repeat }
.balloon-place        { background: url(images/40x40/icon40-place.jpg) 0 11px no-repeat }
.balloon-reference    { background: url(images/40x40/icon40-reference.jpg) 0 11px no-repeat }
.balloon-role         { background: url(images/40x40/icon40-role.jpg) 0 11px no-repeat }
.balloon-search       { background: url(images/40x40/icon40-search.jpg) 0 11px no-repeat }
.balloon-structure    { background: url(images/40x40/icon40-structure.jpg) 0 11px no-repeat }
.balloon-term         { background: url(images/40x40/icon40-term.jpg) 0 11px no-repeat }
.balloon-video        { background: url(images/40x40/icon40-video.jpg) 0 11px no-repeat }


.picbox-container {
	font: 12px Verdana, Geneva, sans-serif;
}

.picbox-close {
	float: right;
	padding-bottom: 5px;
	font-weight: bold
}
.picbox-close a {
	color: #000000
}

.picbox-image { text-align: center; padding: 5px 0 5px 0 }

.picbox-image img { border: 1px solid #705454 }

.picbox-heading {
	height: 44px;
	padding: 14px 0 0 52px;
}

.picbox-heading h2 {
	height: 14px;
	font: 12px Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #320a0a;
}

.picbox-contribute-by {
	height: 15px
}

.picbox-content p {
	padding: 5px 0;
}
.picbox-content a:hover {
	text-decoration: underline
}

.picbox-flash { padding: 16px 0 5px 2px }

#audio {
	width: 358px;
	height: 87px;
}
#video {
	width: 424px;
	height: 346px;
}


#map {
	margin-bottom: 8px;
	overflow: hidden;
	border: 1px solid #320a0a;
}
#map.image {
	height: 512px;
	margin-bottom: 17px;
}
#map.full {
	height: 400px;
}
#map.entity-map {
	height: 180px;
}
#map.hide {
	display: none;
}
.map-description {
	margin-bottom: 20px;
}

#timeline {
	border: 1px solid #320a0a;
}
#timeline-zoom {
	position: absolute;
	margin-top: 4px;
	margin-left: 5px;
	z-index: 2000;
}
#timeline-zoom div {
	cursor: pointer;
	margin-top: 1px;
}
#timeline.hide, #timeline-zoom.hide {
	position: absolute;
	visibility: hidden;
}
#timeline.entity-timeline .timeline-event-icon,
#timeline.entity-timeline .timeline-event-label,
#timeline.entity-timeline .timeline-event-tape {
	cursor: default;
}
#timeline .timeline-band-0 .timeline-ether-bg {
	background-color: #e6deda;
}

#entry-page-controls-top, #entry-page-controls-bottom {
	text-align: right;
}
#yui-history-iframe {
	position: absolute;
	top: 0; left: 0;
	width: 1px; height: 1px;
	visibility: hidden;
}

/* TEI styles */

.DoSAuthor {
	display: none;
}
p.DoSBlockquote {
	padding: 0 50px;
}
span.italics {
	font-style: italic;
}
span.bold {
	font-weight: bold;
}
#content-left-col p.DoSTablecharttitle {
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0;
}
#tei th, #tei td {
	text-align: left;
	padding-right: 10px;
}
p.DoSTablechartsource {
	font-size: 9px;
}
a.annotation.hide {
	cursor: auto;
}
#content a.annotation.hide:hover {
	text-decoration: none;
}
a.highlighted {
	background-color: yellow;
}
#content a.footnote:hover {
	text-decoration: none;
}
#tei .footnote-content {
	font-size: 80%;
	padding-left: 20px;
	margin-bottom: 5px;
}


/* Alternative font sizes */
body.fontSize-1,
body.fontSize-1 .picbox-container,
body.fontSize-1 h2 { font-size: 10px !important }
body.fontSize-1 h4 { font-size: 11px !important }
body.fontSize-1 h3 { font-size: 12px !important }
body.fontSize-1 h1 { font-size: 16px !important }

body.fontSize1,
body.fontSize1 .picbox-container,
body.fontSize1 h2 { font-size: 14px !important }
body.fontSize1 h4 { font-size: 15px !important }
body.fontSize1 h3 { font-size: 16px !important }
body.fontSize1 h1 { font-size: 20px !important }

body.fontSize2,
body.fontSize2 .picbox-container,
body.fontSize2 h2 { font-size: 16px !important }
body.fontSize2 h4 { font-size: 17px !important }
body.fontSize2 h3 { font-size: 18px !important }
body.fontSize2 h1 { font-size: 22px !important }

body.fontSize3,
body.fontSize3 .picbox-container,
body.fontSize3 h2 { font-size: 20px !important }
body.fontSize3 h4 { font-size: 21px !important }
body.fontSize3 h3 { font-size: 22px !important }
body.fontSize3 h1 { font-size: 26px !important }