/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	
	ALL COLOUR STYLES ARE IN THEIR
	OWN STYLESHEET EXCEPT THE 
	HOMEPAGE STYLES
	
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		line-height: 1.5em;
	}
	
	body {
		margin: 0;
		text-align: center;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		text-decoration: none;
		font-weight: bold;
	}
	
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
	/* UL, OL */
	ul, ol {
		padding: 0 0 0 35px;
	}
	
	/* Padded container */
	.pad {
		padding: 20px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#innerwrap {
		margin: 0 auto;
		width: 964px;
		padding: 0;
		text-align: left;
	}
	#headerwrap {
		float: left;
		width: 964px;
		margin: 0;
		padding: 0;
		position: relative;
	}
	#navwrap {
		float: left;
		width: 964px;
		margin: 0 0 15px 0;
		padding: 0;
	}
	#contentwrap {
		float: left;
		width: 964px;
		margin: 0;
		padding: 0;
		position: relative;
	}
	#content {
		float: right;
		width: 725px;
	}
	#leftcolumn {
		float: left;
		width: 192px;
		padding: 0;
		margin: 0;
	}
	#footerwrap {
		float: left;
		width: 964px;
		margin: 0;
		padding: 0;
	}
	#footerinnerwrap {
		float: left;
		width: 944px;
		margin: 0;
		padding: 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
	}	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Table ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	table {
		border: 1px solid #E5BD00;
	}
	thead th {
		background: #E5BD00;
		padding: 3px 8px;
		color: #fff;
		border-bottom: 1px solid #D69D00;
		border-right: 1px solid #D69D00;
		text-align: center;
	}
	tbody th {
		background: #FBF5D9;
		padding: 5px 10px;
		color: #222;
		border-bottom: 1px solid #E5BD00;
		border-right: 1px solid #E5BD00;
	}
	td {
		background: #fff;
		padding: 3px 8px;
		border-bottom: 1px solid #E5BD00;
		border-right: 1px solid #E5BD00;
	}
	.lastrow th, .lastrow td {
		border-bottom: 0;
	}
	.styledcell {
		border: 0;
	}	
	caption {
		padding: 0 0 10px 0;
		font-weight: bold;
		text-align: left;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3 {
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	h1 {
		font-size: 1.8em;
	}
	h2 {
		font-size: 1.2em;
	}
	h3 {
		font-size: 1em;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#headerwrap a {
		font-weight: normal;
	}
	/* LOGO */

	#logo {
		margin: 0;
		padding: 0;
		width: 309px;
		height: 101px;
		text-indent: -3000em;
		font-size: 1px;
		overflow: hidden;
	}
	#logo a {
		width: 309px;
		height: 101px;
		display: block;
	}
	
/* CONTACT INFO */

	#contact {
		list-style: none;
		padding: 0;
		margin: 0;
		position: absolute;
		top: 10px;
		right: 0;
	}
	#contact li {
		float: left;
		margin: 0 0 0 15px;
		padding: 0;
	}
	
/* NEWS TICKER */

	#newsticker {
		list-style: none;
		padding: 3px 0 0 0;
		margin: 0;
		position: absolute;
		top: 32px;
		right: 0;
		width: 430px;
		text-align: right;
		border-top: 1px solid #f3f3f3;
	}
	#newsticker p {
		margin: 0;
		padding: 0;
	}

	#newsticker ul{
		padding:0px;
		margin:0px;
	}

	#newsticker li{
		padding:5px 0px 5px 0px;
		margin:0px;
	}
	
/* ARROW LINKS */

	#toplinks {
		list-style: none;
		padding: 0;
		margin: 0;
		position: absolute;
		bottom: 0;
		right: -17px;
	}
	#toplinks li {
		float: left;
		margin: 0;
		padding: 0;
		height: 37px;
		text-indent: -3000em;
		font-size: 1px;
		overflow: hidden;
	}
	#toplinks li a {
		display: block;
		height: 37px;
	}
	#toplinks li.whatson a { width: 117px; }
	#toplinks li.whatson a:hover, #toplinks li.whatson a.selected { background-position: bottom left; }
	
	#toplinks li.findus a { width: 150px; }
	#toplinks li.findus a:hover, #toplinks li.findus a.selected { background-position: bottom left; }
	
	#toplinks li.mailing a { width: 187px; }
	#toplinks li.mailing a:hover, #toplinks li.mailing a.selected { background-position: bottom left; }
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* NAVIGATION BAR STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#nav {
		float: left;
		width: 964px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#nav li {
		float: left;
		margin: 0 1px 0 0;
		padding: 0;
	}
	#nav li a {
		float: left;
		margin: 0;
		padding: 5px 18px;
		display: block;
	}
	
/* Inner template banner styles */

	.innerbannerwrap {
		margin: 0;
		padding: 0;
	}
	.innerbannerwrap p {
		margin: 0;
		padding: 0;
	}
	.innerbannerwrap img {
		margin: 0;
		padding: 0;
	}
	
	ul.sublevel .innerselected a{
		font-weight:bold!important;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#content a:hover {
		border-bottom: 1px dotted #ff0358;
	}
	#content .blanklink a:hover {
		border: none;
	}
	.first {
		font-size: 1.2em;
		font-weight:bold;
	}
	.lastimg {
		margin: 0;
		padding: 0;
	}

/******* HOMEPAGE SPECIFIC STYLING ******/	

/* HOMEPAGE BANNERS DEFAULT STYLING */
	#hpbanners {
		width: 964px;
		height: 324px;
		float: left;
		margin: 0 0 10px 0;
	}
	#hpbanners div {
		width: 964px;
		height: 324px;
		float: left;
		position: absolute;
	}
	#hpbanners .hpbanner_inner{
		width: 350px;
		height: auto;
		float: none;
		position: absolute;
		top: 100px;
		right: 0;
		padding: 20px;
		margin: 0 0 35px 0;
		color: #fff;
		background: url(../images/bg_black70trans.png);
		z-index:10;
	}
	
	#hpbanners .banner_image{
		position:relative;
		z-index:2;
	}
	
	* html #hpbanners div div {
		background: #000;
	}
	

	#hpbanners h1 {
		display:none;
	}
	
	
	#hpbanners h2 {
		color:#fff;
		font-size:170%;
	}
	
	#hpbanners p {
		margin: 0 0 10px 0;
		padding: 0;
	}
	#hpbanners .more {
		float: right;
		padding: 0 10px 0 0;
		margin: 0;
	}
	
	.clearbanner{
		float:left;
		clear:both;
	}
	
/* HOMEPAGE BANNER SPECIFIC STYLING - BANNER 1 */	

	
	.hpbanner_inner h1 { background: url(../images/hpimages/title_telling_story.gif) no-repeat top left; }
	
	#hpbanners .imgselector1 { background: url(../images/hpimages/hpbanner1.jpg) no-repeat top left; }
	#hpbanners .imgselector2 { background: url(../images/hpimages/hpbanner2.jpg) no-repeat top left; }
	#hpbanners .imgselector3 { background: url(../images/hpimages/hpbanner3.jpg) no-repeat top left; }
	#hpbanners .imgselector4 { background: url(../images/hpimages/hpbanner4.jpg) no-repeat top left; }
	#hpbanners .imgselector5 { background: url(../images/hpimages/hpbanner5.jpg) no-repeat top left; }
	#hpbanners .imgselector6 { background: url(../images/hpimages/hpbanner6.jpg) no-repeat top left; }
	#hpbanners .imgselector7 { background: url(../images/hpimages/hpbanner7.jpg) no-repeat top left; }
	#hpbanners .imgselector8 { background: url(../images/hpimages/hpbanner8.jpg) no-repeat top left; }
	#hpbanners .imgselector9 { background: url(../images/hpimages/hpbanner9.jpg) no-repeat top left; }
	#hpbanners .imgselector10 { background: url(../images/hpimages/hpbanner10.jpg) no-repeat top left; }
	#hpbanners .imgselector11 { background: url(../images/hpimages/hpbanner11.jpg) no-repeat top left; }
	#hpbanners .imgselector12 { background: url(../images/hpimages/hpbanner12.jpg) no-repeat top left; }
	#hpbanners .imgselector13 { background: url(../images/hpimages/hpbanner13.jpg) no-repeat top left; }
	#hpbanners .imgselector14 { background: url(../images/hpimages/hpbanner14.jpg) no-repeat top left; }
	#hpbanners .imgselector15 { background: url(../images/hpimages/hpbanner15.jpg) no-repeat top left; }
	#hpbanners .imgselector16 { background: url(../images/hpimages/hpbanner16.jpg) no-repeat top left; }
	#hpbanners .imgselector17 { background: url(../images/hpimages/hpbanner17.jpg) no-repeat top left; }
	#hpbanners .imgselector18 { background: url(../images/hpimages/hpbanner18.jpg) no-repeat top left; }
	#hpbanners .imgselector19 { background: url(../images/hpimages/hpbanner19.jpg) no-repeat top left; }
	#hpbanners .imgselector20 { background: url(../images/hpimages/hpbanner20.jpg) no-repeat top left; }
	
/* SECTION BOXES BELOW BANNER */
	#sectioninfoboxes {
		width: 966px;
		float: left;
		margin: 0 -2px 0 0;
		padding: 0 0 20px 0;
	}
	.secbox {
		width: 192px;
		float: left;
		margin: 0 1px 0 0;
		position: relative;
	}
	.secbox .homeinfo {
		margin: 0;
		padding: 10px 15px;
		position: relative;
		height: 8em;
	}
	
	.secbox h2 {
		width: 192px;
		height: 36px;
		overflow: hidden;
		margin: 0;
		padding: 0;
		text-indent: -3000em;
		font-size: 1px;
		overflow: hidden;
	}
	.secbox h2 a {
		margin: 0;
		padding: 0;
		width: 192px;
		height: 36px;
		display: block;
	}
	.secbox p {
		margin: 0;
		padding: 0;
	}
	.secbox .img {
		margin: 0;
		padding: 1px 0;
	}
		
	.secbox ul, .seclinks, .seclinksinner {
		margin: 0px 0px 0px 0px;
		padding: 7px 0px 7px 15px;
		list-style: none;
	}
	.secbox ul li, .seclinks li, .seclinksinner li {
		height: 21px;
		overflow: hidden;
		margin: 0 0 5px 0;
		padding: 0;
	}
	.secbox ul a, .seclinks a, .seclinksinner a {
		color: #fff;
		padding: 2px 8px;
		display: block;
		width: 152px;
		height: 17px;
		font-size: 0.9em;
	}
	.secbox ul a:hover, .seclinks a:hover, .seclinksinner a:hover {
		color: #000;
	}
		
/* Specific boxes */

/* Exhibitions */
	.exhibitsbox {
		background: #f0f4dd;
		border-bottom: 1px solid #9bb71e;
	}
	.exhibitsbox h2 {
		background: url(../images/title_exciting_exhibitions.gif) no-repeat;
	}
	.exhibitsbox .img {
		border-bottom: 1px solid #fff;
	}
	.exhibitsboxlinks li {
		background: url(../images/button_green.gif) no-repeat;
	}
	
	
/* Learn & Have Fun */
	.learnfunbox {
		background: #fbf5d9;
		border-bottom: 1px solid #e7c10f;
	}
	.learnfunbox h2 {
		background: url(../images/title_learn.gif) no-repeat;
	}
	.learnfunbox .img {
		border-bottom: 1px solid #fff;
	}
	.learnfunboxlinks li {
		background: url(../images/button_yellow.gif) no-repeat;
	}
	
/* Collections & Research */
	.collectionsbox {
		background: #fbe7ea;
		border-bottom: 1px solid #da1535;
	}
	.collectionsbox h2 {
		background: url(../images/title_collections.gif) no-repeat;
	}
	.collectionsbox .img {
		border-bottom: 1px solid #fff;
	}
	.collectionsboxlinks li {
		background: url(../images/button_red.gif) no-repeat;
	}
	
/* Conferencing */
	.conferencingbox {
		background: #e5e5e5;
		border-bottom: 1px solid #000;
	}
	.conferencingbox h2 {
		background: url(../images/title_conferencing.gif) no-repeat;
	}
	.conferencingbox .img {
		border-bottom: 1px solid #fff;
	}
	.conferencingboxlinks li {
		background: url(../images/button_black.gif) no-repeat;
	}
	#sectioninfoboxes .conferencingboxlinks a:hover {
		color: #ccc;
	}
	
/* Plan your visit */
	.visitbox {
		background: #e7f7ff;
		border-bottom: 1px solid #13aefe;
	}
	.visitbox h2 {
		background: url(../images/title_visit.gif) no-repeat;
	}
	.visitbox .img {
		border-bottom: 1px solid #fff;
	}
	.visitboxlinks li {
		background: url(../images/button_blue.gif) no-repeat;
	}

/**********************/	
/* Inner page styling */
/**********************/

	.pageoptions {
		list-style: none;
		padding: 0 0 10px 25px;
		margin: 0 0 10px 0;
		float: left;
		width: 700px;
	}
	.pageoptions li {
		padding: 0 50px 0 15px;
		margin: 0;
		float: left;
	}
	.pageoptions li a {
		padding: 0;
		margin: 0;
		float: left;
	}

/**********************/
/* Inner right column */
/**********************/

	.rightimgcol {
		width: 221px;
		float: right;
		padding: 0;
		margin: 0 20px 20px 20px;
	}
	
	.rightimgcol .calltoaction{
		padding:0px 0px 10px 0px;
	}
	
	.rightimgcol .calltoaction a:hover{
		text-decoration:none;
		border:0px!important;
	}
	
	.rightimgcol h3 {
		margin: 0 0 5px 0;
	}
	.rightimgcol p {
		margin: 0 0 5px 0;
	}
	.rightimgcol .audio {
		background:url(../images/call-to-actions/btn-podcast.gif) no-repeat top left;
		height:56px;
		display:block;
		width:245px;
		overflow:hidden;
		text-indent:-10000px;
		padding-bottom:15px;
		margin-bottom:20px;
		}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#leftcolumn h3 {
		padding: 0 0 10px 15px;
		margin: 0;
	}
	#leftlinks {
		list-style: none;
		padding: 0;
		margin: 0 0 -1px 0;
	}
	#leftlinks li {
		padding: 0;
		margin: 0;
	}
	#leftlinks li a {
		padding: 4px 10px 4px 30px;
		margin: 0;
		font-weight: normal;
		display: block;
	}	
	.mapleft {
		padding: 0;
		margin: 0;
	}
	.quote {
		padding: 15px;
		margin: 0;
		font-size: 1.2em;
		font-weight: bold;
	}
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#footerinnerwrap ul {
		float: left;
		list-style: none;
		padding: 5px 10px;
		margin: 0;
	}
	#footerinnerwrap ul li {
		float: left;
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
	}
	#footerinnerwrap ul li.last {
		border-right: 0;
		margin: 0;
		padding: 0;
	}
	#footerwrap #footerinnerwrap p {
		margin: 0;
		padding: 0;
		float: none;
	}
	#footerinnerwrap a {
		font-weight: normal;
	}
	#footerwrap .copy {
		float: left;
	}
	#footerwrap p {
		float: right;
		padding: 5px 20px;
	}
	
	.bottomlogos {
		clear: both;
	}
	
	
/*top navigation*/

#nav a:hover.topnavhome{
	background: #ff0358; 
	color: #fff;
}

#nav a:hover.topnavexhibit, #nav .tnselected a.topnavexhibit{
	background: #9bb71e; 
	color: #fff;
}

#nav a:hover.topnavfun, #nav .tnselected a.topnavfun{
	background: #e5bd00; 
	color: #000;
}

#nav a:hover.topnavresearch, #nav .tnselected a.topnavresearch{
	background: #ff0358; 
	color: #fff;
}

#nav a:hover.topnavconference, #nav .tnselected a.topnavconference{
	background: #000; 
	color: #fff;
}

#nav a:hover.topnavvisist, #nav .tnselected a.topnavvisist{
	background: #13aefe; 
	color: #fff;
}

#nav a:hover.topnavwhatson, #nav .tnselected a.topnavwhatson{
	background: #ff0358; 
	color: #fff;
}

#nav a:hover.topnavgetintouch, #nav .tnselected a.topnavgetintouch{
	background: #ff0358; 
	color: #fff;
}

.displaynone{
	display:none;
}

.tourtext{
	padding:10px 0px 0px 0px;
	width:30em;
}

#homebannernav .border a{
	color:#ff0358;
}

/*shop*/

.shop{
	padding:0px 0px 10px 0px;
}

.shop img{
	float:left;
	padding:0px 10px 0px 0px;
}

.link{
	cursor:pointer;
}

#homebannernav .noborder{
	
}