@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: url(/en/events/slaveryremembranceday/img/mapbg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

#content p {
	padding-right: 20px !important;
}

/* SKIP TO NAVIGATION AND SKIP TO TEXT*/
 
#skiplink, #skiplink a {
	color: #8e3321;
}

/* LANGUAGES */

#languages {
	background-color: #f2f2f2 !important; 
}
#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: 193px;
	background-image: url(/en/events/slaveryremembranceday/img/banner.jpg);
	background-color: none;
}
#topbanner h1 {
	margin-top: 26px;
	color: #601b00;
}
#topbanner .date {
	color: #8e3321;
}

/* MAIN NAVIGATION */

#main {
	width: 1160px !important;
}
#mainnav {
	    border-left: #e5d3a9 solid 3px;
		    border-right: #e5d3a9 solid 3px;
	font-weight: bold;
	border-top:none;
	    margin: 15px 0px;
}
#mainnav ul, #mainnav ul li ul{
	border:none !important;
}

#mainnav ul li {
	border-bottom-color: #8e3321;
	background: none;
	border-bottom-style: solid !important;
    border-bottom-color: #D7D7D2 !important;
	border-top-style: none !important;
	border-left-style: none !important;
	border-right-style: none !important;
	
}
#mainnav ul ul li {
	border-bottom:none !important;
}

#mainnav ul ul li a {
	border-bottom:none !important;
}

#mainnav ul li a {
	color: #551100;
	background: none;
}
#mainnav ul li a:hover {
	color: #551100;
	background: none;
	border-left: #8e3321 solid 3px;
	/*border-right: #8e3321 solid 3px;*/
	margin-left: -3px !important;
}
#mainnav a:link, #mainnav a:active, #mainnav a:visited {
	color: #551100;
	background: none;
	/*border-left: #e5d3a9 solid 3px;*/
	padding-top: 12px; /*New style added Feb 16 */
    padding-bottom: 12px; /*New style added Feb 16 */
    font-size: 14px; /*New style added Feb 16 */
}

/* SOCIAL MEDIA ICONS */

#social ul{
	background: none;
	margin-top: 10px;
	padding: 0;
	display: block;
}

#social ul li{
	background-color: #fff !important;
	margin-top: 10px;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border: none;
	color: #000;
	display: block;

}

#social ul li a{
	line-height: 2.3em;
}

#social ul li a:link, #social ul li a:hover, #social ul li a:active, #social ul li a:visited {
	border-left: none;
	padding: 0;
	margin: 0;
}

#social ul li.facebook{ 
		background-image:url(/common/images/icons/ico_facebook_24.png);
		background-repeat:no-repeat;
		background-position: 0 3px;
		padding-left: 30px;
		padding-right: 0;
	}
	
#social ul li.twitter{
		background-image:url(/common/images/icons/ico_twitter_24.png);
		background-repeat:no-repeat;
		background-position: 0 3px;
		padding-left: 30px;
		padding-right: 0;
	}
	
#social ul li.pinterest{
		background-image:url(/common/images/icons/ico_pinterest_24.png);
		background-repeat:no-repeat;
		background-position: 0 3px;
		padding-left: 30px;
		padding-right: 0;
	}
	
#social ul li.tumblr{
		background-image:url(/common/images/icons/ico_tumblr_24.png);
		background-repeat:no-repeat;
		background-position: 0 3px;
		padding-left: 30px;
		padding-right: 0;
	}


/* 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;
}
#imgright {
	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;
	display: none;
}

/* New Layout added February 2016 */


.main-content {
	float: left;
    width: 68%;
    padding-right: 30px;
}


aside {
    float: left;
    width: 26%;
    padding: 8px;
    margin-top: 13px;
    border: 2px solid #8e3321;
}

aside .links li {
    padding: 10px 0 10px 1.4em !important;
    background-position: 3px 14px !important;
}

aside h3 {
  	border-bottom: solid;
    padding-bottom: 6px;
    margin-top: 9px;
}

aside ul li a {
    color: #551100;
    background: none;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none !important;
}

#social ul {
    margin-left: 18px;
}

#social ul li {
    height: 28px;
    display: inline-block;
    background-image:none !important;
}



#events-2, #sg, #past, #unesco {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: -9px !important;
}

#exhibit, #film, #exhibit-india, #multimedia {
	list-style-type: none !important;
    display: block !important;
    border-top-width: 1px !important;
    border-top-style: dotted !important;
    border-top-color: #8e3321 !important;	
}
/* initial hide of the submenu*/
#mainnav ul ul {
    display: none;
}

h2,h3{
	padding-top:0px !important;
	margin-top:15px !important;
}