/*************************NAVIGATION Start************************/

#navigation
{
	position: absolute;
	width: auto;
}

#navigation a, #navigation a:link
{
	color: #FFFFFF;
	font-weight: normal;
}

#navigation ul
{
	margin: 0;
}

.dropdown_3column
{
	width: 898px;
	height: 120px;
}

.col_1
{
	display: inline;
	float: left;
	position: relative;
}

#menu li a
{
	display: block;
}

.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns
{
	float: left;
	position: absolute;
	left: -999em; /* Hides the drop down */ /* left:0em; Hides the drop down */
	background-color: #000000;
	border: solid 1px #f7ce52;
}

#menu li:hover .dropdown_1column
{
	left: 0px;
	top: 3em;
}

#navigation li.lhm a
{
	background: url("/images/museums-v2/leighton_nav.png") no-repeat scroll 95% 50% #000000;
}

#navigation li:hover.lhm a
{
	background: url("/images/museums-v2/leighton_nav.png") no-repeat scroll 95% 50% #ffffff;
}

#navigation li.stafford a
{
	background: url("/images/museums-v2/stafford_nav.png") no-repeat scroll 95% 50% #000000;
}

#navigation li:hover.stafford a
{
	background: url("/images/museums-v2/stafford_nav.png") no-repeat scroll 95% 50% #ffffff;
}

#navigation .home, #navigation .lhm, #navigation .stafford
{
	margin-right: 10px;
	margin-top: 0;
	padding: 0;
	height: 44px;
}

#navigation .home, #navigation .lhm, #navigation .stafford
{
	font-family: Times New Roman;
	color: #FFFFFF;
}

#menu a
{
	/*padding: 10px 50px 10px 10px;*/
	border: 1px solid #000000;
 	line-height: 32px;
    padding-left: 5px;
    padding-right: 50px;	
}

#menu li:hover a
{
	border: 1px solid #000000;
	text-decoration: none;
	color: #000000;
}

#menu .home a
{
	background-color: #313131;
	border: 1px solid #313131;
}

#menu li.home:hover a
{
	background-color: #ffffff;
	border: 1px solid #313131;
}

#menu li.home:hover a
{
	color: #313131;
}

#navigation li
{
	float: left;
	list-style: none outside none;
	letter-spacing: 0.1em;
}

#navigation .simple a
{
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-weight: normal;
	float: left;
	list-style: none outside none;
	text-transform: uppercase;
	padding: 3px 15px 3px 5px;
	width: 80%;
}

.simple
{
	padding: 10px;
}

#navigation .simple li
{
	width: 50%; /*width: 200px;*/
	padding: 0;
}

#navigation li.lhm .simple a
{
	color: #51b4d0;
	background:none;
	border:none;
}

#navigation .lhm .simple a:hover
{
	background-color: #362d12;
	text-decoration: none;
}

#navigation li.stafford .simple a
{
	color: #F5D77B;
	background:none;
	border:none;
}

#navigation .stafford .simple a:hover
{
	background-color: #362d12;
	text-decoration: none;
}

/*=======================Navigation End ================================*/

/*=======================Breadcrumb Start ================================*/
#breadcrumbs
{
	font-size: 90%;
	margin: 0 10px 10px;
	background-color: #ECECEC;
	height: 18px;
}

#breadcrumbs p
{
	margin-left: 10px;
}

#breadcrumbs li a
{
	background: url("/images/rbkc/breadcrumb-bullet.gif") no-repeat scroll 100% 50% transparent;
	color: #284C83;
	font-weight: normal;
	margin: 0;
	padding: 0 10px 0 0;
}

#breadcrumbs p, #breadcrumbs strong
{
	color: #284C83 !important;
	font-weight: bold;
}

/*=======================Breadcrumb End ================================*/


/*=============================  Layout Start  =============================*/

#mainwrap {
    margin-bottom: 10px;
}

#wrap1
{
	/*float: right;*/
	margin: 44px 0 0 0; /*50px 0 0 0*/
	padding: 0;
	width: 100%;
}

/*.twocol #wrap1, .onecol #wrap1
{
	margin: 50px 0 0;
}*/

#wrap2
{
	/*float: left;*/
	margin: 0px -320px 0 0;
	padding: 0;
	width: 100%;
}

#wrap3 {
    margin-top: 10px;
    height: 100%;
}

#wrap4 {
    margin-left: 580px;
}

#secondaryNav {
	margin: 0 13px;
    padding: 0;
    width: 290px;
}

.twocol #content
{
	margin: 0 320px 0 0px;
	border-right: 1px dotted #DDDDDD;
}

.onecol #content
{
	margin: 10px 0px 0 0;
    border-left: 1px dotted #DDDDDD;
    border-right: 1px dotted #DDDDDD;
}

/*=============================  Layout End  =============================*/

/*=============================  Banner STYLES Start  =============================*/

.transparent
{
	background: none repeat scroll 0% 0% #000000;
	height: 10em;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.twocol .transparent, .onecol .transparent
{
	background: none repeat scroll 0 0 #FDF4D7;
	height: 8px;
	opacity: 0.23;
	filter: alpha(opacity = 23);
	position: relative;
	top: -8px;
}

/* added by SP 20/06/2016 */
.banner--editable 
{
	background-image: none !important;
	position: relative;
}
.banner_img p {
	margin: 0;
}
.banner_img img 
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.twocol #banner, .onecol #banner
{
	height: 118px;
	margin: 0;
	background-color: #313131;
}

.landing #banner
{
	background-image: url('/images/museums-v2/museums_landing.jpg');
	height: 380px;
}

.stafford #banner
{
	background-image: url('/images/museums-v2/18staff_landing.jpg');
	height: 380px;
}

.leighton #banner
{
	background-image: url('/images/museums-v2/lh_landing.jpg');
	height: 380px;
}

.leighton #exhibitionBanner {
    background-image: url('/images/museums-v2/ex_landing.jpg');
    height: 380px;
}

.twocol #banner, .onecol #banner
{
	height: 118px;
	background-position: 100% 0;
}

.leighton .twocol #banner, .leighton .onecol #banner
{
	background-image: url('/images/museums-v2/leighton_banner.jpg');
}

.stafford .twocol #banner, .stafford .onecol #banner
{
	background-image: url('/images/museums-v2/18staff_banner.jpg');
}

#bannerText
{
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px 40px;
	position: relative;
	text-align: right;
	top: -10em;
}

.twocol #bannerText, .onecol #bannerText
{
	background-color: #313131;
	font-weight: normal;
	height: 98px;
	margin: 0;
	padding: 10px 20px;
	position: static;
	text-align: left;
	top: 0;
	width: 268px;
}

#bannerText .BannerHeading
{
	color: #FFFFFF;
	font-size: 2em;
}

.twocol #bannerText .BannerHeading, .onecol #bannerText .BannerHeading
{
	color: #f7ce52;
	font-size: 1.5em;
}

/*=============================  Banner End  =============================*/

/*=============================  MAIN STYLES Start  =============================*/

#mainwrap, #museumFooter
{
	width: 900px;
}

.floatLeft
{
	float: left;
}

.twocol #content, .onecol #content {
    border-top: 1px dotted #DDDDDD;
    padding: 0 20px;
    width: auto;
}

#wrap3 {
    border-left: 1px dotted #DDDDDD;
    border-right: 1px dotted #DDDDDD;
}

/*#wrap4
{
	border-left: 1px dotted #DDDDDD;
}*/

ul
{
	list-style-type: disc;
	list-style-position: inside;
}

#content
{
	padding: 0;
	position: relative;
	color: #2d2c2c;
}

.home #content
{
	margin: 10px 0 0 0;
}

#content h1, #content h2, #content h3
{
	padding: 20px 0;
}

#content h1
{
	font-size: 2em;
	font-weight:bold;
}

#content h2
{
	font-size: 1.3em;
}

#content h3
{
	font-size: 1.2em;
}

#content p
{
	padding: 5px 0px 0;
}

#content p.dotted {
    clear: both;
    line-height: 1px;
    margin: 20px -20px;
    padding: 0;
}

.floatRight
{
	float: right;
}

#content a, #content a:link
{
	color: #921018;
}

#secondaryNav div {
    background-color: #FDF4D7;
    border-top: 1px solid #FDF4D7;
    color: #730E0E;
    margin-bottom: 10px;
    padding: 15px;
}

#secondaryNav h2 {
    color: #565555;
}

#secondaryNav a, #secondaryNav a:link {
    color: #730E0E;
    font-weight: normal;
}

#secondaryNav a:hover {
    text-decoration: underline;
}

.level1 {
    list-style: none outside none;
}

hr { width:auto !important; }

#top {
    background-image: url("/images/museums-v2/top_arrow.gif");
    background-position: 100% 0;
    background-repeat: no-repeat;
    margin: 0 10px;
    width: 900px;
}

#top a {
    border-bottom: 1px dotted #000000;
    color: #000000;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    margin-right: 20px;
}

#museumFooter
{
	background-color: #000000;
	margin: 10px;
	min-height: 120px;
	border-top: 8px solid #303030; 
}

#museumFooter div
{
	margin: 8px 15px;
}

#museumFooter ul, #museumFooter h2, #museumFooter a, #museumFooter p
{
	color: #ffffff;
	font-size: 0.95em;
	font-weight: inherit;
}

#museumFooter h2
{
	margin-top: 0px;
	font-size: 0.8em;
	font-weight: bold;
}

#museumFooter .floatRight
{
	text-align: right;
}

#museumFooter li
{
	padding: 0;
}

#museumFooter li a
{
	font-weight: bold;
	border-bottom: dotted 1px #ffffff;
}

#museumFooter li a:hover, #top a:hover
{
	border-bottom: none;
	text-decoration: none;
}
/*=============================  MAIN STYLES End  =============================*/


/*=============================  What's on Start  =============================*/

#content.whatson h3
{
	color: #2d2c2c;
}

#content.whatson h2, #content.whatson h3
{
	padding:0;
}

#content p.italics {
    padding: 0;
}

#content .ReadMore
{
	display: block;
	float: right;
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	width: 100px;    
	margin-bottom: 20px;
}

.leighton .ReadMore
{
	background-image: url('/images/museums-v2/whatson_leighton_arrow.png');
}

.stafford .ReadMore
{
	background-image: url('/images/museums-v2/whatson_18staff_arrow.png');
}

p.ReadMore
{
	margin-right: 20px;
}

p.ReadMore > a
{
	color: #ffffff;
}

/*=============================  What's on End  =============================*/


/*=============================  HOMEPAGE Start  =============================*/

.home h1 {
    color: #FFFFFF;
}

.home #content p, .home #content h2 {
    padding: 0;
}

.story, .followUs
{
	margin-right: 15px;
	width: 290px;
}

.endOfLine
{
	margin-right: 0px;
}

.story, .endOfLine
{
	margin-bottom: 20px;
}

.story img
{
	height: 130px;
	overflow: hidden;
}

.storyText a
{
	background: url("/images/museums-v2/hp_white_arrows.png") no-repeat scroll 97% 50% #000000;
	/*height: 35px;*/
	margin-top: 4px;
	text-align: right;
}

#content .storyText a:hover	
{
	background: url("/images/museums-v2/hp_black_arrows.png") no-repeat scroll 97% 50% #ffffff;
	color: #000000;
	border: solid 1px #000000;
	line-height: 33px;
	text-decoration: none;
}

#content .storyText a
{
	line-height: 35px;
}

#content .story a
{
	color: #FFFFFF;
	display: block; /*inline-block;*/
	/*margin-right: 35px;*/
	padding-right: 35px;
	/*margin-top: 0.6em;*/
}

#learning .story
{
	margin-right: 0;
	margin-top: 0;
	padding-left: 50px;
	width: 145px;
}

.followUs
{
	border-top: solid 1px #000000;
	border-bottom: solid 2px #000000;
	height: 165px;
}

#content .followUs p
{
/*	margin: 13px 60px; */
	margin: 7px 40px;
}

#content .followUs a
{
	color: #921018;
}

/*#content .story a:hover, */#content .followUs a:hover, #content #learning a:hover
{
	text-decoration: underline;
	background: none;
}

#learning .wrapOuter1, #sponsors .wrapOuter1
{
	margin-right: -585px;
	float:left;
	width:100%;
}

#learning .wrapInner, #sponsors .wrapInner
{
	margin: 0 585px 0 0;
}

#sponsors .wrapInner
{
	margin: 0 640px 0 0;
	border-right: 1px solid #000;
}

#learning .wrapOuter2, #sponsors .wrapOuter2
{
	margin-left: 235px;
}

#museumFooter .wrapOuter1
{
	margin-right: -200px;
	margin-left: 0;
	float:left;
	width:100%;
}

#museumFooter .wrapInner
{
	margin: 0 200px 0 0;
	padding-left: 15px;
}

#museumFooter .wrapOuter2
{
	margin-left: 715px;
	text-align: right;
}

#learning
{
	background-color: #EEEEEE;
	border-bottom: 9px solid #000000;
	color: #2D2C2C;
	padding: 35px 40px 20px;
}

#learning h2
{
	color: #9F5B0E;
}

#content #learning a
{
	color: #921018;
	margin: 0;
}

#sponsors
{
	background-color: #ffffff;
}

#sponsors h2
{
	margin-top: 0em;
	color:#000;
}


/*=============================  HOMEPAGE End  =============================*/