@charset "utf-8";
/* CSS Document - Slavery Remembrance */


/* Colours used:
Very dark red-brown: #551100
Dark brown for h1: #601b00
Sand colour: #e5d3a9
Orange-brown: #8e3321 and #8e3321

*/
body {
	background-color: #8e3321;
	background-image: url(/ar/events/slaveryremembranceday/img/mapbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* SKIP TO NAVIGATION AND SKIP TO TEXT*/
 
#skiplink, #skiplink a {
	color: #8e3321;
}

/* LANGUAGES */

#languages {
	background-color: none;
}
#languages ul li#english  {
	color: #8e3321;
}	
#languages ul li a:link, #languages ul li a:visited, #languages ul li a:hover, #languages ul li a:active {
	color: #551100;
}
/* TOP BANNER - BACKGROUND TO BOTH LANG BAR AND BANNER */
#topbanner {
	height: 150px;
	background-image: url(/ar/events/slaveryremembranceday/img/bannerbg.jpg);
	background-color: #e5d3a9;
}
#topbanner h1 {
	margin-top: 26px;
	color: #601b00;
}
#topbanner .date {
	color: #8e3321;
}

/* MAIN NAVIGATION */
#mainnav ul {
	/*background-image: url(/ar/events/slaveryremembranceday/img/bannerbg.jpg);*/
	font-weight: bold;
}
#mainnav ul li {
	border-bottom-color: #8e3321;
	background: none;
}
#mainnav ul li a {
	color: #551100;
	background: none;
}
#mainnav ul li a:hover {
	/*color: #551100;*/
	 color: #8e3321;
	background: none;
	border-right: #8e3321 solid 3px;
}
#mainnav a:link, #mainnav a:active, #mainnav a:visited {
	color: #551100;
	background: none;
	border-right: #e5d3a9 solid 3px;
	padding-top: 12px;
    padding-bottom: 12px;
	}
#mainnav ul ul li {
    list-style-type: none;
    display: block;
    border-bottom: none;
	padding-right: 22%;
	}

/* CONTENT */
#content h2 {
	color: #8e3321;
	font-weight: bold;
}
#content h3 {
	color: #551100;
	font-weight: bold;
	background: none;
}
#content a:link {
	color:#8e3321;
}
#content a:visited, #content a:hover, #content a:active {
	color:#601b00;
}
#imgleft {
	color:#551100;
}

/* QUOTES */
blockquote {
	background: none;
	border: 1px dotted #8e3321;
	font-size: 115%;
}
div#content blockquote p {
	color: #551100;
}
div.credit, p.credit {
	color: #551100;
}


/* FOOTER BAR */

#footer {
	background-color: #551100;
	color: #e5d3a9;
}
#footer ul li a, #footer ul li a:visited, #footer ul li a:hover {
	color: #e5d3a9;
}

/* WSS CREDIT */

#wsscredit {
	color: #e5d3a9;
}

/*SADEK 26-02-2013 */
#mainnav .pdfnote {
text-align: center;
color: #000000;
display: block;
padding-top: 0pt;
padding-right: 6px;
padding-bottom: 0pt;
padding-left: 15px;
}
#wsscredit a, #wsscredit a:link {
color: #e5d3a9;
}

#lftimg {
	float:left;
	clear: right;
	width: 50%;
	margin: 5px;
	width: 300px;
	height: 210px;
	}
#main {
	    width: 1160px !important;
}
#wotznew {
    float: left;
    width: 26%;
    padding: 8px;
    margin-top: 13px;
    border: 2px solid #8e3321;
	}
 #wotznew .links li {
    padding: 10px 10px 0 1.4em !important;
    background-position: right 14px !important;
	}

#social ul {
    background: none;
    margin-top: 10px;
    padding: 0;
    display: block;
    margin-bottom: 6px;
    margin-top: 0px;
	}	
#social ul li {
    height: 28px;
    display: inline-block;
    background-image: none !important;
	background-color: #fff !important;
    margin-top: 10px;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    /*padding-right: 10px;*/
    border: none;
    color: #000;
	}
.caption {
    display: inline-block;
    font-size: 12px;
    margin-top: 7px;
    color: #7D7B7B;
    width: 53%;
    line-height: 15px;
	}	