/*************************NAVIGATION Start************************/
#navigation  {
float:left;
line-height:1.3em;
position:relative;
width:185px;
padding:0;
margin:0;
}

#inner-navigation {
font-size:100%;
}

#navigation ul {
list-style-type:none;
margin:0;
padding:0;
}


#navigation li {
background:none repeat scroll 0 0 #FFF;
font-weight:normal;
margin:0;
padding:0;
line-height:1.2em;
}

#navigation li a, #navigation li strong  {
display:block;
color:#1D4567;
border-bottom:1px solid #C5C7CA;
position:relative;
text-decoration:none;
font-weight:normal;
padding:6px 8px;
margin:0 1px;
}

#navigation li strong {
background-color:#E7EBF1;
color:#000000;
font-weight:bold;
}

#navigation li a:hover {
	background-color: #284c83;
	color: #FFF;
}

#navigation li.home {
	border-top: 1px dotted #C5C7CA;
	border-bottom: 1px solid #FFCC33;
	background:none repeat scroll 0 0 #FFF;
}

#navigation .level1 {
background:url("/images/museums/nav_bullet.gif")  no-repeat scroll 10px 10px transparent;
}

#navigation .level1 a {
padding-left:18px;
}

#navigation .level1 strong {
background:url("/images/museums/nav_bullet.gif")  no-repeat scroll 10px 50% transparent;
background-color:#E7EBF1;
color:#000000;
font-weight:bold;
padding-left:18px;}

#navigation li .level1 strong {
background-color:#E7EBF1;
color:#000000;
font-weight:bolder;
padding-left:18px;
}

#navigation li.level2  {
	background:url("/images/museums/nav_sub.gif") no-repeat scroll 15px 50% transparent;
}

#navigation .level2 a {
padding-left:25px;}

#navigation .level2 strong {
background:url("/images/museums/nav_sub.gif")  no-repeat scroll 15px 50% transparent;
background-color:#E7EBF1;
color:#000000;
font-weight:bold;
padding-left:25px;}

#navigation li .level2 strong {
background-color:#E7EBF1;
color:#000000;
font-weight:bolder;
padding-left:25px;
}

/*kcc end*/
/*
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color:#FFFFFF;
}

#navigation ul.navigation-list li {
	color:#524E4A;
	margin: 0;
	padding:2px;
	border-top: 1px solid #C5C7CA;
}

#navigation ul li a:link,  #navigation ul li a:visited {
	text-decoration:none;
}

#navigation a {
	font-weight:normal;
}

#navigation .navigation-list li a:link, #navigation .navigation-list ul li a:visited {
	color:#1D4567;
	padding:2px 2px 2px 5px;
	margin:0;
	text-decoration:none;
	font-weight:normal;
}

#navigation li a:hover {
	background-color: #284c83;
	color: #FFF;

	}

#navigation ul.navigation-list li a:hover {
	background-color:#284c83;
	color:#FFFFFF;
}

#navigation ul li.home {

	border-top: 1px dotted #C5C7CA;
	border-bottom: 1px solid #FFCC33;
	background:none repeat scroll 0 0 #FFF;
}

#navigation ul.navigation-list li.level1 strong   {
background-color:#e7ebf1;
padding:4px 100px 2px 8px;
margin-left:0px;
margin-top:-2px;
margin-bottom:-2px;
margin-right:0px;
}

#navigation ul.navigation-list li.level1  {
	padding-left:5px;
	background:url("/images/museums/nav_bullet.gif") no-repeat scroll 1px 50% transparent;
}

#navigation ul.navigation-list li.level2  {
	padding:2px 2px 2px 10px;
	margin:0;
	background:url("/images/museums/nav_sub.gif") no-repeat scroll 4px 50% transparent;
}

*/


/*=======================Navigation Contact Box Start ================================*/

#navcontactbox ul 
{
	background: #284C83;
	padding:15px 0 15px;
	margin-top:15px;
	list-style-type: none;
}

#navcontactbox ul li {background:none repeat scroll 0 0 #284C83;}

#navcontactbox ul li a {border-bottom: 0px;}

#navcontactbox ul li a:link 
{
	text-decoration:none;
	font-weight:normal;
	display:block;
	list-style-type: none;
}	

#navcontactbox ul li a, ul#navcontactbox li a:link {
color:#FFFFFF;
font-weight:normal;
list-style-type: none;
}	

#navcontactbox ul li a:hover
{
	color: #ffcc33;
	font-weight:bold;
	list-style-type: none;
}

#navcontactbox ul li a:active 
{
	color: #E5D69C;
	font-weight:bold;
	text-decoration:underline;
	}


/*
ul#navcontactbox
{
	background: #284C83;
	padding:15px 0 15px;
	margin-top:15px;
	list-style-type: none;
}

ul#navcontactbox li
{
	background-image:none;
}

ul#navcontactbox li a:link 
{
	text-decoration:none;
	font-weight:normal;
	display:block;
	list-style-type: none;
}	

ul#navcontactbox li a, ul#navcontactbox li a:link {
color:#FFFFFF;
font-weight:normal;
list-style-type: none;
}	

ul#navcontactbox li a:hover
{
	color: #ffcc33;
	font-weight:bold;
	list-style-type: none;
}

ul#navcontactbox li a:active 
{
	color: #E5D69C;
	font-weight:bold;
	text-decoration:underline;
	}
*/
/*=======================Navigation Contact Box End ================================*/

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

/*=======================Breadcrumb Start ================================*/
#breadcrumbs {
	font-size:90%;
	margin:1px 0 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 ================================*/

/*=======================  Right hand column for 3 column template start ================================*/

#related {
	float:right;
	margin-bottom:0;
	margin-right:10px;
	padding:0;
	width:175px;
	}

#related h2 {
	border-bottom: 8px solid #1253B5;
	font-weight:bold;
	color:#1253B5;
	padding-left: 10px;
	}

#related ul {
list-style-type:none;
margin-left:10px;
padding:0;
}

#related a, #related, a:link
{
	color: #346197;
	} 	
	
#related a:hover
{
	color: #ffcc33;
	font-weight:bold;
	text-decoration: none;
	} 	
	
#related ul, #related li 
{
	/*list-style-type: square;
	background:url("/images/museums/related.gif") no-repeat scroll 50% 50% transparent;*/
	color: #FBC300;
	list-style-position:inside;
	
	}
	
#related li 	
{	background:url("/images/museums/related.gif") no-repeat scroll 10% 50% transparent;
 	background-position:left;
 	}
	
#rhcPromocolumn 
{
	float:right;
/*	margin-top:-350px;*/
	padding:0;
	/*width:230px;*/
	width:198px;
	}
	
#rhcPromocolumn .promobox {
background-color:#F2F2F2;
border: 1px solid #F2F2F2;
}	

#rhcPromocolumn .promobox h2 {
border-bottom:2px solid #236566;
color:#236566;
padding-left:10px;
	margin-left:5px;
	margin-right:5px;
}

#rhcPromocolumn .promobox img
{
	padding-top:10px;
	padding-left:5px;
	padding-bottom:20px;
	}

#rhcPromocolumn .promoboxtext {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}

#rhcPromocolumn .promoboxtext a. #rhc .promoboxtext:link  
{color:#32677F;}

#rhcPromocolumn .promoboxtext a:hover {
	text-decoration: none;
	background-color: #284c83;
	color:#FFFFFF;
}

#rhcPromocolumn .LocationBox{
background-color:#F2F2F2;
margin-top:20px;
}

#rhcPromocolumn .LocationBox h2 {
	border-bottom:2px solid #236566;
	padding-left:10px;
	color:#236566;
	margin-left:5px;
	margin-right:5px;
}

#rhcPromocolumn .LocationBox img{
	padding-top:10px;
	margin-left:20px;
}

#rhcPromocolumn .LocationBox p {
	margin-left:20px;
	padding-bottom:10px;
	}

/*=============================  Right hand column for 3 column template end ================================*/

/*=============================  Right hand Column for Leighton House Start  =============================*/
	
#rhc {
	float:right;
	/*margin-top:-580px;
	margin-top:-680px;*/
	padding:0;
	/*width:230px;*/
	width:198px;

}

#rhc .tourbox {
background-color:#F2F2F2;
border: 1px solid #F2F2F2;
}

#rhc .tourbox h2 {
border-bottom:2px solid #236566;
color:#236566;
padding-left:10px;
	margin-left:5px;
	margin-right:5px;
}

#rhc .tourbox embed
{
	padding-top:10px;
	padding-left:10px;
	}
 
#rhc .flashtext {
background-color:#F2F2F2;
margin-right:35px;
/*margin-left:35px;*/
margin-left:18px;
padding-top:10px;
padding-bottom:20px;
}

#rhc .tourboxtext {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}

#rhc .tourboxtext a. #rhc .tourboxtext:link  
{color:#32677F;}

#rhc .tourboxtext a:hover {
	text-decoration: none;
	background-color: #284c83;
	color:#FFFFFF;
}
#rhc .LocationBox{
background-color:#F2F2F2;
margin-top:20px;
}

#rhc .LocationBox h2 {
	border-bottom:2px solid #236566;
	padding-left:10px;
	color:#236566;
	margin-left:5px;
	margin-right:5px;
}

#rhc .LocationBox img{
	padding-top:10px;
	margin-left:5px;
}

#rhc .LocationBox p {
	margin-left:20px;
	padding-bottom:10px;
	}
 
/*=============================  Right hand Column for Leighton House End  =============================*/

/*=============================  NAVIGATION End  =============================*/

/*=============================  MAIN STYLES Start  =============================*/
ul {
list-style-type:none;
margin-left:20px;
padding:0;
}

#content  {
	margin:-1px 50px 0 220px;
	padding:0;
	position:relative;
	}
	
#content3column {
	/*margin:-1px 185px 0 220px;
	margin:-1px 240px 0 205px;*/
	margin: -1px 225px 0 200px;
	padding:0;
	position:relative;
	}
	
#content h1, #content3column h1{
	font-size:2em;
	font-weight: bolder;
	}
	
#content h2, #content3column h2 
{
	font-size:1.4em;
	/*margin-top:1em;*/
	}
	
#content ul li, #content3column ul li  {
	background:url("/images/museums/body.gif") no-repeat scroll 10% 50% transparent;
	background-position:left;
	}
	
#content li, #content3column li {
margin-left:35px;
padding-left:25px;
}
	
#content a, #content a:link, #content3column a, #content3column a:link {
	color:#284C83;
	font-weight:bold;
	text-decoration:none;
	}
	
#content a:visited, #content3column a:visited  {
	text-decoration:none;
	}

#content a:hover, #content3column a:hover
{
	text-decoration: none;
	background-color: #284c83;
	color:#FFFFFF;
	
	}




#eventsnewsbox {
	width:580px;
	margin-left:15px;
	padding-left:10px;
	}

#eventsnewsbox ul {
list-style-type:none;
margin-left:0;
padding:0;
}

#eventsnewsbox a, #eventsnewsbox a:link {
	color:#346197;	
	font-weight:normal;
	}

#eventsnewsbox a:hover {
	text-decoration: none;
	background-color: #284c83;
	color:#FFFFFF;
	}
			
/*	
#eventsbox {
	float:left;
	width:345px;
	border-right: 1px solid #E3E3E1;
	margin-left:10px;
	}

#newsbox {
	float:right;
	width:410px;
	}
	
#eventsbox li, #newsbox li {	
	background:url("/images/rbkc/breadcrumb-bullet.gif") no-repeat scroll 7px  50% transparent;
	color:#284C83;
	}	

#newsbox li {
	border-right: #E3E3E1;
	}	

*/

 	
hr
{
color: #C5C7CA;
background-color: #C5C7CA;
height: 1px;
	}
	

/*=============================  MAIN STYLES End  =============================*/


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


#feature
{
margin: 0px;	/*set at 0px for IE*/
}



/* floats for homepage - doesn't seem to be used, moved to div.float
feature.float
{
	margin-left: 45px;
	border: 1px solid #E3EAEA;
	/*border-bottom: 2px solid #40616A;
	width: 675px;
}*/

div.spacer 
{
	clear: both;
}

div.float {
	float: left;
	margin-left:15px;
	background-color: #E4ECEC;
  }
div.float h2 {
	text-align: left;
	color:#236566;
	font-size:1.5em;
  }
  
div.float h3 {
	text-align: left;
	color:#236566;
  }
   
div.float img {
float:left;
margin: 0px 15px 0px 0px;
   }     
   
div.float p {
	text-align: left;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-bottom: 0px;
   }

div.container 
{
	margin: 0px;	/*set at 0px for IE*/
	/*margin-left: 15px;	
	/*border-top: 1px solid #E3E3E1;*/
	/*border-top:5px solid #32677F;
	border-right: 1px solid #E3E3E1;
 	border-left: 1px solid #E3E3E1;
	border-bottom: 2px solid #40616A;
	/*padding:15px 15px 15px 8px;*/
	/*margin: 5px 5px 5px 5px;*/
	/*padding-left:15px;
	width: 668px;
	x;
	*/
}

div.containerfloat {
	float: left;
	margin-left:20px;
	/*background-color: #E4ECEC;*/
  }


div.museumfloat
{
	float: left;
	margin-left:0px;
	background-color: #FFFFFF;
	border-bottom: 2px solid #40616A;
	border-right: 1px solid #E3E3E1;
 	border-left: 1px solid #E3E3E1;
	border-top: 1px solid #E3E3E1;
	/*margin: 5px 5px 5px 5px;
	padding-top: 15px;
	padding-left: 15px;
	margin: 2px 2px 2px 2px;*/
	padding: 15px;
	/*border-left: 1px solid #E3E3E1;
	border-top:5px solid #32677F;
	border-bottom: 0px;*/
	/*border-bottom: 2px solid #40616A;*/
	width:160px;
	height:200px;
	/*width: 149px;*/
}

div.museumfloat h3
{
	font-size:1em;
	border-top:5px solid #40616A;
	margin-left:2px;
	margin-right:2px;
}

#Leighton h3
{border-top:5px solid #3E93B9;
 color:#32677F;}
 
#Leighton a, #Leighton a:link
{color:#32677F;}

#Leighton a:hover {
	text-decoration: none;
	background-color: #284c83;
	color:#FFFFFF;
}

#Staff h3
{border-top:5px solid #36A0A1;
 color:#2B776D;}

#Staff a, #Staff a:link
{color:#2B776D;}

#Staff a:hover {
	text-decoration: none;
	background-color: #284c83;
	color:#FFFFFF;
}

#Orangery h3 
{border-top:5px solid #C4A439;}

#Orangery a, #Orangery a:link
{color:#a57d11;}

#Orangery a:hover {
	text-decoration: none;
	background-color: #284c83;
	color:#FFFFFF;
}

#Ice h3
{border-top:5px solid #4BEEBA;
 color:#5EB398;}
 
#Ice a, #Ice a:link
{color:#267a5f ;}

#Ice a:hover {
	text-decoration: none;
	background-color: #284c83;
	color:#FFFFFF;
}

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


/*=============================  Visit Us page Start  =============================*/

.accordion {
	width: 580px;

}
.accordion h2 {
	background: #333 url("/images/museums/arrow-square.gif") no-repeat right -45px;
	padding: 7px 15px;
/*	margin: 0;*/
	cursor: pointer;
	color:#FFF;
	font-weight:normal;
	
}
.accordion h2:hover {
	background-color: #284C83;
}
.accordion h2.active {
	background-position: right 11px;
	background-color:#284C83;
}
.accordion p {
/*	background: #f7f7f7;
	margin: 0;
	padding: 7px 15px;*/
}
.accordion p a:hover {
color:#fff;
}

.accordion p iframe {
float:right;
padding-left:10px;
}

.accordion h3 
{
	font-weight:lighter;
	font-size:small;
	}
/*=============================  Visit Us page Start  =============================*/