/*
	slavery.css
	James Offer, February 2007 
*/

a{
	color:#960000;
}

body.abolition li.abolition a, body.learn-more li.learn-more a, body.education li.education a, body.research-guides li.research-guides a, body.online-resources li.online-resources a, body.further-reading li.further-reading a{
	color:#c6852b !important;
	padding-right:17px;
	background:url(/slavery/images/arrow-on.gif) center right no-repeat;
}

a:hover, body.abolition li.abolition a:hover, body.learn-more li.learn-more a:hover, body.education li.education a:hover, body.research-guides li.research-guides a:hover, body.online-resources li.online-resources a:hover, body.further-reading li.further-reading a:hover{
	color:#cc0000;
}

a:visited{
	color:#3f1a19; 
}

#wrapper{
	width:100% !important;
	margin:0px !important;
	padding:0px !important;
}

#pagecontent{
	padding:0px !important;
	margin:0px !important;
	width:100% !important;
	line-height: 133%;
}

/* layout */

div#content-header{
	width:100%;
	border-top:1px solid #47250d;
	border-bottom:1px solid #47250d;
	background:url(/slavery/images/bg-header.gif) top center;
	height:107px;
	overflow:hidden;
	margin:6px 0 0 0;
}

div#content-header h1{
	background:url(/slavery/images/bg-header-main.jpg) top center no-repeat;
	height:107px;	
	text-align:center;
}

div#content-header h1 a{
	background:url(/slavery/images/bg-header-text.gif) 174px 0px no-repeat;
	height:107px;	
	width:770px;
	margin:auto;
	display:block;
	text-indent:-1000em;
}

ul#home-menu{
	width:800px;
	margin:auto !important;
	padding:10px 0 0 0 !important;
	list-style:none;
}

ul#home-menu li{
	width:254px;
	height: 170px;
	margin:10px 10px 0 0;
	padding:0 4px 4px 0 !important;
	background:url(/slavery/images/home-panel-bottom.gif) bottom left no-repeat;
	float:left;
	list-style-image:none;
	
}

ul{
	list-style-type:disc;
	list-style-image:url(/slavery/images/arrow-bullet.gif);
}

p.more-info{
	background:url(/slavery/images/arrow-bullet.gif) 4px 5px no-repeat;
	padding-left:18px !important;
}

ul#home-menu li ul{
	padding:5px 0 0 15px !important;
	margin:0;
}

ul#home-menu li li {
	background:none;
	float:none;
	width:auto;
	padding:0;
	margin:0;
}

p.intro-text{
	width:740px;
	margin:auto !important;
	color:#212121;
	clear:both;
	padding:1em 0 2em .5em;
	_padding:0 0 2em .5em;
}

p.intro-text img{
	float:left;
	padding:0 0 30px 0;
}

ul#home-menu li.education, ul#home-menu li.further-reading{
	margin-left:0px !important; 	
	margin-right:0px !important;
}

ul#home-menu li div{
	min-height:11em;
	_height:11em;
	padding:0.9em 15px 0 15px;
	background:url(/slavery/images/home-panel-top.gif) top left no-repeat;
}

/* Added 16-04-08 by Craig, to fix text size issue caused by change from Arial to Verdana */

p.intro-text, li.abolition, li.learn-more, li.education, li.research-guides, li.online-resources, li.further-reading{
	font-size: 1em !important;
}

ul#home-menu li.abolition div, body.abolition div#main-menu-slavery ul{
	background-image:url(/slavery/images/home-panel-top-abolition.gif);
}

ul#home-menu li.learn-more div, body.learn-more div#main-menu-slavery ul{
	background-image:url(/slavery/images/home-panel-top-learn.gif);
}

ul#home-menu li.education div, body.education div#main-menu-slavery ul{
	background-image:url(/slavery/images/home-panel-top-education.gif);
}

ul#home-menu li.research-guides div, body.research-guides div#main-menu-slavery ul{
	background-image:url(/slavery/images/home-panel-top-research.gif);
}

ul#home-menu li.online-resources div, body.online-resources div#main-menu-slavery ul{
	background-image:url(/slavery/images/home-panel-top-online.gif);
}

ul#home-menu li.further-reading div, body.further-reading div#main-menu-slavery ul{
	background-image:url(/slavery/images/home-panel-top-further.gif);
}

ul#home-menu li h2{
	font-size:125%;
	padding:0 !important; 
	margin:0 0 .6em 0 !important;
}

ul#home-menu li h2 a {
	color:#243d53;
	/*background:url(/slavery/images/arrow-off.gif) center right no-repeat;
	padding-right:15px;*/
}

ul#home-menu li h2 a:hover{
	/*background:url(/slavery/images/arrow-on.gif) center right no-repeat;
	padding-right:15px;*/
}

ul#home-menu li p{
	margin:0.7em 0 0 0 !important;
}

div#main-wrapper{
	width:60em;
	margin:10px 0 0 0;
	position:relative;
	padding-bottom:1em;
	float:left;
}

div#main-menu-slavery{
	position:absolute;
	top:0px;
	left: 0px;
	width:254px;
	margin:5px 0 10px 15px;
	background:url(/slavery/images/home-panel-bottom.gif) bottom left no-repeat;

}

div#main-menu-slavery ul{
	font-size:125%;
	font-weight:bold;
	list-style:none;
	list-style-image:none;
	padding:.5em 0em 1em 1.4em;
	margin:0;
	line-height:2.5em;
	background:url(/slavery/images/home-panel-top.gif) top left no-repeat;	
}

div#main-images{
	padding:0em 1.7em 4em 1.4em;
	margin:0;
}

div#main-images div.image{
	background:url(/slavery/images/bg-main-image.jpg) bottom left no-repeat;
	text-align:center;
	margin:0px;
	padding:3em 0 0 0;
	_height:1%; /* corrects weird IE6 behaviour */
	overflow:visible;
}

div#main-images div.image span{
	position:absolute;
	bottom:0px;
	left:0px;
	display:block;
	background:url(/slavery/images/magnify.gif) no-repeat top left;
	width:200px;
	height:18px;
	text-indent:-1000em;
}

div#main-images div.image.second{
	padding:6em 0 0 0;
}

div#main-images img{
	border:1px solid #9aa5b0;
}

div#main-images p{
	font-weight:bold;
	text-align:center;
	color:#262626;
	padding:3px 10px;
	margin:0;
	font-size:90%;
}

div#main-menu-slavery ul li a {
	color:#243d53;
	white-space:nowrap;
}

div#main-menu-slavery ul li a:hover {
	color:#243d53;
}

div#main-content{
	margin:0 0 25px 285px;
	padding:17px 0 0 15px;
	width:36em;
	line-height:1.35em;
	min-height:25em;
	_height:25em;
}

div#main-content ul{
	padding:0;
	margin:0 0 25px 25px;
}

div#main-content ul ul{
	margin:2px 0 5px 25px;
}

div#main-content ul li{
	padding-bottom:.5em;
}

div#main-content h2{
	font-size:125%;
	margin-top:0;
	padding-top:0;
}

div#main-content h2, div#main-content h3, div#main-content h4{
	color:#243d53;
	border-bottom:1px solid #b0b8c0;
	margin-bottom:.6em;
	padding-bottom:.5em;
}

div#main-content.image-display{
	width:100%;
	margin:.5em 0 3em 0;
}

div#main-content.image-display img{
	border:1px solid #47250d;
	margin-left: 15px;
}

div#main-content div.large-image{
	text-align:center;
}

div#main-content.image-display p.back-to-content{
	font-weight:bold;
	background:url(/slavery/images/arrow-bullet-back.gif) 3px .9em no-repeat;
	border-top:1px solid #b0b8c0;
	margin-top:.6em;
	margin-left: 15px;
	padding-top:.5em;	
}

div#main-content.image-display p.back-to-content a{
	padding-left:16px;
}

a.catalogue-link{
	background:url(/images/icons/cataloguelink-transparent.gif) no-repeat center right;
	padding-right:18px;
}

/* START OF Global Search */

#linksToSearchForms {
	display: none;
}


#tnaSearchWrapper {
	position: relative;
}

#tnaSearchWrapper form {
	padding: 0.5em;
	display: none;
	overflow: visible;
}

#linksToSearchForms {
	margin-bottom: 1em;
	color: #777;
}

#linksToSearchForms a {
	margin: 0 5px;
}

#tnaSearchWrapper form label {
	display: none;
}

#searchFormOptions {
	background-color: #EFEFEF;
	border: 1px solid #CDCDCD;
	border-top-color: transparent;
	width: 40%;
	padding: 0.5em;
	position: absolute;
	left: 6em;
	top: 2.6em;
	*left: 6.75em;
	*top: 2.2em;
	text-align: left;
	z-index: 999999;
}

#searchFormOptions.noJavaScript {
	display: none;
}


#searchOptions li {
	cursor: pointer;
	color: #444;
	padding-bottom: 1px;
	padding-left: 10px;
	border-radius: 3px;
}


#searchOptions li:hover {
	background-color: #999;
	color: #fff;
}

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

#containingBox {
	display: inline-block;
	border: 1px solid #898989;
	border-radius: 0px 3px 3px 0px;
	background-color: #fff;
	padding: 0;
	height: 23px;
}

#tnaSearch {
	outline: none;
	padding: 3px 3px 2px 3px;
	border: 1px solid transparent;
	margin: 0;
	width: 14em;
	color: #333;
	vertical-align: top;
	margin-right: -5px;
}


#searchOptionToggler {
	display: inline-block;
	vertical-align: top;
	color: #fff;
	margin-top: 4px;
	padding-right: 16px;
}

#searchOptionToggler.collapsed {
	width: 11.2em;
	text-align: right;
	margin-right: 0.4em;
	cursor: pointer;
	background: url("/images/global/more.png") no-repeat scroll right center transparent;
}

#searchOptionToggler.expanded {
	width: 11.2em;
	text-align: right;
	cursor: pointer;
	margin-right: 0.4em;
	background: url("/images/global/less.png") no-repeat scroll right center transparent;
}

#userControls {
color: #777;
font-size: 0.9em;
_position: relative;
}


	#userControls {
		position: absolute;
		top: 3em;
		text-align: right;
		right: 1em;
	}

	#tnaSearchWrapper form {
		position: absolute;
		top: -10px;
		right: 10px;
		_right: -450px;
		width: 32em;
		display: block;
		background: rgb(254,254,254); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(254,254,254,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(254,254,254,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
		border: 1px solid #CDCDCD;
		border-top-color: #EFEFEF;
		border-radius: 0 0 2px 2px;
	}

	#searchOptionToggler {
		color: #383838;
	}

div.search-refinements {
	display: none;
}



/*END OF Global search*/