/* Museums RBKC Styles, based on ohp for microsites v1.  Need to trim out whats not required */

html, div, map, dt, isindex, form {
display:block;
}

#content label, .form p, #content input, #content select, #content textarea, .form .long-label {
margin-bottom:0.25em;
margin-top:0.25em;

}

#header  {
border-bottom:1px solid #1253B5;
border-top:8px solid #1253B5;
margin:7px 10px 0px;
/*min-height:85px;*/
min-height:55px;
padding:0;
position:relative;
color:#000;
}

#header, #header a, #header a:link {
color:#858585;
}

#header-inner {
position:absolute;
width: 320px;
margin-top:1px;
top:45%;
right: 1px;
}

#header-inner input {
border:1px solid #666666;
padding:1px 0;
}

#header-inner input.submit {
background:url("/images/rbkc/button_navy.gif") no-repeat scroll 0 50% transparent;
border:medium none;
color:#FFFFFF;
font-weight:bold;
margin-left:4px;
padding:4px 7px 4px 2px;
width:94px;
}


/*

#header-inner form p {
font-size:1em;
position:relative;
right:0;
top:0;
}


#header #form p {
background:url("/images/rbkc/magnifier.png") no-repeat scroll 250px 10px transparent;
}
*/

/*
#header-inner #searchbox.form {
margin-top:3px;
position:absolute;
right:10px;
top:25%;
width: 380px;
}


#header-inner #searchbox.form p {
font-size:1em;
margin-right:10px;
padding:10px;
position:relative;
right:0;
top:0;
}
*/

 /* realign with search*/
 /* 
#header-inner p {
font-weight:bold;
right:1px; 
top:3em;
}
*/




 /*
#header-inner #searchbox.form input.submit {
background:url("/images/rbkc/button_navy.gif") no-repeat scroll 0 50% transparent;
border:medium none;
color:#FFFFFF;
font-weight:bold;
margin-left:4px;
padding:4px 7px 4px 2px;
width:94px;
}

#header-inner #searchbox.form input {
border:1px solid #666666;
padding:1px 0;
}

*/












/*
#header, #header a, #header a:link
{
	color: #858585;
}

#header
{
	border-top: 8px solid #1253B5;
	border-bottom: 1px solid #1253B5;
	position: relative;
	margin: 7px 10px 10px;
	min-height: 85px;
	padding: 0;
}

/*
html, div, map, dt, isindex, form
{
	display: block;
}

html > body
{
	font-size: 13px;
}

body
{
	color: #333333;
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 80%;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

#mainbody, #breadcrumbs, .colmask, #footer, #sponsors
{
	width: 95%;
	margin: 0 0 0 2.5%;
}

#gallerylayout
{
	width: 95%;
	margin: 0 0 0 2.5%;
}

#gallerylayout ul li
{
	float: left;
	list-style: none;
}


#mainbody-inner
{
	background: transparent url(/images/ohp/light/main-t-full-l.png) no-repeat scroll left top;
	position: relative;
	left: -1px;
}

/*
.colmask
{
	position: relative; /* This fixes the IE7 overflow hidden bug */
/*	clear: both;
	float: left;
	overflow: hidden; /* This chops off any overhanging divs */
}
/*
#breadcrumbs, # gallerylayout, #sponsors, .colmask
{
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
}

.homepage
{
	border-bottom: 1px solid #D7D7D7;
}

/* common column settings */
/*.colright, .colmid, .colleft
{
	float: left;
	width: 100%; /* width of page */
	position: relative;
/*}

.col1, .col2, .col3
{
	float: left;
	position: relative;
	padding: 0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead  						only padding top and bottom is included here, make it whatever value you need */
	overflow: hidden;
}

/* 3 Column settings */
/*.colmid
{
	right: 25%; /* width of the right column */
	background: #fff; /* center column background colour */
}
/*
.colleft
{
	right: 50%; /* width of the middle column */
}
/*
.col1
{
	width: 54%; /* width of center column content (column width minus padding on either side) */
	left: 98%; /* 100% plus left padding of center column */
}
/*
.col2
{
	width: 21%; /* Width of left column content (column width minus padding on either side) */
/* 	left: 22%; width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
/*
.col3
{
	width: 21%; /* Width of right column content (column width minus padding on either side) */
/*	left: 79%; /* Please make note of the brackets here: 						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
/*}

#footer
{
	clear: both;
	float: left;
	margin-bottom: 10px;
}

#footer-inner-one
{
	background: transparent url(/images/ohp/light/main-b-full-r.png) no-repeat scroll right bottom;
	position: relative;
	left: 2px;
}

#footer-inner-two
{
	background: transparent url(/images/ohp/light/main-b-full-l.png) no-repeat scroll left bottom;
	position: relative;
	left: -3px;
}

#sponsors ul li
{
	float: left;
	list-style: none;
}



a:hover
{
	text-decoration: underline;
}

a:visited
{
	text-decoration: none;
}

a, a:link
{
	color: #2375C5; /*font-weight:bold;*/
	text-decoration: none;
/**}

#header-inner {
background:#4175C4 url(/images/rbkc/rbkc-transparency-hor.png) repeat-x scroll 0 0;
margin:5px 0 0;
min-height:54px;
padding-left:32px;
position:relative;
}

#header ul
{
	height: 2em;
	position: absolute;
	right: -5px;
	text-align: right;
	top: 0;
	width: 70%;
	margin: 0;
}

#header-inner p
{
	font-size: 0.85em;
	font-weight: bold;
}
/*
.Normal, p
{
	line-height: 1.5em;
	margin: 0.1em 0 0.2em;
	padding: 0;
}

/*ul {
list-style-type:none;
padding:0;
}*/
/*
h1, h2, h3, h4, h5
{
	color: #3F3F3F;
}

h1
{
	font-size: 1.5em;
}

h2
{
	font-size: 1.3em;
}

h1, h2, h3, h4, h5
{
	margin: 0.2em 0;
}

h1
{
	display: block;
	font-size: 2em;
	font-weight: bold;
	margin: 0.67em 0;
}

h1, h2, h3, h4, h5, p, ol, li, table, dl, dt, dd
{
	line-height: 1.5em;
	margin: 0.1em 0 0.2em;
	padding: 0;
}

ul, menu, dir
{
	display: block; /* list-style-type:disc;*/ /* commented out for footer*/
	margin: 1em 0;
	padding-left:20px;
}
/*
#header ul li.first-child
{
	background: transparent none repeat scroll 0 0;
}

#header ul li
{
	/*background:transparent url(/images/rbkc/bullet-site-links.gif) no-repeat scroll 0 0.5em;
	display: inline;
	font-size: 85%;
	font-weight: bold;
	margin: 0;
	padding: 0 5px 0 15px;*/
}

/*ul li {
background:transparent url(/images/rbkc/jobs-careers-council/bullet-job.gif) no-repeat scroll 2px 0.1em;
}*/
/*
li
{
	margin: 0.3em 0 0 15px;
	padding-left: 15px;
}

/*li {
display:list-item;
}*/
/*
#inner-one
{
	background: #608CCD url(/images/rbkc/rbkc-transparency-hor.png) repeat-x scroll 0 0;
}

#header h1, #header h2
{
	background: #1253B5 url(/images/rbkc/rbkc-transparency-hor.png) repeat-x scroll 0 0;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
	padding: 0.72em 12px;
	width: 60%;
}

#header h1, #header h2, .pseudoH1
{
	background: #1253B5 url(/images/rbkc/rbkc-transparency-hor.png) repeat-x scroll 0 0;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
	padding: 1em 12px;
	width: 60%;
}

.Heading1, h1
{
	color: #3F3F3F;
	font-size: 1.5em;
	margin: 0.2em 0;
}

#header-inner #searchbox.form
{
	/*margin-top:3px;*/
	position: absolute;
/*	right: 0px;
	top: 25%;
	width: 285px;
}

#header-inner #searchbox.form input
{
	border: 1px solid #666666;
	padding: 1px 0;
}

#header-inner #searchbox.form input.submit
{
	/*background:transparent url(/images/rbkc/button-white.png) no-repeat scroll 0 0;
	background: transparent url(/images/rbkc/button-blue.gif) no-repeat scroll 0;
	border: medium none;
	font-weight: bold;
	margin-left: 4px;
	padding: 4px 7px 4px 2px /*2px 7px 2px 2px
	width: 94px;
	color: #FFFFFF;
}*/
/*
#header-inner #searchbox.form p
{
	font-size: 1em;
	position: relative;
	right: 0;
	top: 0;
	margin-right: 10px;
	padding: 10px;
}


#header #searchbox.form p
{
	background: transparent url(/images/rbkc/magnifier.png) no-repeat scroll 250px 10px;
}

#header-inner #searchbox.form p
{
	font-size: 1em;
	position: relative;
	right: 0;
	top: 0;
}

#header-inner p
{
	position: absolute;
	right: 27px;
	top: 5em;
}

p, dl, multicol
{
	display: block;
	margin: 1em 0;
}

#content label, .form p, #content input, #content select, #content textarea, .form .long-label
{
	margin-bottom: 0.25em;
	margin-top: 0.25em;
}

#header #header-corner
{
	background: transparent url(/images/rbkc/cnr-heading.png) no-repeat scroll left top;
	bottom: 0;
	height: 15px;
	left: 0;
	position: absolute;
	width: 15px;
}


/* ========Remove off screen element and skip link active/focus styles========*/
/*
.rm
{
	position: absolute;
	left: -999em;
}

a.rm:active, a.rm:focus
{
	top: 8px;
	left: 208px;
	border: 8px #1253B5 solid;
	background-color: #fff;
	padding: 5px;
	color: #000 !important;
}

#header ul li img
{
	margin: 0 3px 0 0;
}

#header img
{
	margin: 5px 0 0 53px;
}

img
{
	border: 0 none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

img
{
	border-width: 0;
}

#rbkcfooter
{
	border-top: 5px solid #8DACDC;
	color: #666666;
	margin-top: 15px;
	padding: 0;
}

#rbkcfooter
{
	clear: both;
	margin: 0 10px;
	padding: 0px;
	height: 80px; /*padding:5px;*/
}
/*
#rbkcfooter  {
border-top:5px solid #6891D0;
margin:0;
padding-top:1em;
}
*/
/*
#rbkcfooter ul
{
	border-top: 5px solid #6891D0;
	margin: 0;
	padding-top: 1em;
}

#rbkcfooter
{
	color: #666666;
}

#rbkcfooter li
{
	background-image: none;
	display: inline;
	margin-right: 0;
	padding: 0 5px 0 0;
}

#content h1
{
	font-size: 1.5em;
	font-weight: normal;
}

.Heading1, h1
{
	color: #3F3F3F;
	font-size: 1.5em;
	margin: 0.2em 0;
}

#navigation
{
	font-size: 100%;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}

ul.nav, .nav ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 10px;
}

#navigation li, #related li
{
	padding: 0;
	margin: 0;
}

.nav li a {
	background:transparent url(/images/ohp/light/menus/menustyle3/menu3-dot.png) no-repeat scroll 5px 9px;
	color:#777777;
}

.nav li li a {
	background:transparent url(/images/ohp/light/menus/menustyle3/menu3-side-sub.png) no-repeat scroll 4px 12px;
}

.nav li li li a {
	background:transparent url(/images/ohp/light/menus/menustyle3/menu3-square.png) no-repeat scroll 4px 10px;
}

.nav li a:hover {
	background:transparent url(/images/ohp/light/menus/menustyle3/menu3-sideactive.png) no-repeat scroll 0px 4px;
}

.nav li strong {
	background:transparent url(/images/ohp/light/menus/menustyle3/menu3-sideactive.png) no-repeat scroll 0px 4px;
	border:0 none;
	color:#333333;
}

.nav li a, .nav li strong
{
	display: block;
	padding: 3px 25px; 
	border-bottom:solid 1px #eeeee5;
}

#navigation li ul
{
	margin: 0 0 0 15px;
}

/*#navigation
{
	color: #756C6C;
	font-size: 100%;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}

#navigation .level0 ul
{
	border: none;
}

#navigation ul, #related ul
{
	padding: 0;
	border-bottom: 1px solid #777777;
}

#navigation li, #related li
{
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #777777;
}

#navigation li a
{
	color: #001B48;
	font-size: 100%;
}

#navigation li a, #navigation li strong
{
	background-color: #eeeee5;
	display: block;
	padding: 5px 15px; 
}

#navigation li ul
{
	margin: 0 0 0 15px;
}

#navigation li strong
{
	background-color: #d7d7d7;
}*/
/*
#navigation .grey-box
{
	background-color: #EEEEE5;
	border-top: 6px solid #F4F4EE;
	color: #5A5053;
	font-size: 90%;
	margin-right: 10px;
	padding: 10px;
}

#navigation .contact h2
{
	background: transparent url(/images/rbkc/contact.gif) no-repeat scroll 0 0.1em;
	margin: 0;
	padding: 4px 0 10px 40px;
}

#navigation .contact a
{
	padding: 5px;
}

#navigation h2
{
	color: #756C6C;
	font-size: 1.1em;
}

#navigation dt
{
	margin-bottom: 0;
}

dt
{
	font-weight: bold;
}

.Heading2, h2
{
	color: #3F3F3F;
	font-size: 1.3em;
	margin: 0.2em 0;
}

#breadcrumbs
{
	font-size: 90%;
}

#breadcrumbs p, #breadcrumbs ol, #breadcrumbs li
{
	display: inline;
	margin: 0;
	padding: 0;
}

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

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

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


#related
{
	font-size: 1em;
	background-color: #EEEEE5;
	border-top: 6px solid #F4F4EE;
	color: #5A5053;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 10px 20px 10px 10px;
	text-align: justify;
}
/*Assume this should go into cms css (ohp)
#related h2 {
margin:0.2em 0;
font-size:1.1em;
font-weight:bold;
}
*//*
#mainwrap
{
	margin: 0 10px 0;
	padding: 0;
}

#wrap1
{
	float: right;
	margin: 0 0 0 -269px;
	padding: 0;
	width: 100%;
	border-left: 1px solid #D7D7D7;
	border-right: 1px solid #D7D7D7;
}

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

#content
{
	border-top: 1px solid #FFFFFF;
	margin: -1px 185px 0 220px;
	padding: 0;
	position: relative;
}

br.cl, div.cl
{
	font-size: 0.1px;
	height: 0;
	line-height: 0;
}

.cl
{
	clear: both;
}

ul#navlist
{
	padding: 0;
	margin: 0 0 0 100px;
	list-style-type: none;
	border-top: 1px solid #D7D7D7;
}

ul#navlist li
{
	display: inline;
	float: left;
}
/*
ul#navlist li a
{
width: 5em;
color: #fff;
padding: 0.2em 1em;
text-decoration: none;
}*/