/* cmsms stylesheet: Main modified: 07/13/18 10:24:55 */
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #151515 url("http://slaverebellion.info/images/body-bg.jpg") no-repeat scroll 50% 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #050505;	
}
a img {
	border: none;	
}
p {
        margin:10px 0;
}
ul.nav-home img:hover {
     border-color: #F9EDD3;
}
h1 {
     	font: 16px Arial, Helvetica, sans-serif;
	color: #7f2f22;
	font-weight: bold;
	margin:15px 0;
}
h2 {
color: #7F2F22;
font-size:14px;
margin:11px 0;	
}
h3 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #7f2f22;
	font-weight: bold;
	margin:11px 0;	
}
h4 {
	font-size: 12px;
	font-weight: bold;
	margin:11px 0;
}
h4.sources {
text-decoration: underline;
}
a {
	text-decoration: none;
	color: #334B76;	
}
a:hover {
	text-decoration: underline;
}
#container-main {
	width: 790px;
	min-height: 1203px;
	margin:0 auto 40px;

}
#header {
	padding-top: 1px;
	height: 385px;
	background: url("http://slaverebellion.info/images/header-bg.png") no-repeat top left;
	position: relative;	
}
div.ad {
	margin: 15px auto 0;
        display: block;
	/* border: 1px solid #141412; */
        border: none;
	width: 728px;
        height: 94px;
	overflow: none;
}
div.ad ul {  /* for banner ads */
list-style: none;
}
img.title {
display:block;
margin:0 auto;
position:absolute;
top:146px;
left: 193px;	
}
#nav-home {
	margin-top: 10px;
	text-align: center;
	font-size: 14px;

}
ul.editorialPrinc {
margin-left:40px;
}
ul.editorialPrinc > li { /*first level*/
font-weight:bold;
padding: 10px 0;
list-style-type:upper-alpha;
}
ul.editorialPrinc > ul > li { /*second level*/
list-style-type:decimal;
margin-left:20px;
}






#nav-home a {
    color: #050505;
    text-decoration: none;
}
ul.nav-home {
	padding-top: 17px;
}
ul.nav-home img {
	border: 1px solid #141412;	
	margin-bottom:7px;
}
ul.nav-home li {
	display: inline;
	float: left;
	height: 137px;
	width: 165px;
	padding:0 1px;
}
.nav-title {

	text-align: center;	
}
#search {
	width: 270px;
	height: 32px;
	position: absolute;
	left: 36px;
	top: 327px;
}
#search input[type=text] {
background:url("http://slaverebellion.info/images/search-bar-bg.png") no-repeat scroll 0 0px transparent;
border:medium none;
height:28px;
padding:3px 8px 0;
width:209px;
}
#primary-nav li.menuparent ul a:hover {
color: #555555;
}
#search input[name=submit] {
left:4px;
position:relative;
top:5px;
}
#container-lower {
	padding:10px 36px 35px;
        background: #ffffff url("http://slaverebellion.info/images/container-bg.png") repeat-y top left;    
	
}
.box-top {
	background: url("http://slaverebellion.info/images/content-bg-top.png") no-repeat top left;
	height: 10px;
}
.box-mid {
	background: url("http://slaverebellion.info/images/content-bg-mid.png") top left;
	padding: 15px 25px;
}
.box-btm {
	background: url("http://slaverebellion.info/images/content-bg-btm.png") no-repeat top left;
	height: 10px;
}
#mainContent {
	float: left;
	width: 400px;	
}
#special-feature {
border-bottom:1px solid #A8997B;
padding-bottom:15px;
}
#contentBody {
padding-top: 15px;
}
#side_content {
	float: right;
	width: 235px;	
}
#side_content ul {
list-style: none;
}
#content-main {
margin:15px 0;
font-size:13px;
}
#content-main p {
line-height: 19px;
}

#footer {
	background: url("http://slaverebellion.info/images/footer-bg.png") no-repeat top left;
	height: 315px;
	color: #706d68;
	position: relative;
        clear: both;

}
#footer a {
	color: #f9edd3;	
}
#copyright {
	position: absolute;
	top: 275px;	
	width: 100%;
	text-align: center;
	font-size:10px;
}
.designedby {
	position: absolute;	
	left: 662px;
}
br.clear-both {
	clear: both;	
}
.clear-both {
	clear: both;	
}
#menuwrapper {
	font-size: 14px;
	width: 515px;
	position: absolute;
	top: 240px;
	left: 150px;
}
table.chrono th {
padding:5px 0;
text-align:left;
}
.date {
font-weight: bold;
}
.hanging-indent {
padding-left:50px;
text-indent:-50px;
}
div.history-list{
padding-left: 37px;
}
.entry {
position: relative;
}
.history-list .date {
left:-43px;
position:absolute;
top:0;
}
.song {
margin:20px 0 20px 64px;
}
.mapList {
width: 275px;
float: left;
}
.contentMap {
float:right;
width:373px;
}
.mapList img {
margin: 5px 0;
}
.clearBoth {
clear: both;
}
img[title=avatar] {
margin-bottom:10px;
}
/*
--------------- Database Styles ----------------------- */

#database {
     border: none;
     min-height: 750px;
}
#database h1 {
margin:4px 0;
}
#searchResults li {
list-style: none;
margin: 20px;
}
.reference {
padding-right: 4px;
}
a.topText {
font-weight: bold;
color:#F1ECE2;
left:-20px;
position:relative;
top:-10px;
text-decoration: none;
}

/*
--------------- Form Styles ----------------------- */
#forumForm{
	width: 390px;	
}
#forumForm .required {
	color: red;
	padding: 0 2px;	
}
#forumForm span.label {
	float: left;
	display: block;	
	width: 100px;
	clear: both;
margin-top:11px;
}
#forumForm input[type=text], input[type=password] {
	display: block;
	float: left;
	margin: 5px 0 5px 15px;
	height: 13px;
	width: 212px;
	padding: 5px;
}
#forumForm input[type=submit] {
margin:10px 0;
padding:2px 5px;
}
.video {
display:block;
margin:17px auto 34px;
}
/*
--------------- Table styles ------------------------*/
#chrono {
	width: 668px;	
	border-collapse: collapse;
	border: 1px #575348 solid;
margin-top:50px;
}
th {
	text-align: left;	
padding:10px 0 10px 5px;
color: #7F2F22;
background-color:#DED1B5;
}
tr {
	border-top: 1px solid #575348;
	border-bottom: 1px solid #575348;
}
td {
	padding: 5px;	

}
.col1 {
	font-weight: bold;	
}
.video-list {
     margin: 2px 0;
}
.description {

    padding: 3px 20px;
    font-size: 12px;

}
/* cmsms stylesheet: Navigation_CSSMenu_Horizontal modified: 10/20/17 08:21:35 */
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
/* no margin/padding so it fills the whole div */
	margin: 0;
	padding: 0;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
/* IE6 Hack */
	height: 1%;
	width: auto;
/* one border at the top */
	margin: 0;
	padding: 0;
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
/* pushes the menu div up to give room above for background color to show */
	padding-top: 10px;
/* keeps the first menu item off the left side */
	padding-left: 10px;
}
ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	margin-top: 1px;
/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 1px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin: 0px;
	padding: 0px;
}
#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 200px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
}
/* set the "a" link look here */
ul#primary-nav li a {
	font-weight: normal;
	color: #050505;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 0 10px 10px;
	display: block;
/* sets no underline on links */
	text-decoration: none;
}
li.menuparent li {
background-color: #ebdfc4;
}

ul#primary-nav li li a:hover {
	color: #050505;
}
ul#primary-nav li a.menuactive {
	color: #050505;
	font-weight: bold;
}
ul#primary-nav li a.menuactive:hover {
	color: #050505;
/* keep it the same */
	font-weight: bold;
}
#primary-nav li li a.menuparent span {
/* makes it hold a shape */
	display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */

}
/* gif for IE6, as it can't handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */

}
ul#primary-nav li ul a {
/* insures alignment */
	text-align: left;
	margin: 0px;
/* keeps it relative to it's container */
	position: relative;
/* less padding than first level no need for large links here */
	padding:6px 2px 6px 20px;
/* if first level is set to bold this will reset this level */
	font-weight: normal;
/* first level is 050505, we need black to contrast with light background */
	color: #050505;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
}
/*ul#primary-nav > li:first-child+li+li ul {*/
ul#primary-nav > li ul {

/* very lite grey color, by now you should know what the rest mean */
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
/*	display: block;*/
	position: absolute;
	z-index: 999;
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.95;
/* CSS 3 */
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
#menuwrapper ul#primary-nav > li {
     background: none;
}
#menuwrapper ul#primary-nav > li:hover {
     background: #ebdfc4;
}
ul#primary-nav li {
     background: #ebdfc4;
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */

}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/


/*
whcwd removed for testing*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
ul#primary-nav ul, /* hides first and second level */
ul#primary-nav ul > li:hover > ul ul, /* hides third level*/{
	display: none;
}

/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
/*
whcwd removed for testing
#primary-nav li:hover ul,
#primary-nav ul > li:hover > ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}*/
ul#primary-nav li:hover > ul, /*top level African insurrections*/
ul#primary-nav ul > li:hover > ul, /*first level Proceedings*/
ul#primary-nav ul ul > li:hover > ul  {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
ul#primary-nav li.menuparent li.menuparent {
     background: url("/images/arrow.png") #ebdfc4 8px 7px no-repeat;
}
a.menuparent:hover {
     cursor: default;
}
a.menuparent[href]:hover {
    cursor: pointer;
}
ul#primary-nav > li {
padding:6px 0;
}
/* cmsms stylesheet: Lightbox modified: 10/20/17 08:21:35 */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }