/*
#FEEDDB
#FF9900
#FFCC99
#CC6600
*/

body { margin: 0; padding: 10px; font: 81.25%/1.5em "Verdana", "Arial", "Helvetica", sans-serif; color: #000; background: #fff; }
a { color: #336699; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: .6em 0; }

h1, h2, h3, h4, h5, h6 { font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif; margin: 1.5em 0 1em; }
h1 { font-size: 1.76923076923076923076em; line-height: 1.2em; font-weight: normal; }
h2 { font-size: 1.53846153846153846153em; line-height: 1.1em; font-weight: normal; }
h3 { font-size: 1.38461538461538461538em; font-weight: normal; margin: 1em 0 0; }
h4 { font-size: 1.23076923076923076923em; font-weight: normal; margin: 1em 0 0; }
h5 { font-size: 1.15384615384615384615em; font-weight: normal; margin: 1em 0 0; }

img { border: 0; }
img.left { float: left; margin: 0 10px 10px 0; }
img.right { float: right; margin: 0 0 10px 10px; }

ul { margin: 1em 0; padding: 0; list-style: square outside; }
ul li { margin: .3em 0 .3em 1.5em; padding: 0; }

em { font-style: italic; }

hr { border-color: #FFCC99; border-style: solid; border-width: 4px 0 0; margin: 0; height: 0; }

#container { width: 760px; }

#header { position: relative; width: 760px; margin: 0 0 1em; }
#header h1#logo { margin: 0; padding: 0; line-height: 1em; height: 70px; width: 594px; background: url(../images/site/logo_bristol.gif) no-repeat; text-indent: -9999px; }
#header h1#logo a { display: block; height: 70px; width: 594px; text-indent: -9999px; }

#header #partners { margin: 0; }
#header #partners a { font-size: 1.07692307692307692307em; color: #000; margin-right: 1em; }
#header #help { position: absolute; bottom: 0; right: 0; margin: 0; padding: 0; font-size: .84615384615384615384em; }
#header #help a { color: #000; margin-left: 1em; }

#navigation { width: 150px; margin: 0 5px 0 0; float: left; background: #FEEDDB; font-size: .76923076923076923076em; line-height: 1.5em; }
#navigation h2 { font-size: 1.4em; line-height: 1em; text-transform: uppercase; margin: .3em 0 0 0px; padding: 0 0 0 5px; }
#navigation h3 { margin: .75em 0 0 5px; line-height: 1.15em; font-size: 1.3em; }
#navigation ul { margin: .75em 0 1em 5px; list-style: none; }
#navigation li { background: url(../images/site/nav-arrow.gif) no-repeat .1em .5em; padding: 0 0 0 1em; margin: 0; } 
#navigation li a { padding: 3px 0; }
#navigation li.active>a { color: #1B3651; }
#navigation .sub-level-0 ul { margin: .3em 0 .7em; }
#navigation li.sub-level-0 { background: transparent; padding: 0; margin: 0 0 .5em; }
#navigation ul#slavery_subnav { margin-bottom: 2em; }

#content { width: 450px; float: left; }

#content #breadcrumb { margin: .1em 0 1em; line-height: 1em; font-size: .76923076923076923076em; }
#content #breadcrumb p { margin: 0; }
#content #breadcrumb a { }
#content #breadcrumb span { font-size: 1.3em; color: #999; line-height: 1em; }

#content .page-title { margin: 0 0 .5em; line-height: 1.2em; }

#content.listing img.intro { float: left; margin: 0 10px 1em 0; }
#content.listing #intro { overflow: hidden; margin-bottom: 1em; }

#content.listing .section { overflow: hidden; clear: both; border-top: 1px solid #FEEDDB; }
#content.listing .section img { float: right; margin: 1em; }
#content.listing .section h2 { margin: .7em 0 0; }

#content.listing .index-listing { overflow: hidden; clear: both; padding: 0 0 1em; }
#content.listing .index-listing .section { width: 225px; margin: 0 0 .5em 0; float: left; clear: none; border: 0; }
#content.listing .index-listing .section.left { clear: both; width: 215px; margin-right: 10px; }
#content.listing .index-listing h3 { margin-top: 0; }
#content.listing .index-listing ul { margin: .5em 0; }

#content .article { overflow: hidden; margin: 0; }
#content .article.left { padding: 0 10px 10px 0; }
#content .article.left img { float: left; margin: 0 10px 10px 0; }
#content .article.right { padding: 0 0 10px 0; }
#content .article.right img { float: right; margin: 0 0 10px 10px; }
#content .article h2 { margin: 1em 0 .5em; }

#content .figure { float: right; width: 160px; margin: 0 10px 10px 20px; }
#content .figure ul, #content .figure li { margin: 0; padding: 0; list-style: none; }
#content .figure li { margin: 0 0 1em; font-size: .84615384615384615384em; line-height: 1em; }
#content .figure li br { display: none; }
#content .figure li img { display: block; }
#content .figure li em.figurecaption { }

#content table { width: 100%; text-align: left; margin: 1em 0; border-collapse: collapse; }

.article p, .article h1, .article h2, .article h3, .article h4,
#content p, #content h1, #content h2, #content h3, #content h4 { margin-right: 2em; }

#sidebar { width: 150px; margin: 0 0 0 5px; float: left; font-size: .76923076923076923076em; line-height: 1.5em; overflow: hidden; }
#sidebar #search { margin: .5em 0 1.25em; }
#sidebar #search label { font-weight: bold; font-size: 1.3em; line-height: 1em; display: block; margin: 0 0 3px; }
#sidebar #search #keywords { width: 100px; margin-right: 3px; }
#sidebar #search input.submit { }

#sidebar .section { margin: 0 0 2em; }
#sidebar h2 { font-size: 1.8em; margin: .3em 0 .3em; }
#sidebar h3 { font-size: 1.3em; margin: 0; }
#sidebar ul { margin: .7em 0; }
#sidebar p.nav { margin: 2em 0 0; text-align: center; width: 95px; }
#sidebar p.nav img { margin: 0 0 1em; }

#sidebar #resources, #sidebar #catmenus { border-top: 4px solid #FEEDDB; margin: 2em 0 0; }

#sidebar #catmenus {padding-top:2.5em}
#sidebar #catmenus select { width: 140px; margin-bottom:1em}

#main { overflow: hidden; background: url(../images/site/main-bg.png) repeat-y; }

#footer { width: 760px; clear: both; padding-top: .5em; font-size: .84615384615384615384em; }
#footer hr { border-color: #FEEDDB; }
#footer-links { margin: 0; padding: 1em 0; }
#footer-links a { margin-right: 1em; }
#footer #sponsors a { margin-left: 1em; }

#subnav, #subnav_bottom { background: #FEEDDB; overflow: hidden; margin: .5em 0; border: 2px solid #FFCC99; border-width: 2px 0; clear: both; padding: 5px; font-size: .84615384615384615384em; line-height: 1.5em; }
#subnav_bottom { margin: 2em 0 0; }
#subnav ul, #subnav_bottom ul { list-style: none; margin: 0; padding: 0; width: 290px; float: left; }
#subnav ul.utils, #subnav_bottom ul.utils { width: 140px; }
#subnav ul li, #subnav_bottom ul li { margin: 0; padding: 0; }
#subnav_bottom li.active>a { color: #1B3651; }

#site-map h1.page-title { margin-top: .117em; }
#site-map .imagecats h5 { margin-left: 1em; }
#site-map .imagecats ul { margin-left: 1em; }

p.back { margin: 2em 0; }
p.back a { display: inline-block; padding: .4em 1.25em .44em .8em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); font-weight: bold; color: #fef4e9; border: 2px solid #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
p.back a:hover { text-decoration: none; background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }
p.back a:active { position: relative; top: 1px; color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }

.related-pages { background: #eee; overflow: hidden; margin: 0; border: 2px solid #ddd; border-width: 2px 0; clear: both; padding: 5px; line-height: 1.5em; }
.related-pages h3 { margin: 0; }
.related-pages li { margin: 0 0 1em; list-style: none; padding: 0; }
.related-pages li p.breadcrumb { font-size: .69230769230769230769em; margin: 0; line-height: 1.2em; }
.related-pages li p.breadcrumb a { white-space: nowrap; }
.related-pages li h4 { fdont-size: 1.38461538461538461538em; margin: 0; }


#map_tabs { position: relative; padding: 0 0 1em; margin: 1em 0 0; }
#map_img { border: 2px solid #FFCC99; border-width: 2px 0; display: block; z-index: 1; }
ul#map_areas { list-style: none; margin: 0; padding: 0; }
ul#map_areas li { margin: 0; padding: 0; display: block; height: 100px; width: 100px; position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/site/trans.gif); }
ul#map_areas li a { display: block; width: 100%; height: 100%; text-indent: -9999px; zoom: 1; z-index: 10; }
#map_tabs .ui-tabs-hide { display: none; }
#map_tabs div.maparea { margin: 0 0 2em; }
#map_tabs div.maparea .figure { font-size: .76923076923076923076em; line-height: 1.3em; }
#map_tabs div.maparea hr { clear: both; margin: 1em 0 0; }
#map_tabs.ui-tabs p.backtotop, #map_tabs.ui-tabs hr { display: none; }

#content.journey ul.nav { list-style: none; margin: 2em 0; padding: 0; }
#content.journey ul.nav li { list-style: none; margin: 0 5px 0 0; padding: 0; overflow: hidden; width: 105px; height: 145px; float: left; line-height: 1.2em; font-size: .84615384615384615384em; }
#content.journey ul.nav li em { display: block; }
#content.journey .figure { float: none; margin: 0; width: auto; }

#search li.search_results { list-style: none; margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px solid #ddd; font-size: .84615384615384615384em; line-height: 1.4em; }
#search li.search_results p { margin: .2em 0; font-size: 1.18181818181818181818em; line-height: 1.4em; }
#search li.search_results p strong {  }

#message #content { }

#browse #content .article { margin-bottom: 2em; }

#slavery ul.timeline,
#slavery ul.timeline li {list-style:none; margin:0; padding:0;}

#slavery ul.timeline {
	height: 254px; width:525px;
	background:url('../images/site/slavery-timeline.gif') no-repeat;
	padding-left:21px;
	margin-top:3em;
	margin-bottom:3em;
}

#slavery ul.timeline li {
	float:left;	overflow:hidden;
}

#slavery ul.timeline li a {
	float:left;
	height:245px;
	width:71px;
	text-indent:100%;
	white-space:nowrap;
}

#slavery ul.timeline li a:hover {
	background:rgba(255,255,255,0.2);
}

#slavery .section.timeline-container {
	width:525px;
}

#slavery ul.timeline-dates,
#slavery ul.timeline-dates li {
	list-style:none;
	margin:0; padding:0;
	overflow:hidden;
}

#slavery ul.timeline-dates {
	padding-top:1em;
}

#slavery .timeline-dates h4,
#slavery .timeline-dates p {
	float:left;
	margin-top:0;
}

#slavery .timeline-dates h4 {
	width:3em;
}

#slavery .timeline-dates p {
	width:30em;
}

ul.glossary-nav,
ul.glossary-nav li,
.glossary ul,
.glossary li {
	list-style:none; margin:0; padding:0;
}

.glossary ul {
	margin: 0 0 1em;
}

ul.glossary-nav li {display:inline; margin-right:5px;}
ul.glossary-nav li.active a {font-weight:bold;}

ul.glossary-nav {	padding:1em 0; }