/* =GLOBAL */

html {
	font-size: 100%;
	}

body {
	color: #666666;
	font-family: sans-serif;
	font-size: 13px;
	line-height: 18px;
    overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	}
	
.container {
	margin: 0 auto;
	max-width: 960px;
	width: 90%;
	}
	
.ie7 .container, .ie8 .container {
	margin: 0 auto;
	width: 960px;
	}

p {
    margin-bottom: 1em;
	font-size: 1em;
	line-height: 1.4em;
}

html, 
button, 
input, 
select, 
textarea {
	font-family: sans-serif;
	}
	
a {
	color:#0164B1;
	text-decoration: none;
	}
	
a:hover{
	color:#cccccc;
	}	
 
	
img {
    border: 0 none;
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%;
}

ul {
    list-style: disc outside none;
}

ul, ol {
    margin: 0 0 2em 1em;
    padding: 0;
}

dt, dd{
    display: inline-block;
}

dt{
    font-weight: bold;
    width: 40%;
}

#nav-primary ul, .col-lister ul, #site-footer ul, .nugget ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

/* --------- TYPOGRAPHY --------- */

h1, h2, h3, h4, h5, h6 {
    color: #00446A;
}

h1 {
    border-bottom: 1px solid #EAEAEA;
	font-size: 2.4em;
    font-weight: normal;
	line-height: 1.3;
    margin: 0.4em 0 0.6em 0;
	padding: 0 0 0.6em 0;
}

h2 {
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.2;
    margin: 0.5em 0;
}

h3 {
    font-size: 1.4em;
    font-weight: normal;
    margin: 1em 0 0.4em 0;
}
h4 {
    color: #666666;
    font-size: 1em;
    font-weight: bold;
}

.kicker {
    font-size: 1.3em;
    line-height: 1.2em;
}

h1, h2, h3, #nav-primary, .strapline p, .kicker, .times a, a.button, .button, #telephone, .nuggets a p.cta, p.date {
	font-family:"Gill Sans Regular", "Gill Sans MT", GillSans, Calibri, "Trebuchet MS", sans-serif;
}

blockquote {
    quotes: none;
}

blockquote{
    font-family: Georgia,Times,"Times New Roman",serif;
    font-size: 1.2em;
    font-style: italic;
    margin: 3% 0 2% 0;
    padding: 0 2.8em;
}

blockquote p{
    margin:0;
}

blockquote {
    background: url("../images/common/quote.png") no-repeat 0 0 transparent;
}

cite{
    padding: 0 3.5em;
    font-size: 0.9em;
    display: block;
}

iframe{
    max-width: 100%;
}

/* --------- HOME --------- */

#home-hero{
	display: none;
}
	
#masthead{
	margin: 1.2em 0 0 0;
	}

.strapline p{
    color:#8D8C92;
	font-size: 1.2em;
	text-align: center;
}

#slider-bg {
    background-image: none;
}

/* --------- OPENING TIMES --------- */

.times {
    margin: 0 -5.5%;
    text-align: center;
}

.times h3{
	color: #8C1717;
	padding: 0.5em 0 0.3em 0;
	margin:0;
	display: block;	
	text-transform: uppercase;
}

.times p{
    display: inline;
    margin: 0 1% 0 0;
    padding-bottom: 0.3em;
}

.times p span{
    color: #8C1717;
	font-weight: bold;
}

.times div{
	background-color:#F3EFE3;
	padding-bottom: 1.3%;
}

.times a{
    background-color: #D92020;
    color: #FFFFFF;
    display: block;
    font-size: 1.2em;
    padding: 1em;
    text-transform: uppercase;
}

#telephone{
    display: none;
}

/* --------- LOGO --------- */

.logo {
    margin: 0 auto 5% auto;
    width: 84%;
}

.logo img {
    display: block;
    margin: 0 auto;
	width: auto;
}

/* --------- PRIMARY NAVIGATION --------- */

#nav-primary{
	width: 100%;
	padding: 8% 0 8% 0;
}

#nav-primary ul{
		
}

#nav-primary ul li{
	background: #ba1b1b;
	margin-bottom: 1%;
}

#nav-primary ul li a{
    color: #FFFFFF;
	display: block;
    font-size: 1.2em;
    line-height: 1em;
	padding: 1em 1.2em 1em 1.2em;
    text-decoration: none;
    text-transform: uppercase;
}

#nav-primary ul li a:hover{
	color: #E2D7BA;
}

#nav-primary ul li.selected{
    background: #042E3F;
}

#nav-secondary{
    width: 100%;
    display: table-caption;
}

.breadcrumb{
    display: none;
}

#nav-link{
    background: #ba1b1b;
}

#nav-link a{
    color: #FFFFFF;
    display: block;
    font-size: 1.3em;
    padding: 3% 4% 3% 4%;
    text-align: right;
    text-shadow: 0 -1px 0 #6D1212;
}

/* --------- PRIMARY SUB NAVIGATION --------- */

#nav-primary ul li ul.submenu li{
    background: none;
}

#nav-primary ul.submenu{
    background: none;
    margin:0;
    padding: 0 0 2% 0;
}

#nav-primary ul.submenu li{
    background: none;
    padding: 0 1.2em 0 1.2em;
}

#nav-primary ul.submenu li a{
    border-bottom: 1px solid #064966;
    font-size: 1em;
    margin-bottom: 2%;
    padding: 1em 0 1em 0;
}

#nav-primary ul.submenu li.selected {
    margin:0;
    padding-bottom:0;
}

#nav-primary ul.submenu li.selected a {
    color: #E2D7BA;
}

/* --------- MAIN PRIMARY NAVIGATION --------- */

#main {
    caption-side: bottom;
    display: table;
    width: 100%;
}

[role="navigation"] {
    display: table-caption;
}

/* --------- HOME PAGE --------- */

#visit-us, #view-highlights{
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 3%;
    padding-bottom: 3%;
}

/* --------- CONTENT --------- */

#content {
    background: #ffffff;
}

.nugget {
    margin: 3% 0 0 0;
    padding:3%;
}

.nugget h2 {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.4;
    margin: 0.2em 0;
    padding-top: 0.1em;
}

.nugget p, .nugget ul li{
    font-size: 0.9em;
}

.nugget ul li{
    list-style: disc outside none;
    margin-left: 1.2em;
}

.nugget.last{
	margin: 3% 0 3% 0;
}

.nugget a.tertiary{
    font-size: 1.1em;
    display: block;
    border-top: 1px solid #eaeaea;
    padding-top: 0.6em;
}

.nugget a.tertiary:after{
    font-size: 1.1em;
}

#home-items h2{
	margin: 0 0 0.5em 0;
}

#sidebar .fact{ 
    margin: 5% 0;
    padding: 5%;
}

.fact{ 
    background: none repeat scroll 0 0 #F3EFE3;
    margin: 3% 0;
    padding: 3%;
}

.fact h2{
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    clear:left;
    font-size: 1.4em;
    float: none;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    width: 100%;
    text-transform: uppercase;
}

.fact p {
    border: 0;
    color: #666666;
    float: none;
    margin: 0 0 0.5em 0;
    padding: 0;
    width: 100%; 
}

p.openingtimes{
    color: #00446A;
    font-weight: bold;
}

.col-lister{
	margin: 3% 0 3% 0;
}

.col-lister h2{
    border-bottom: 1px solid #E1D8B9;
    margin: 0 0 1em;
    padding: 0 0 0.6em;
}

.col-lister ul li{
    border-bottom: 1px solid #eaeaea;
}

.col-lister ul li a{
    background: url("../images/navigation/footer-arrow.png") no-repeat scroll 98% center transparent;
    display: block;
    font-weight: normal;
    padding: 1em 0;
}

.col-lister ul li:last-child{
    border-bottom: none;
}

/* --------- ARTICLE LEVEL --------- */

.box{
	background-color: #EAEAEA;
	padding: 2%;	
}

.box p {
    display: block;
    font-size: 0.9em;
    margin: 1em 0 1em 0;
}

address {
    font-style: normal;
}

address p {
    margin: 0 0 0 0;
}

address .org {
    font-weight: bold;
}

ul.travel-options{
    margin:0;
}

ul.travel-options li{
    padding: 0 0 0 4em;
    list-style: none;
}

.rail{background: url("../images/icons/icon-rail.jpg") no-repeat scroll top left transparent;}

.bus{background: url("../images/icons/icon-bus.jpg") no-repeat scroll top left transparent;}

.car{background: url("../images/icons/icon-car.jpg") no-repeat scroll top left transparent;}

ul.data-list{
    margin:0 0 5% 0;
}

ul.data-list li{
    padding: 0 0 2% 0;
    margin: 0 0 2% 0;
    list-style: none;
    border-bottom: 1px dotted #eaeaea; 
}

ul.data-list li: last-child{
    padding: 0;
    margin:0;
    border-bottom: none; 
}

ul.data-list li p{
    float: left;
    margin:0;
}

ul.data-list li p.price{
    float: right;
}

/* --------- COLLECTIONS --------- */

.collections-article{

}

.captions{
    text-align: center;
    font-size: 0.8em;
    font-style: italic;
    margin-bottom: 2em;
    padding-top: 1em;
    border-top: 1px solid #eaeaea;
}

/* --------- HIGHLIGHTS --------- */

.highlight ul {
   margin: 0;
   overflow: hidden;
   list-style: none outside none;
}

.highlight ul li {
    float: left;
    margin: 0 1.9% 3% 0;
    overflow: hidden;
    position: relative;
    width: 49%;
}

/*layouts smaller than 600px, iPhone and mobiles*/
@media only screen and (max-width: 768px), screen and (max-device-width: 768px), screen and (max-width: 768px)  {
.highlight ul li:nth-child(2n+2) {
    margin: 0 0 0 0;
}
}

.highlight a p {
    background: none repeat scroll 0 0 #022D3E;
    color: #FFFFFF;
    font-style: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 1em;
    height: 60px;
}

#item-description span {
    color: #00446A;
    font-weight: bold;
}

article.with-background{
    background-repeat: no-repeat;
    background-position: 0 bottom;
    background-size: 100%;
    padding-bottom: 35%;
}

.item-thumbs {
    display: none;
}

.item-frame{
    margin-bottom: 3%;
}

/* --------- NEWS --------- */

ul.news-lister, ol.news-lister{
    margin:0;
    list-style: none;
}

ul.news-lister li, ol.news-lister li{
    margin:0 0 3% 0;
    padding:0 0 3% 0;
    border-bottom: 1px solid #eaeaea;
}

.news img{
    float: none;
    margin: 5% 0 5% 0;
    width: 100%;
}

.news .meta{
    font-style:italic;
    color: #00446A; 
}

.event-date{
    font-weight: bold;
}

p.date{
    font-weight: bold;
    margin:3% 0 0 0;
}

.posts a p{
    color: #666666;
    cursor: pointer;
}

.posts a h2{
 color: #0164B1;   
}

.posts a:hover h2, .posts a:hover p{
 color: #cccccc;   
}

.visit, .museum{
    padding: 3%;
    margin-bottom: 5%;
    background: #F3EFE3;
}

.nuggets h3{
    font-size: 1.3em;
    margin: 0 0 0.4em 0;
    padding: 0 0 0.4em 0;
    text-transform: uppercase;
    border-bottom: 1px solid #cccccc;
}

.nuggets a p {
    color: #666666;
    font-size: 0.9em;
    width: 75%;
    cursor: pointer;
}

.nuggets a p.cta {
    color: #0164B1;
    text-transform: uppercase;
}

.nuggets a:hover p.cta {
    color: #cccccc;
}

.activities div{
    margin-bottom: 5%;
}

.activities img{
    float: left;
    width: 30%;
}

.activities h3, .activities p{
    margin-left: 35%;
}

/* --------- FILM ARCHIVE --------- */

.film-archive ul{
    margin:0;
    list-style: none;
}

.film-archive ul li{
    margin: 3% 0 10% 0;
}

/* --------- FOOTER --------- */

#site-footer {
    background: url("../images/common/bg-footer.png") repeat-x left top #F5F5F5;
	width: 100%;
	overflow: hidden;
	font-size: 0.9em;
	margin-top: 5%;
}

#site-footer h3{
	color: #88878C;
	font-size: 1.1em;
	text-transform:uppercase;
	font-weight: bold;
}

#site-footer h4, #site-footer p{
    color: #88878C;
}

#site-footer a{
    color: #88878C
}

#site-footer a:hover{
    color: #666666;
}

#site-footer .container {
	background: url("../images/common/bg-footer-rule.jpg") repeat-x left bottom transparent;
	margin: 0 auto 2% auto;
	padding: 0 0 2% 0;
	max-width: 960px;
	width: 90%;
	}
	
#site-footer .container.last {
	background: transparent;
	margin: 0 auto 0 auto;
	padding: 0;
	}
	
#site-footer address {
    font-style: normal;
    color: #88878C;
}

p.legals{
	color: #999999;
	margin:0;
	padding: 0 0 2.5em 0;
	font-size: 0.8em;
}

#footer-logo img{
	width: auto;
}

#sponsors img{
	width: auto;
	margin: 0 auto;
}

#copyright {
    font-size: 0.9em;
	margin-top: 4%;
}

#sponsors {
    display: none;
}

#about, #news, #contact{
    margin-bottom: 8%;
}

.panel h2{
    color: #FFFFFF !important;
}

#accessibility ol{
    margin:1em 0 1em 1.5em;
}

#accessibility ol li{
    list-style: decimal outside none;
}

.videoholder ul{
    margin: 0;
    list-style: none;
    width: 100%;
    display: block;
}

.videoholder ul li{
    margin: 0 0 1em 0;
}