/*
	caribbeanhistory.css
	James Offer, October 2006
*/

/* existing TNA elements */

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

#pagecontent{
	width:748px !important;
	margin:auto !important;
	padding:0px !important;
	float:none !important;
	position:relative;
	background:url(/caribbeanhistory/images/bg-parchment.jpg) repeat-y 0px 20px;
}

/* layout */

#heritage-lottery{
	position:absolute;
	right:0px;
	top:15px;
}

.home #main-content{
	padding:1px 270px 0px 12px;
	position:relative;
	z-index:0;
	background:url(/caribbeanhistory/images/home-map-reveal.jpg) top right no-repeat;	
}

.map #main-content{
	background:none;
	padding:0px;
}

ul.caribbean-map-download{
	padding:.6em 0em .5em 0em !important;
	margin:0px !important;
	list-style:none !important;
}

ul.caribbean-map-download li{
	display:inline;
	padding-left:8px;
	margin-right:8px;
	border-left:1px solid #000;
}

ul.caribbean-map-download li.first-child{
	border:none;
	margin-left:0px;
}

#main-content{
	padding:12px 12px 12px 260px;
	border-bottom:6px solid #455B24;
}

#main-content p{
	padding:0px 0px 1em 0px !important;
	margin:0px !important;
	line-height:1.3em;
}

#main-content p#intro-paragraph{
	padding:.7em 0px .5em 0px !important;
}

#montage-image{
	position:absolute;
	bottom:6px;
	background:url(/caribbeanhistory/images/content-map-reveal.png) top left no-repeat;
	width:243px;
	height:218px;
}

.home #montage-image{
	/* the background image is repeated in this element as it has a title attribute
	to display the catalogue reference for the images used in the montage */
	position:absolute;
	top:0px;
	right:0px !important;
	background:url(/caribbeanhistory/images/home-map-reveal.jpg) top right no-repeat;
	width:210px;
	height:402px;
}

#homepage-menu{
	position:relative;
	list-style-type:none !important;
	list-style:none !important;
	padding:0px !important;
	margin:0px !important;
	height:22em;
}

#homepage-menu li{
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1;
	position:absolute;
	width:440px;
	white-space:nowrap;
	height:4em;
}

#homepage-menu li a{
	font-size:135%;
	padding:15px 0px 0px 13px;
	display:block;
	width:95%;
}

li#introduction{
	background-image:url(/caribbeanhistory/images/home-introduction.png);
	top:0em;
	z-index:2;
}

li#movement-of-people{
	background-image:url(/caribbeanhistory/images/home-movement-of-people.png);
	top:2.8em;	
	z-index:1;
}

li#caribbean-identities{
	background-image:url(/caribbeanhistory/images/home-caribbean-identities.png);
	top:5.6em;	
	z-index:2;
}

li#slavery-negotiating-freedom{
	background-image:url(/caribbeanhistory/images/home-slavery-negotiating.png);
	top:8.4em;
	z-index:1;	
}

li#society-welfare-after-slavery{
	background-image:url(/caribbeanhistory/images/home-society-welfare.png);
	top:11.2em;	
	z-index:2;
}

li#caribbean-wider-world{
	background-image:url(/caribbeanhistory/images/home-caribbean-wider.png);	
	top:14em;
	z-index:1;	
}

li#twentieth-century-transitions{
	background-image:url(/caribbeanhistory/images/home-twentieth-century.png);
	top:16.8em;	
	z-index:2;
}

.topofpage{
	text-align:right;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}

.footer-clear{
	clear:both;
}

/* homepage-utilities has a wrapper div because IE6 draws its position incorrectly */

#homepage-utilities{
	position:relative;
	height:65px;
}

#homepage-utilities ul{
	position:absolute;
	top:-6px;
	left:-12px;
	height:55px;	
	width:748px;
	padding:0px 0px 16px 0px !important;
	margin:0px !important;
	list-style-type:none !important;
	list-style:none !important;
	background:url(/caribbeanhistory/images/bg-utilities.jpg) 0px 1px no-repeat;
}

#homepage-utilities ul li{
	overflow:hidden;
	height:70px;
}

#homepage-utilities li a{
	font-size:110%;
}

li#map{
	float:left;
	background:url(/caribbeanhistory/images/home-map-link.png) 0px -5px no-repeat;
	width:400px;
}

li#map a{
	display:block;
	margin-top:33px;
	margin-left:90px;
}

li#glossary, li#bibliography, li#links{
	float:right;
	padding:33px 12px 0px 0px;
}

li#glossary a, li#bibliography a, li#links a{
	background:url(/caribbeanhistory/images/arrow-right.png) no-repeat center left;
	padding-left:8px;
}

#footer{
	margin-top:3em !important;
}

/* navigation */

#navigation{
	position:absolute;
	left:4px;
	top:84px;
	width:230px;
}

#navigation ul{
	padding:0px !important;
	margin:0px !important;
	list-style:none !important;
	list-style-type:none !important;
	list-style-image:none !important;
}

#navigation ul li{
	background-image:none !important;
	padding:0px 0px .5em 0px !important;
}

#navigation ul li a{
	background:url(/caribbeanhistory/images/arrow-right.png) no-repeat center left;
	padding:0px 0px 0px 10px;
}

/* text formatting */

h1{
	background:url(/caribbeanhistory/images/caribbean-histories-title.png) bottom left no-repeat #fff;
	height:73px;
	width:748px;
	padding:0px;
	margin:0px !important;
	padding:0px !important;
	overflow:hidden;
}

h1 a{
	text-indent:-1000em;
	display:block;
	height:35px;
	width:370px;	
	margin-top:15px;
}

h2{
	margin:0px 0px .4em 0px!important;
	padding:0px 0px 1.2em 0px !important;
	color:#6F1E0C;
	font-size:135% !important;
	background:url(/caribbeanhistory/images/bg-dots-content.png) repeat-x bottom left;
	width:100%;
}

#more-images{
	float:right;
	display:block;
	margin:0px 10px 15px 15px;
	padding:78px 0px 0px 16px;
	width:135px;
	_width:125px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	position:relative;
	background:url(/caribbeanhistory/images/arrow-down.png) 4px 82px no-repeat;
}

#more-images img{
	position:absolute;
	left:0px;
	top:-45px;
}

.popup-list{
	overflow:hidden;
	padding:10px 0px 0px 0px !important;
	margin:0px !important;
}

.popup-list li a{
	background-image:url(/caribbeanhistory/images/enlarge.png);
}

.popup-list a.catalogue-link{
	background-image:url(/caribbeanhistory/images/catalogue-link.png)
}

.popup-list li p{
	color:#000;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
	line-height:1.1em !important;
}

p a, td a{
	text-decoration:underline !important;
}

.map-large{
	margin:8px;
}

a.arrowleft{
	background-image:url(/caribbeanhistory/images/arrow-left.png) !important;
	padding-left:10px !important;
}

a.arrowdown{
	background-image:url(/caribbeanhistory/images/arrow-down.png) !important;
	padding-left:13px !important;
}

table.row-border td, table.row-border th{
	border-color:#DFCB9F;
}

td a{
	line-height:1.3em;
}

#wrapper a{
	color:#143E50 !important;
	text-decoration:none;
	font-weight:bold;
}

#wrapper a:hover, #wrapper .on a{
	color:#6F1E0C !important;
	text-decoration:none;	
	font-weight:bold;
}