@charset "UTF-8";

/*

Title:      the Bluecoat. CSS Master styles v1.0
Copyright:  2010 © Splinter Design Communications.  All rights resevered.

*/


/*  Reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


/* Structure */

/*---960 grid styles---*/

.container_12,.container_16{clear:both;margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/* grid guide
.container_16 {
	float: left;
	background: url(../img/16_col.gif) repeat-y;
}*/


/*   General   */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, slab-serif, sans-serif;
	font-size: 62.5%;
	line-height: 1.5em;
	color: #3D454C;
	background: #fff;
	}
	
.features {
	clear: both;
	float: left;
	margin: 1em 0 2em 0;
	padding: 0;
	padding-bottom: 20px;
	width: 100%;
	background: #63656a;
}

#content {
	clear: both;
	float: left;
	margin: 1em 0 2em 0;
	padding: 0;
	width: 100%;
	/*background-color: #0F0;*/
	border: 2px solid #E0E3E6;
	border-right: 0;
	border-left: 0;
	background: url(../img/bg-content.gif) top left repeat-y;
}

.right {
	float: right;
}

.left {
	float: left;
}

#content .grid_5 {
	margin: 0;
	margin-left: 10px;
	padding: 2em 0;
	/*background-color:#0F0;*/
}

#content .grid_11 {
	margin: 0;
	margin-left: 20px;
	padding: 2em 20px;
	padding-left: 22px;
	width:608px;
	/*border-left: 2px solid #E0E3E6;
	background-color:#0F0;*/
}

.section {
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 1em;
}

.blog-entry, .press-release, .panoramic, .forum-entry, .comment, .publication {
	float: left;
	margin: 0;
	margin-bottom: 2.8em;
	padding: 0;
	width: 600px;
	border-bottom: 1px solid #E0E3E6;
}

.publication {
	margin-bottom: 1.4em;
	padding: 1.4em 20px;
	width: 560px;
}

.grid_5 .publication {
	padding: 1.4em 0;
	width: 280px;
	border-bottom: none;
}

.forum-entry {
	margin: 0;
	margin-top: 1em;
	border-bottom: none;
}
.comment {
	margin-bottom: 2em;
}

/* Typography  */

	
h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.3em;
	/*color: #e53e30;*/
	color: #63656a;
}

#search {
	margin-top: 2em;
}

#logo-message {
	float: left;
	margin-top: 60px;
	width: 400px;
	height: 80px;
	overflow: hidden;
}

#logo-message h1 {
	margin: 0;
	padding: 0;
}	
	
h1 {
	margin:0;
	margin-top:51px;
	padding:0;
	font-size: 3.9em;
	line-height: 1em;
	letter-spacing: -.03em;
	color: #4C7290;
}

h1 span.logo {
	clear: both;
	display: block;
	margin-top: 5px;
	text-indent: -1979px;
	overflow: hidden;
	height: 60px;
	width: 340px;
	background:url(../img/logo_new.png) top left no-repeat;
}

h2 {
	margin-bottom: .7em;
	font-size: 3.6em;
	line-height: 1em;
}

h3 {
	margin: 0;
	margin-bottom: .36em;
	font-size: 2.8em;
	letter-spacing: 0em;
	color: #63656a;
	border-bottom: 2px solid;
}

.logo-sub {
	color: #777772;
	margin-bottom: 0;
}
#content .grid_5 h3 {
	padding-bottom: .1em;
	
}

#content .grid_11 h3 {
	border-bottom: none;
}

.blog-entry h3, .press-release h3, .panoramic h3, .forum-entry h3 {
	margin-bottom: 0.18em;
}

.panel h3 {
	color: #fff;
	letter-spacing: -.05em;
}

.panel h3 a {
	display: block;
	color: #63656a;
	border: none;
	/*background: #0F0;*/
}

.panel h3 a:focus, .panel h3 a:hover {
	border: none;
}

h4 {
	margin-bottom: .5em;
	font-family: Arial, Helvetica, slab-serif, sans-serif;
	font-size: 2.4em;
	/*color: #e53e30;*/
	color: #63656a;
}

#content .grid_11 h4 {
	margin-top: 1.25em;
}

.panel h4 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 2.4em;
	letter-spacing: 0em;
	color: #fff;
	/*background:#0FF;*/
	border: none;
}

.panel h4 a {
	display: block;
	margin: 0;
	padding: 0 .2em;
	color: #FFF;
	/*background: #0F0;*/
	border: none;
}

.press .grid_4 .panel h4 a {
	margin-bottom: .4em;
	padding: 0;
}

.panel h4 a:focus, .panel h4 a:hover {
	text-decoration: none;
	border: none;
}

h5, h6 {
	margin-bottom: .7em;
	font-family: Arial, Helvetica, slab-serif, sans-serif;
	font-size: 1.8em;
	color: #63656a;
}

.section h5 {
	margin: 0;
}

h6 {
	font-size: 1.4em;
	color: #3D454C;
}

.publication h6, .publication .action {
	clear: none;
	margin-top: .5em;
	margin-bottom: 0;
	width: auto;
}

p, #content .grid_11 ol, #content .grid_11 ul, #content .grid_11 dl, #content .grid_11 table, address {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 1em;
}

address {
	font-style: normal;
}

#content .grid_11 ul, #content .grid_11 ol, #content .grid_11 dl {
	margin-left: 1em;
	margin-right: 1em;
	list-style: disc;
	list-style-position: inside;
	/*background: #f00;*/
}

#content .grid_11 ul li ul, #content .grid_11 ul li ul li ul, 
#content .grid_11 ol li ol, #content .grid_11 ol li ol li ol, 
#content .grid_11 dl li dl, #content .grid_11 dl li dl li dl {
	font-size: 1em;
}

#content .grid_11 ol {
	list-style:decimal;
	list-style-position: inside;
}

#content .grid_11 dl {
	float: left;
	margin: 0;
	margin-bottom: 1em;
	list-style: none;
	width: 600px;
	/*background:  #0F0;*/
}

#content .grid_11 dt, #content .grid_11 dd {
	clear: both;
	float: left;
	padding: .2em 0;
	padding-right: 20px;
	width: 220px;
	border-top:1px solid #E0E3E6;
	/*background:  #f00;*/
}

#content .grid_11 dd {
	clear: none;
	float: left;
	margin: 0;
	padding: .2em 0;
	width: 360px;
	/*background:  #ff0;*/
}

#content .grid_11 p {
	letter-spacing: .05em;
}

#content .grid_11 form p.label-desc {
	clear: both;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-style: italic;
}

#content .grid_11 form label {
	margin: 0 0 5px 0;
}

#content .grid_11 form input[type='text'], #content .grid_11 form textarea {
	margin: 0 0 20px 0;
}

.intro {
	font-size: 1.6em;
}

.tags {
	padding: .7em;	
	background:#E0E3E6;
}

.post, .blog {
	margin-bottom:1.5em;
}

.panel .post {
	clear: both;
	width: 100%;
	font-size: 1.4em;
	margin: 0;
	margin-bottom: 1em;
}

.post p, .blog p {
	margin: 0;
	font-family: Arial, Helvetica, slab-serif, sans-serif;
}

.post .title, .blog .title {
	float:none;
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.3em;
	color: #262C33;
}

.post .title {
	text-indent: 16px;
	background: url(../img/bullet.gif) 0 .3em no-repeat;
}

.panel .post .title {
	font-size: 1em;
	font-weight: normal;
	color: #fff;
}

.panel .post .title a {
	color: #fff;
	border-bottom-color: #63656a;
}

.panel .post .title a:focus,
.panel .post .title a:hover {
	border-bottom-color: #fff;
}

.post .subtitle, .grid_5 .publication .subtitle{
	clear: both;
	font-size: 1.3em;
	font-style: italic;
}

.grid_5 .publication .subtitle{
	clear: none;
	margin-bottom: .25em;
}

.blog .subtitle {
	margin: .3em 0;
	font-size: 1.2em;
	font-weight: bold;
}

.grid_5 .publication p {
	margin-bottom: 0;
	font-size: 1.2em;
}

.post .intro, .post .link, .blog .link, .grid_5 .publication .link {
	font-size: 1.2em;
}

.post .link a, .grid_5 .publication .link a {
	color: #63656a;
}

.panel .post .link a {
	color:#fff;
}

.panel .post .link a:focus,
.panel .post .link a:hover {
	border-bottom-color: #e53e30;
}

.comment p {
	font-size: 1.2em;
}

p.login {
	padding-bottom: .7em;
	border-bottom: 1px solid #E0E3E6;
}

.footer {
	padding-top: .8em;
	border-top: 2px solid #63656a;
	color:#65717F;
}

.footer p {
	clear: both;
	font-size: 1.2em;
	color:#65717F;
}

.footer ul {
	float: left;
	font-size: 1.2em;
	list-style: none;
}

.footer .grid_7 ul,
.footer .grid_7 p {
	float: right;
	width: auto;
	text-align: right;
	/*background: #0F0;*/
}

.footer .grid_7 p {
	width: 100%;
}

.footer ul li {
	display: inline;
	float: left;
	margin-right: .8em;
	margin-bottom: .4em;
	padding-right: .8em;
	list-style: none;
	border-right: 1px solid #C2C7CC;
}

.footer ul li a {
	display: block;
	border-bottom: 1px dotted #fff;
	color:#65717F;
}

.footer ul li a:focus,
.footer ul li a:hover {
	border-bottom: 1px dotted #65717F;
}

.footer .grid_7 ul li {
	display: inline;
	margin-right: 0;
	margin-left: .8em;
	padding-right: 0;
	padding-left: .8em;
	border: none;
	border-left: 1px solid #C2C7CC;
}

.footer .grid_9 ul li:nth-last-child(1) {
	border: none;
}

.footer .grid_7 ul li:nth-child(1) {
	border: none;
}

.splinter a {
	color:#C1C6CC;
	border-bottom: none;
}

.visit-liverpool { display: block; width: 200px; height: 21px; background: url(../img/logo-liverpool-2018.png); background-size: cover; overflow: hidden; text-indent: -2000px; clear: both; border: none !important; margin: 10px 0 20px 0; float: left; }
.visit-liverpool:hover { border: none; }

/* Navigation */


ul#navigation {
	float: left;
	margin: 0;
	margin-top: 2.9em;
	padding: 0;
	font-size: 2.4em;
	/*font-weight: bold;*/
	color: #4D7290;
	width: 520px;
	/*background:#FF0;*/
}

ul#navigation li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	/*background:#F00;*/
}

ul#navigation li a {
	display: block;
	margin: 0 1em 0.5em 0;
	padding: 0;
	text-decoration: none;
	color: inherit;	
	border-bottom: 2px solid #fff;
	/*background-color:#0FF;*/
}

ul#navigation li a:hover,ul#navigation li a:focus, ul#navigation li a.selected {
	text-decoration: none;
	border-bottom: 2px solid #4D7290;
}

ul#navigation li.exhibitions a:hover,ul#navigation li.exhibitions a:focus, ul#navigation li.exhibitions a.selected { border-bottom-color: #711161}
ul#navigation li.events a:hover,ul#navigation li.events a:focus, ul#navigation li.events a.selected { border-bottom-color: #E54620}
ul#navigation li.tickets a:hover,ul#navigation li.tickets a:focus, ul#navigation li.tickets a.selected { border-bottom-color: #EC911D}
ul#navigation li.creative-community a:hover,ul#navigation li.creative-community a:focus, ul#navigation li.creative-community a.selected,
ul#navigation li.shop a:hover,ul#navigation li.shop a:focus, ul#navigation li.shop a.selected{ border-bottom-color: #007985}
ul#navigation li.eat-drink a:hover,ul#navigation li.eat-drink a:focus, ul#navigation li.eat-drink a.selected { border-bottom-color: #9F002C}
ul#navigation li.learn a:hover,ul#navigation li.learn a:focus, ul#navigation li.learn a.selected { border-bottom-color: #D80052}
ul#navigation li.the-spaces a:hover,ul#navigation li.the-spaces a:focus, ul#navigation li.the-spaces a.selected { border-bottom-color: #6C6C00}
ul#navigation li.heritage a:hover,ul#navigation li.heritage a:focus, ul#navigation li.heritage a.selected { border-bottom-color: #633400}
ul#navigation li.dance a:hover,ul#navigation li.dance a:focus, ul#navigation li.dance a.selected { border-bottom-color: #9372B1}
ul#navigation li.literature a:hover,ul#navigation li.literature a:focus, ul#navigation li.literature a.selected { border-bottom-color: #A35415}

ul#navigation li.secondary {
	clear: both;
	float: left;
	display: block;
	width:100%;
	/*background: #0F0;*/
}

ul.sub-navigation {
	float: left;
	margin-bottom: 1em;
	width: 100%;
	font-size: 1.6em;
	line-height: 1.3em;
	font-weight: bold;
	color: #3D454C;	
}

ul.sub-navigation li {
	clear: both;
	float: left;
	display: block;
	list-style: none;
	width:100%;
	border-bottom: 1px solid #E0E3E6;
}

ul.sub-navigation li a {
	float: left;
	display: block;
	padding: .7em 0;
	width:90%;
	margin: 0 auto;
	color:#3D454C;
	/*background: #0F0;*/
	border: none;
}

ul.sub-navigation li a:focus,
ul.sub-navigation li a:hover,
ul.sub-navigation li a.selected {
	color:#e53e30;
	border-bottom: none;
}

ul.sub-navigation li ul {
	float: right;
	margin-bottom: 1em;
	width: 95%;
	font-size: .88em;
	font-weight: normal;
	color: #3D454C;	
	/*background: #666;*/
}

ul.sub-navigation li ul li {
	clear: both;
	float: left;
	display: block;
	list-style: none;
	width:100%;
	border-bottom: none;
}

ul.sub-navigation li ul li a {
	float: left;
	display: block;
	padding: .4em 0;
	width:100%;
	color:#3D454C;
	/*background: #0F0;*/
	border: none;
}


#content .grid_11 ul#breadcrumb,
#content .grid_11 ul.post-details,
#content .grid_11 ul.event-details {
	clear:left;
	float:left;
	margin:0;
	margin-bottom: 1em;
	padding:0;
	font-size:1.2em;
	list-style:none;
	color:#65717F;
	width:100%;
}

#content .grid_11 ul.post-details {
	margin-bottom: .8em;
}

#content .grid_11 ul.event-details {
	margin-top:-2em;
	margin-bottom: 2.1em;
}

#content .grid_11 #breadcrumb li,
#content .grid_11 .post-details li,
#content .grid_11 .event-details li{
	display:inline;
	float:left;
	margin:0;
	margin-right:.8em;
	padding:0;
	padding-right: .8em;
	background: url(../img/border.gif) right center no-repeat;
}

#content .grid_11 #breadcrumb li a {
	border-bottom: none;
}

#content .grid_11 #breadcrumb li a:focus,
#content .grid_11 #breadcrumb li a:hover {
	border-bottom: 1px dotted #65717F;
}

#content .grid_11 #breadcrumb li:nth-last-child(1),
#content .grid_11 .post-details li:nth-last-child(1),
#content .grid_11 .event-details li:nth-last-child(1){
	background: none;
}


/* lists */


#content .grid_11 .related-posts, #content .grid_11 .topics,  #content .grid_11 .staff {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;
	/*background: #0F0;*/
}

#content .grid_11 .staff {
	margin-bottom: 2em;
}

.related-posts li, .topics li, .staff li {
	float: left;
	padding: .7em 20px;
	width: 560px;
	font-size: 1.14em;
	list-style: none;
	background: url(../img/bullet.gif) left center no-repeat;
	border-bottom: 1px solid #E0E3E6;
}
.topics li {
	padding: .7em 0;
	width: 600px;
	background: none;
	border-bottom: none;
}
.staff li {
	margin: 0;
	padding: 0;
	width: 600px;
	font-size: 1.14em;
	background: none;
}
.staff li a {
	display: block;
	margin: 0;
	padding: .7em 0;
	width: 600px;
	background: url(../img/icon_plus-grey.gif) right center no-repeat;
	border: none;
}
.staff li a:focus, .staff li a:hover {
	background-image: url(../img/icon_plus-blue.gif);
	border: none;
}
.staff li a.selected {
	background-image: url(../img/icon_minus-blue.gif);
	border: none;
}
.staff li p {
	margin: 0;
	padding: .7em;
	font-size: .88em;
	background:#E0E3E6;
}
.staff li p a {
	display: inline;
	margin: 0;
	padding: 0;
	width: auto;
	border-bottom: 1px dotted;
}
.staff li p a, .staff li p a:focus, .staff li p a:hover, .staff li p a.selected {
	background: none;
}
#content .grid_11 .topics .post-details {
	margin: 0;
	margin-top: .4em;
	padding: 0;
	width: 600px;
	border-top: 1px solid #E0E3E6;
}
.topics .post-details li {
	margin: 0;
	padding: 0;
	font-size: .65em;
	width: auto;
	border-bottom: none;
}
.topics div {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: none;
}
.topics li span.title {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	width: 400px;
	background: url(../img/bullet.gif) left center no-repeat;
	/*background:#F00;*/
}
.topics li span.action {
	clear: none;
	float: right;
	margin: 0;
	padding: 0;
	font-size: .88em;
	width: 180px;
	/*background: #0F0;*/
}
.topics li span.link {
	float: right;
	width: auto;
}
.topics li span.action a{
	margin: 0;
	margin-top:0.1em;
	margin-right: 1em;
	padding: 0;
}
.topics li span.action a.go{
	margin:0;
}

.related-posts li a, .topics li a {
	border-bottom-color: #fff;
}

.topics .post-details li a {
	border-bottom-color: #3D454C;
}

.related-posts li a:focus, 
.related-posts li a:hover, 
.related-posts li a.selected,
.topics li a:focus, 
.topics li a:hover, 
.topics li a.selected{
	border-bottom-color: #3D454C;
}

.topics .post-details li a:focus, 
.topics .post-details li a:hover, 
.topics .post-details li a.selected{
	border-bottom-color: #FFF;
}
/*
#content .grid_11 .press-release ul.post-details,
#content .grid_11 .blog-entry ul.post-details {
	padding-left: 16px;
	width: 584px;
	background: url(../img/bullet.gif) 0 0.25em no-repeat;
}
*/
#content .grid_11 .press-release,
#content .grid_11 .panoramic,
#content .grid_11 .blog-entry,
#content .grid_11 .publication {
	background-color: #FFF;
}

#content .grid_11 ul#searchresults  {
	float: left;
	margin: 0;
	margin-bottom: 1.4em;
	padding: 0;
	font-size: 1em;
	width: 600px;
}

#searchresults li.result {
	float: left;
	margin: 0;
	margin-bottom: .7em;
	padding: 0;
	list-style: none;
	width: 600px;
	border-bottom: 1px solid #E0E3E6;
}


#searchresults li.result h4 {
	margin-top: .4em;
}



/* left col topic list*/

#topics {
	margin-bottom: 1.4em;
	font-size: 1.4em;
}

#topics li {
	margin-bottom: .4em;
	/*background: #F00;*/
}

#topics li a {
	border:none;
}

#topics li a:focus, #topics li a:hover, #topics li a.selected {
	color:#e53e30;
	border:none;
}

#topics ul {
	margin: .8em;
	/*background-color: #0F0;*/
}

#topics ul li {
	margin-bottom: .4em;
	border:none;
}


/* quick-links */


#quick-links {
	z-index: 1000;
	position: absolute;
	top:0;
	right:0;
	float: left;
	margin: 1em 0;
	padding: 0;
	/*background:#FF0;*/
}

#quick-links li {
	float: left;
	display: inline;
	margin: 0;
	margin-top: .5em;
	padding: 0 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #63656a;
	width: auto;
	border-right: 1px solid #C2C7CC;
}

#quick-links li#user {
	position: relative;
	display: block;
	margin: 0;
	margin-right: 1em;
	margin-bottom: 4px;
	padding: 2px 8px 0 8px;
	width: 251px;
	height: 22px;
	font-size: 1.4em;
	font-weight: normal;
	color: #63656a;
	background: #e2e768 url(../img/btn-list-arrows.gif) top right no-repeat;
	border: 2px solid #C2C7CC;
}

#quick-links li a {
	float: left;
	border-bottom: 1px dotted #FFF;
}

#quick-links li a:focus, #quick-links li a:hover {
	border-bottom: 1px dotted #65717F;
}

#quick-links li#user a,
#quick-links li#user a:hover,
#quick-links li#user a:focus {
	text-decoration: none;
	border-bottom: none;
}

#quick-links li#user span,
#quick-links li#user ul li span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.14em;
	font-weight: bold;
}

#quick-links li#user ul {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 22px;
	left: -2px;
	padding: 0 8px;
	width: 251px;
	border: 2px solid #C2C7CC;
	border-top: none;
	background: #e2e768;
}
	
#quick-links li#user:hover > ul {
	display: block;
}

#quick-links li#user ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1em;
	width: 251px;
	color: #63656a;
	border: none;
	border-top: 1px solid #fff;
}

#quick-links li#user ul li a {
	float: left;
	margin: 0;
	padding: 8px 0;
	font-size: 1em;
	width: 251px;
	color: #63656a;
	border: none;
	text-decoration:none;
}

#quick-links li#user ul li a:hover, #quick-links li#user ul li a:focus {
	cursor: pointer;
	background: url(../img/btn_go-wht-main.gif) center right no-repeat;
}


/* interactives */

/* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider Copyright (c) 2009 Niall Doherty This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */

.coda-slider-wrapper { margin-top:20px; padding: 5px; background:#fff } .coda-slider { background: #fff }

/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 310px; overflow: auto !important; }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { padding: 0; width: 630px; height: 310px; background: #fff } 

/* Tab nav */
.coda-nav ul li a.current { background: #39c }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }.coda-nav ul li { display: inline }.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }.coda-slider { float: left; overflow: hidden; position: relative }.coda-slider .panel { display: block; float: none }.coda-slider .panel-container { position: relative }

.coda-nav ul {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

.coda-nav ul li a {
	margin: 0;
	margin-right: 10px;
	padding: 0;
	height: 22px;
	width: 22px;
	text-indent: -1979px;
	overflow: hidden;
	background: transparent url(../img/btn_slider.png) 0 0 no-repeat;
	border: none;
}

.coda-nav ul li a.current, .coda-nav ul li a:focus, .coda-nav ul li a:hover {
	background: transparent url(../img/btn_slider.png) 0 0 no-repeat;
	border: none;
}

#feature-slide {
	float: left;
	padding: 0;
	height: 310px;
	width: 630px;
	background: #fff;
}

.coda-slider-no-js #feature-slide { 
	float: left; 
	padding: 0; 
	height: 310px;
	width: 630px;
	background: #fff; 
	overflow: auto !important; 
	padding-right: 20px; 
}

#event-listings .panel-wrapper {
	clear: both;
	float: left;
	margin-bottom: 10px;
	padding: 10px;
	height: 310px;
	width: 580px;
	background: #E0E3E6;
}

.panel .default {
	background: #e53e30;
}

#event-listings .panel {
	height: 310px;
	width: 580px;
}

.coda-slider .panel,
#event-listings .panel{
	position: relative;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	height: 310px;
	width: 630px;
}

#event-listings .panel {
	height: 310px;
	width: 580px;
}

.coda-slider .panel img {
	float: left;
	height: 310px;
	width: 393px;
	border: none;
}

#content .grid_11 #event-listings .panel img {
	float: left;
	margin: 0;
	height: 310px;
	width: 342px;
	border: none;
}

.coda-slider .panel .details, 
#event-listings .panel .details{
	float: left;
	margin: 0;
	padding: 20px;
	height: 270px;
	width: 196px;
	color: #fff;
	overflow: auto;
	background: #e53e30;
	border-left: 2px solid #fff;
}

.coda-slider .panel .info, 
#event-listings .panel .info,
.panel .details .info {
	float: right;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	overflow: auto;
	color: #63656a;
	/*background-color: #0F0;*/
	/*border-bottom: 1px solid #fff;*/
}

.coda-slider .panel .info, 
#event-listings .panel .info {
	width: 195px;
	height: 240px;
}

.coda-slider .panel .details h2,
#event-listings .panel .details h2,
.panel .details h2 {
	margin: 0;
	margin-bottom: .5em;
	padding: 0;
	padding-bottom: .2em;
	font-size: 2em;
	color: #63656a;
	border-bottom: 2px solid #63656a;
}

.panel .details h2 a {
	color: #fff;
}

.press .panel .details p {
	margin: 0;
}

.press .grid_4 .panel .details p.title {
	font-size: 1em;
}

.coda-slider .panel .details p,
#event-listings .panel .details p {
	margin: 0;
	margin-bottom: 1em;
	font-size: 1.4em;
	line-height: 1.2em;
	letter-spacing:0em;
}

.coda-slider .panel .action,
#event-listings .panel .action {
	margin: 0;
	padding: 12px 0;
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 23px;
	width: 195px;
	/*background-color: #0F0;*/
	border-top: 1px solid #63656a;
}
.grid_7 .panel .action {
	width: 100%;
}

#event-listings .panel .action {
	right: 20px;
}

.coda-slider .panel .action a,
#event-listings .panel .action a {
	color: #63656a;
	border: none
}

.coda-slider .panel .action a:focus,
.coda-slider .panel .action a:hover,
#event-listings .action a:focus,
#event-listings .action a:hover{
	border-bottom: 1px dotted #fff
}

.coda-slider .panel .action a.go:focus, .coda-slider .panel .action .go:hover,
.coda-slider .panel .action a.go-wht:focus, .coda-slider .panel .action .go-wht:hover,
#event-listings .panel .action a.go:focus, #event-listings .panel .action .go:hover,
#event-listings .action a.go-wht:focus, #event-listings .panel .action .go-wht:hover{
	border: none;
}

.coda-slider .panel p.date,
#content .grid_11 #event-listings .panel p.date{
	margin: 0;
	margin-bottom: .7em;
	padding: 0 0 .7em 0;
	border-bottom: 1px solid #63656a;
}

.coda-slider .panel .event-details,
#content .grid_11 #event-listings .panel .event-details {
	clear:left;
	display: block;
	margin: 0;
	padding:0;
	padding-bottom: .35em;
	font-size:1.4em;
	list-style: none;
	/*border-bottom: 1px solid #fff;*/
}

.coda-slider .panel .event-details li,
#content .grid_11  #event-listings .panel .event-details li {
	clear:left;
	float: left;
	display: block;
	margin: 0;
	margin-bottom: .35em;
	padding: 0;
	width: 100%;
	line-height: 1em;
	background: none;
}

.coda-slider .panel .info a,
#content .grid_11  #event-listings .panel .info a {
	color: #63656a;
}

/* jscroll */

.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;	background: #00224D;}
.jScrollPaneDrag {position: absolute; cursor: pointer; overflow: hidden; background: #fff;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0;	overflow: hidden;}
a.jScrollArrowUp, a.jScrollArrowDown {display: block; position: absolute;	z-index: 1;	text-indent: -2000px; overflow: hidden; height: 10px; border: none;}
a.jScrollArrowUp {top: 0; right: 0; background: url(../img/scroll_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowDown {bottom: 0; right: 0; background: url(../img/scroll_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover, a.jScrollArrowDown:hover {background-position: 0 -10px; border: none;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -20px; border: none;}

/* jscroll colour variants */

.panel-wrapper .exhibitions .jScrollPaneTrack {background: #636f6a;}
.panel-wrapper .events .jScrollPaneTrack {background:#636f6a;}
.panel-wrapper .tickets .jScrollPaneTrack {background: #636f6a;}
.panel-wrapper .creative-community .jScrollPaneTrack, .panel-wrapper .shop .jScrollPaneTrack {background:#E0E3E6;}
.panel-wrapper .eat-drink .jScrollPaneTrack {background:#636f6a;}
.panel-wrapper .learn .jScrollPaneTrack {background:#636f6a;}
.panel-wrapper .the-spaces .jScrollPaneTrack {background: #636f6a;}
.panel-wrapper .heritage .jScrollPaneTrack {background: #636f6a;}
.panel-wrapper .dance .jScrollPaneTrack {background: #636f6a;}
.panel-wrapper .literature .jScrollPaneTrack {background: #636f6a;}

.panel-wrapper .exhibitions a.jScrollArrowUp, .panel-wrapper .exhibitions a.jScrollArrowDown {background-position: -10px 0;}
.panel-wrapper .events a.jScrollArrowUp, .panel-wrapper .events a.jScrollArrowDown {background-position: -20px 0;}
.panel-wrapper .tickets a.jScrollArrowUp, .panel-wrapper .tickets a.jScrollArrowDown {background-position: -30px 0;}
.panel-wrapper .creative-community a.jScrollArrowUp, .panel-wrapper .shop a.jScrollArrowUp,
.panel-wrapper .creative-community a.jScrollArrowDown, .panel-wrapper .shop a.jScrollArrowDown {background-position: -40px 0;}
.panel-wrapper .eat-drink a.jScrollArrowUp, .panel-wrapper .eat-drink a.jScrollArrowDown {background-position: -50px 0;}
.panel-wrapper .learn a.jScrollArrowUp, .panel-wrapper .learn a.jScrollArrowDown {background-position: -60px 0;}
.panel-wrapper .the-spaces a.jScrollArrowUp, .panel-wrapper .the-spaces a.jScrollArrowDown {background-position: -70px 0;}
.panel-wrapper .heritage a.jScrollArrowUp, .panel-wrapper .heritage a.jScrollArrowDown {background-position: -80px 0;}
.panel-wrapper .dance a.jScrollArrowUp, .panel-wrapper .dance a.jScrollArrowDown {background-position: -90px 0;}
.panel-wrapper .literature a.jScrollArrowUp, .panel-wrapper .literature a.jScrollArrowDown {background-position: -100px 0;}

.panel-wrapper .exhibitions a.jScrollArrowUp:hover, .panel-wrapper .exhibitions a.jScrollArrowDown:hover {background-position: -10px -10px;}
.panel-wrapper .exhibitions a.jScrollActiveArrowButton, .panel-wrapper .exhibitions a.jScrollActiveArrowButton:hover {background-position: -10px -20px;}
.panel-wrapper .events a.jScrollArrowUp:hover, .panel-wrapper .events a.jScrollArrowDown:hover {background-position: -20px -10px;}
.panel-wrapper .events a.jScrollActiveArrowButton, .panel-wrapper .events a.jScrollActiveArrowButton:hover {background-position: -20px -20px;}
.panel-wrapper .tickets a.jScrollArrowUp:hover, .panel-wrapper .tickets a.jScrollArrowDown:hover {background-position: -30px -10px;}
.panel-wrapper .tickets a.jScrollActiveArrowButton, .panel-wrapper .tickets a.jScrollActiveArrowButton:hover {background-position: -30px -20px;}
.panel-wrapper .creative-community a.jScrollArrowUp:hover, .panel-wrapper .creative-community a.jScrollArrowDown:hover, .panel-wrapper .shop a.jScrollArrowUp:hover, .panel-wrapper .shop a.jScrollArrowDown:hover {background-position: -40px -10px;}
.panel-wrapper .creative-community a.jScrollActiveArrowButton, .panel-wrapper .creative-community a.jScrollActiveArrowButton:hover, .panel-wrapper .shop a.jScrollActiveArrowButton, .panel-wrapper .shop a.jScrollActiveArrowButton:hover {background-position: -40px -20px;}
.panel-wrapper .eat-drink a.jScrollArrowUp:hover, .panel-wrapper .eat-drink a.jScrollArrowDown:hover {background-position: -50px -10px;}
.panel-wrapper .eat-drink a.jScrollActiveArrowButton, .panel-wrapper .eat-drink a.jScrollActiveArrowButton:hover {background-position: -50px -20px;}
.panel-wrapper .learn a.jScrollArrowUp:hover, .panel-wrapper .learn a.jScrollArrowDown:hover {background-position: -60px -10px;}
.panel-wrapper .learn a.jScrollActiveArrowButton, .panel-wrapper .learn a.jScrollActiveArrowButton:hover {background-position: -60px -20px;}
.panel-wrapper .the-spaces a.jScrollArrowUp:hover, .panel-wrapper .the-spaces a.jScrollArrowDown:hover {background-position: -70px -10px;}
.panel-wrapper .the-spaces a.jScrollActiveArrowButton, .panel-wrapper .the-spaces a.jScrollActiveArrowButton:hover {background-position: -70px -20px;}
.panel-wrapper .heritage a.jScrollArrowUp:hover, .panel-wrapper .heritage a.jScrollArrowDown:hover {background-position: -80px -10px;}
.panel-wrapper .heritage a.jScrollActiveArrowButton, .panel-wrapper .heritage a.jScrollActiveArrowButton:hover {background-position: -80px -20px;}
.panel-wrapper .dance a.jScrollArrowUp:hover, .panel-wrapper .dance a.jScrollArrowDown:hover {background-position: -90px -10px;}
.panel-wrapper .dance a.jScrollActiveArrowButton, .panel-wrapper .dance a.jScrollActiveArrowButton:hover {background-position: -90px -20px;}
.panel-wrapper .literature a.jScrollArrowUp:hover,.panel-wrapper  .literature a.jScrollArrowDown:hover {background-position: -100px -10px;}
.panel-wrapper .literature a.jScrollActiveArrowButton, .panel-wrapper .literature a.jScrollActiveArrowButton:hover {background-position: -100px -20px;}

 
/* panels */


.panel {
	position: relative;
	float: left;
	margin: 0;
	margin-top: 20px;
	padding: 5px;
	background: #FFF;
}

.container_16 .grid_1 .panel {width:40px}
.container_16 .grid_2 .panel {width:100px}
.container_16 .grid_3 .panel {width:160px}
.container_16 .grid_4 .panel {width:210px}
.container_16 .grid_5 .panel {width:270px}
.container_16 .grid_6 .panel {width:340px}
.container_16 .grid_7 .panel {width:390px}
.container_16 .grid_8 .panel {width:460px}
.container_16 .grid_9 .panel {width:520px}
.container_16 .grid_10 .panel {width:580px}
.container_16 .grid_11 .panel {width:640px}
.container_16 .grid_12 .panel {width:700px}
.container_16 .grid_13 .panel {width:760px}
.container_16 .grid_14 .panel {width:820px}
.container_16 .grid_15 .panel {width:880px}
.container_16 .grid_16 .panel {width:940px}

.panel div {
	float: left;
}

.panel .action {
	margin: 0;
	padding: 0;
	height: 22px;
	width: 195px;
	/*background-color: #0F0;*/
}

.panel .action p {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

.panel .action a {
	color: #FFF;
	letter-spacing: .03em;
	border: none;
}

.panel .action a:focus, .panel .action a:hover {
	border-bottom: 1px dotted #fff;
}

.panel .action a.go:focus, .panel .action .go:hover,
.panel .action a.go-wht:focus, .panel .action .go-wht:hover {
	border-bottom: none;
}

/* to fix go button dropping down at normal size */
.panel .action a.go, .panel .action a.go-wht,
.panel .action a.go:focus, .panel .action .go:hover,
.panel .action a.go-wht:focus, .panel .action .go-wht:hover {
	margin: 0 0 0 10px;
}
/**/

.details {
	display: block;
	float: left;
	padding: 10px 20px;
	color: #fff;
	background: #e53e30;
}

.container_16 .grid_1 .panel .details {width:0}
.container_16 .grid_2 .panel .details {width:60px}
.container_16 .grid_3 .panel .details {width:120px}
.container_16 .grid_4 .panel .details {padding:5px 10px 10px 10px;width:190px}
.container_16 .grid_5 .panel .details {width:230px}
.container_16 .grid_6 .panel .details {width:300px}
.container_16 .grid_7 .panel .details {width:350px}
.container_16 .grid_8 .panel .details {width:420px}
.container_16 .grid_9 .panel .details {width:480px}
.container_16 .grid_10 .panel .details {width:540px}
.container_16 .grid_11 .panel .details {width:600px}
.container_16 .grid_12 .panel .details {width:660px}
.container_16 .grid_13 .panel .details {width:720px}
.container_16 .grid_14 .panel .details {width:780px}
.container_16 .grid_15 .panel .details {width:840px}
.container_16 .grid_16 .panel .details {width:900px}

.grid_11 .coda-slider .panel .details {width: 196px;}
.grid_11 #event-listings .panel .details {width: 196px;}

.featured {
	z-index: 1;
	position: absolute;
	top: 5px;
	left: 5px;
	padding: .3em;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background:#03306F;
}


/* Links */


a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a:hover, a:focus {
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	display:block;
	border: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
	display:block;
	text-decoration: none;
	border: none;
}

a.go, .go-wht {
	display: block;
	float: left;
	margin: 0;
	margin-left: 1em;
	padding: 0;
	height: 22px;
	width: 22px;
	text-indent: -1979px;
	overflow: hidden;
	background: url(../img/btn_go-main.gif) 0 0 no-repeat;
	border-bottom: none;
}

.go-wht {
	background: url(../img/btn_go-main.gif) -44px 0 no-repeat;
}

/*
a.go:focus, a.go:hover,
.go-wht:focus, .go-wht:hover {
	background: url(../img/btn_go-main.gif) -22px 0 no-repeat;
	border-bottom: none;
}

.go-wht:focus, .go-wht:hover {
	background: url(../img/btn_go-main.gif) -66px 0 no-repeat;
}
*/
.action {
	display: block;
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 1em;
	/*background:#0F0;*/
}

.action a {
	float: left;
	margin: .3em 0;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: .03em;
	color:#63656a;
	border-bottom: 1px dotted #fff;
	/*background: #FF0;*/
}

.action a:focus, .action a:hover {
	border-bottom: 1px dotted #e2e768;
}

.action a.go, .action .go-wht {
	float: left;
	display: block;
	margin: 0 1em;
	padding: 0;
	border-bottom: none;
	/*background: #0F0;*/
}

.action a.go:focus, .action .go:hover,
.action a.go-wht:focus, .action .go-wht:hover {
	border-bottom: none;
}

.action-grey {
	clear: both;
	float: left;
	margin: 1em 0;
	width: 100%;
	background:#E0E3E6;
}

.grid_11 .action-grey {
	padding: 18px;
	width:564px;
}

.action-grey a {
	display: block;
	float: left;
	margin: 1em;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: .03em;
	color:#3D454C;
	border-bottom: 1px dotted #E0E3E6;
	/*background: #FF0;*/
}

.grid_11 .action-grey a, .grid_11 .action-grey a.btn {
	margin: auto 0;
}

.grid_11 .action-grey p {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

.grid_11 .action-grey a,
.grid_11 .action-grey .pagination a{
	margin: .4em 1em 0 0;
}

.grid_11 .action-grey .pagination a{
	margin-right: .5em;
}

.grid_11 .action-grey a.go, .grid_11 .action-grey .go-wht {
	margin: .2em 1em 0 0;
}

#search-events .action-grey a {
	font-weight: normal;
}

.action-grey a:focus, .action-grey a:hover {
	border-bottom: 1px dotted #3D454C;
}

.action-grey a.go, .action-grey .go-wht {
	float: left;
	display: block;
	margin: .8em;
	margin-left: 0;
	padding: 0;
	border-bottom: none;
	/*background: #0F0;*/
}

.action-grey a.go:focus, .action-grey .go:hover,
.action-grey a.go-wht:focus, .action-grey .go-wht:hover {
	border-bottom: none;
}

.events a.go, .default .events a.go {background-position: 0 -44px;}
.events a.go:focus, .events a.go:hover, .default .events a.go:focus, .default .events a.go:hover {background-position: -22px -44px;}
.events .go-wht, .default .events .go-wht {background-position: -44px -44px;}
.events .go-wht:focus, .events .go-wht:hover, .default .events .go-wht:focus, .default .events .go-wht:hover {background-position: -66px -44px;}

.exhibitions a.go, .default .exhibitions a.go {background-position: 0 -22px;}
.exhibitions a.go:focus, .exhibitions a.go:hover, .default .exhibitions a.go:focus, .default .exhibitions a.go:hover {background-position: -22px -22px;}
.exhibitions .go-wht, .default .exhibitions .go-wht {background-position: -44px -22px;}
.exhibitions .go-wht:focus, .exhibitions .go-wht:hover, .default .exhibitions .go-wht:focus, .default .exhibitions .go-wht:hover {background-position: -66px -22px;}

.tickets a.go, .default .tickets a.go {background-position: 0 -66px;}
.tickets a.go:focus, .tickets a.go:hover, .default .tickets a.go:focus, .default .tickets a.go:hover {background-position: -22px -66px;}
.tickets .go-wht, .default .tickets .go-wht {background-position: -44px -66px;}
.tickets .go-wht:focus, .tickets .go-wht:hover, .default .tickets .go-wht:focus, .default .tickets .go-wht:hover {background-position: -66px -66px;}

.creative-community a.go, .shop a.go, .default .creative-community a.go, .default .shop a.go {background-position: 0 -88px;}
.creative-community a.go:focus, .creative-community a.go:hover, .shop a.go:focus, .shop a.go:hover, .default .creative-community a.go:focus, .default .creative-community a.go:hover, .default .shop a.go:focus, .default .shop a.go:hover {background-position: -22px -88px;}
.creative-community .go-wht, .shop .go-wht, .default .creative-community .go-wht, .default .shop .go-wht {background-position: -44px -88px;}
.creative-community .go-wht:focus, .creative-community .go-wht:hover, .shop .go-wht:focus, .shop .go-wht:hover, .default .creative-community .go-wht:focus, .default .creative-community .go-wht:hover, .default .shop .go-wht:focus, .default .shop .go-wht:hover {background-position: -66px -88px;}

.eat-drink a.go, .default .eat-drink a.go {background-position: 0 -110px;}
.eat-drink a.go:focus, .eat-drink a.go:hover, .default .eat-drink a.go:focus, .default .eat-drink a.go:hover {background-position: -22px -110px;}
.eat-drink .go-wht, .default .eat-drink .go-wht {background-position: -44px -110px;}
.eat-drink .go-wht:focus, .eat-drink .go-wht:hover, .default .eat-drink .go-wht:focus, .default .eat-drink .go-wht:hover {background-position: -66px -110px;}

.learn a.go, .default .learn a.go {background-position: 0 -132px;}
.learn a.go:focus, .learn a.go:hover, .default .learn a.go:focus, .default .learn a.go:hover {background-position: -22px -132px;}
.learn .go-wht, .default .learn .go-wht {background-position: -44px -132px;}
.learn .go-wht:focus, .learn .go-wht:hover, .default .learn .go-wht:focus, .default .learn .go-wht:hover {background-position: -66px -132px;}

.the-spaces a.go, .default .the-spaces a.go {background-position: 0 -154px;}
.the-spaces a.go:focus, .the-spaces a.go:hover, .default .the-spaces a.go:focus, .default .the-spaces a.go:hover {background-position: -22px -154px;}
.the-spaces .go-wht, .default .the-spaces .go-wht {background-position: -44px -154px;}
.the-spaces .go-wht:focus, .the-spaces .go-wht:hover, .default .the-spaces .go-wht:focus, .default .the-spaces .go-wht:hover {background-position: -66px -154px;}

.heritage a.go, .default .heritage a.go {background-position: 0 -176px;}
.heritage a.go:focus, .heritage a.go:hover, .default .heritage a.go:focus, .default .heritage a.go:hover {background-position: -22px -176px;}
.heritage .go-wht, .default .heritage .go-wht {background-position: -44px -176px;}
.heritage .go-wht:focus, .heritage .go-wht:hover, .default .heritage .go-wht:focus, .default .heritage .go-wht:hover {background-position: -66px -176px;}

.dance a.go, .default .dance a.go {background-position: 0 -198px;}
.dance a.go:focus, .dance a.go:hover, .default .dance a.go:focus, .default .dance a.go:hover {background-position: -22px -198px;}
.dance .go-wht, .default .dance .go-wht {background-position: -44px -198px;}
.dance .go-wht:focus, .dance .go-wht:hover, .default .dance .go-wht:focus, .default .dance .go-wht:hover {background-position: -66px -198px;}

.literature a.go, .default .literature a.go {background-position: 0 -220px;}
.literature a.go:focus, .literature a.go:hover, .default .literature a.go:focus, .default .literature a.go:hover {background-position: -22px -220px;}
.literature .go-wht, .default .literature .go-wht {background-position: -44px -220px;}
.literature .go-wht:focus, .literature .go-wht:hover, .default .literature .go-wht:focus, .default .literature .go-wht:hover {background-position: -66px -220px;}

.action .btn, .bbtn,
.action-grey .btn {
	display:block;
	float: left;
	margin: 0;
	margin-right: .38em;
	padding: 0 .2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.33em;
	color: #63656a;
	background: #e2e768;
	border: 2px solid #C2C7CC;
}

.action .btn:hover, .action .btn:focus,
.action-grey .btn:hover, .action-grey .btn:focus {
	color: #C2C7CC;
	text-decoration: none;
	background: #e2e768;
	border: 2px solid #C2C7CC;
}

.pagination {
	float: left;
	margin: 0;
	padding: 0;
	/*background: #0F0;*/
}

.pagination a {
	float: left;
	display: block;
	margin: 0;
	margin-right: .5em;
	padding: 0;
	color:#e2e768;
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: none;
}

.pagination a.prev {
	padding-left: 12px;
	background: url(../img/icon-prev-main.gif) left center no-repeat;
}
.pagination a.prev:focus, .pagination a.prev:hover {
	background-image: url(../img/icon-prev-hover.gif);
}
.pagination a.next {
	padding-right: 12px;
	background: url(../img/icon-next-main.gif) right center no-repeat;
}
.pagination a.next:focus, .pagination a.next:hover {
	background-image: url(../img/icon-next-hover.gif);
}

.pagination a.prev, .pagination a.next,
.pagination a.prev:focus, .pagination a.next:focus,
.pagination a.prev:hover, .pagination a.next:hover{
	border-bottom: none;
}

.pagination a:focus,
.pagination a:hover,
.pagination a.selected {
	color:#3D454C;
	cursor: pointer;
	border-bottom: none;
}

.pagination a.selected {
	border-bottom: 2px solid #3D454C;
}

.gallery-img a, .press-release a.gallery, .panoramic a.pano, .publication a.gallery {
	float:left;
	display:block;
	margin:0;
	padding: 10px;
	height: 160px;
	width: 160px;
	background:#E0E3E6;
	border: none;
}
.press-release a.gallery, .panoramic a.pano {
	margin: 0 2em 1em 0;
	height: 100px;
	width: 100px;
}
.publication a.gallery {
	margin: 0 2em 1em 0;
	height: auto;
	width: 100px;
}

.grid_5 .publication a.gallery {
	margin: 0 1em .5em 0;
}
.gallery-img a:focus, .gallery-img a:hover,
.press-release a.gallery:focus, .press-release a.gallery:hover,
.panoramic a.pano:focus, .panoramic a.pano:hover,
.publication a.gallery:focus, .publication a.gallery:hover{
	border: none;
	background:#D0D4D9;
}

a.pano {
	line-height: 1.8em;
	border: none;
}

.panoramic p a.pano, p.caption a.pano .panoramic p a.pano:focus, .panoramic p a.pano:hover {
	display: block;
	float: none;
	margin:0;
	padding: 0;
	height: auto;
	width:auto;
	background: none;
	border: none;
	cursor:pointer;
}

a.pano-btn {
	float: left;
	margin: 0;
	margin-right: .64em;
	padding: 0;
	height: 19px;
	width: 68px;
	text-indent: -1979px;
	overflow: hidden;
	background:url(../img/btn_360.png) 0 0 no-repeat;
	border: 2px solid #C2C7CC;
}

a.pano-btn:focus, a.pano-btn:hover {
	background-position: -68px 0;
	border: 2px solid #C2C7CC;
}


/* Imagery */


img {
	float: left;
	margin: 0;
	padding: 0;
}

#content .grid_5 img,
#content .grid_11 img {
	float: left;
	margin: 0 20px 10px 0;
	border: 10px solid #E0E3E6;
	max-width: 560px;
   	width: expression(this.width > 560 ? 560: true); /* sets max-width for IE */
	height: auto;
}

#content .grid_5 img {
	float: left;
	margin: 10px 0 0 0;
	max-width: 260px;
   	width: expression(this.width > 260 ? 260: true); /* sets max-width for IE */
	height: auto;
}

/*#content .grid_11 .blog-entry img {
	float: none;
}*/

#content .grid_11 p.caption {
	clear:left;
	float: left;
	margin: .64em 0 .64em 0;
	line-height: 1.3em;
	letter-spacing: 0em;
}

#content .grid_11 .panoramic p.caption {
	clear: none;
	float: none;
	line-height: 1.8em;
}

#content .grid_11 .image-left p.caption,
#content .grid_11 .image-right p.caption,
#content .grid_11 .image p.caption {
	width: 100%;
}

#content .grid_11 .image-left .image p.caption,
#content .grid_11 .image-right .image p.caption,
#content .grid_11 .image .image p.caption {
	display: none;
}

#content .grid_11 .image-left .image,
#content .grid_11 .image-right .image,
#content .grid_11 .image .image {
	margin: 0;	 
}

.gallery {
	float: left;
	margin: 1.4em 0;
	padding: 0;
	width: 600px;
	/*background:#F0F;*/
}

#content .grid_11 .gallery .row {
	float: left;
	clear:left;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	width: 600px;
	/*background: #0F0;*/
}

#content .grid_11 .gallery-img {
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	width: 180px;
	/*background: #FF0;*/
}

#content .grid_11 .gallery-img img {
	margin: 0;
	padding:0;
	height: 160px;
	width: 160px;
	border: none;
	/*background-color: #F00;*/
}

#content .grid_11 .gallery-img .caption {
	float: left;
	margin: 0;
	margin-top: .5em;
	width: 180px;
	/*background: #0FF;*/
}

#content .grid_11 .image-left img,
#content .grid_11 .image-right img{
	margin: 0;
	height: auto;
	max-width: 300px;
   	width: expression(this.width > 300 ? 300: true); /* sets max-width for IE */
}

#content .grid_11 .image img {
	margin: 0;
	width: 580px;
	height: auto;
	max-width: 580px;
   	width: expression(this.width > 580 ? 580: true); /* sets max-width for IE */
}
#content .grid_11 .image-left .image img,
#content .grid_11 .image-right .image img{
	max-width: 300px;
   	width: expression(this.width > 300 ? 300: true); /* sets max-width for IE */
}

#content .grid_11 .image-right{
	float:right;
	margin: 0 0 10px 20px;
	max-width: 320px;
   	width: expression(this.width > 320 ? 320: true); /* sets max-width for IE */
}

#content .grid_11 .image-left{
	float:left;
	margin: 0 20px 10px 0;
	max-width: 320px;
   	width: expression(this.width > 320 ? 320: true); /* sets max-width for IE */
}

#content .grid_11 .image {
	float:left;
	margin: 0;
	margin-bottom: 10px;
	max-width: 600px;
   	width: expression(this.width > 600 ? 600: true); /* sets max-width for IE */
}


#content .grid_11 .image-right .image,
#content .grid_11 .image-left .image{
	max-width: 320px;
   	width: expression(this.width > 320 ? 320: true); /* sets max-width for IE */
}

#content .grid_11 .press-release img,
#content .grid_11 .panoramic img,
#content .grid_11 .publication img,
#content .grid_5 .publication img,
#content .grid_11 a.video img,
#content .grid_5 a.video img{
	float: left;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 100px;
	border: none;
}

.image-base {
	float: left;
}

#content .grid_11 .publication img,
#content .grid_5 .publication img {
	height: auto;
}

#content .grid_11 .image a img,
#content .grid_11 .image-left a img,
#content .grid_11 .image-right a img,
#content .grid_11 a.video img,
#content .grid_5 a.video img{
	border: none;
}

#content .grid_11 a.video img,
#content .grid_5 a.video img {
	height: auto;
	width: auto;
}

#content .grid_11 .image a,
#content .grid_11 .image-left a,
#content .grid_11 .image-right a,
#content .grid_11 a.video,
#content .grid_5 a.video{
	float:left;
	display:block;
	margin:0;
	padding: 10px;
	height: auto;
	width: auto;
	background:#E0E3E6;
	border: none;
}

#content .grid_11 .image a:focus, #content .grid_11 .image a:hover,
#content .grid_11 .image-left a:focus, #content .grid_11 .image-left a:hover,
#content .grid_11 .image-right a:focus, #content .grid_11 .image-right a:hover,
#content .grid_11 a.video:focus, #content .grid_11 a.video:hover,
#content .grid_5 a.video:focus, #content .grid_5 a.video:hover{
	border: none;
	background:#D0D4D9;
	cursor: pointer;
}

#content .grid_11 .image p a,
#content .grid_11 .image-left p a,
#content .grid_11 .image-right p a {
	float:none;
	padding: 0;
	background:none;
}

#content .grid_11 .image p a:focus, #content .grid_11 .image p a:hover,
#content .grid_11 .image-left p a:focus, #content .grid_11 .image-left p a:hover,
#content .grid_11 .image-right p a:focus, #content .grid_11 .image-right p a:hover {
	border: none;
	background:none;
}


/* Panoramics */


#content .grid_11 .image a.pano-btn,
#content .grid_11 .image-left a.pano-btn,
#content .grid_11 .image-right a.pano-btn {
	float:left;
	margin-right: .64em;
	height: 19px;
	width: 68px;
	background:url(../img/btn_360.png) 0 0 no-repeat;
	border: 2px solid #C2C7CC;
}


#content .grid_11 .image a.pano-btn:focus, #content .grid_11 .image a.pano-btn:hover,
#content .grid_11 .image-left a.pano-btn:focus, #content .grid_11 .image-left a.pano-btn:hover,
#content .grid_11 .image-right a.pano-btn:focus, #content .grid_11 .image-right a.pano-btn:hover {
	background:url(../img/btn_360.png) -68px 0 no-repeat;
	border: 2px solid #C2C7CC;
}

.exhibitions a.pano-btn,
.exhibitions #content .grid_11 .image a.pano-btn,
.exhibitions #content .grid_11 .image-left a.pano-btn,
.exhibitions #content .grid_11 .image-right a.pano-btn {background-position: 0 -19px;}

.exhibitions a.pano-btn:focus, .exhibitions a.pano-btn:hover,
.exhibitions #content .grid_11 .image a.pano-btn:focus, .exhibitions #content .grid_11 .image a.pano-btn:hover,
.exhibitions #content .grid_11 .image-left a.pano-btn:focus, .exhibitions #content .grid_11 .image-left a.pano-btn:hover,
.exhibitions #content .grid_11 .image-right a.pano-btn:focus, .exhibitions #content .grid_11 .image-right a.pano-btn:hover {background-position: -68px -19px;}

.events a.pano-btn,
.events #content .grid_11 .image a.pano-btn,
.events #content .grid_11 .image-left a.pano-btn,
.events #content .grid_11 .image-right a.pano-btn {background-position: 0 -38px;}

.events a.pano-btn:focus, .events a.pano-btn:hover,
.events #content .grid_11 .image a.pano-btn:focus, .events #content .grid_11 .image a.pano-btn:hover,
.events #content .grid_11 .image-left a.pano-btn:focus, .events #content .grid_11 .image-left a.pano-btn:hover,
.events #content .grid_11 .image-right a.pano-btn:focus, .events #content .grid_11 .image-right a.pano-btn:hover {background-position: -68px -38px;}

.tickets a.pano-btn,
.tickets #content .grid_11 .image a.pano-btn,
.tickets #content .grid_11 .image-left a.pano-btn,
.tickets #content .grid_11 .image-right a.pano-btn {background-position: 0 -57px;}

.tickets a.pano-btn:focus, .tickets a.pano-btn:hover,
.tickets #content .grid_11 .image a.pano-btn:focus, .tickets #content .grid_11 .image a.pano-btn:hover,
.tickets #content .grid_11 .image-left a.pano-btn:focus, .tickets #content .grid_11 .image-left a.pano-btn:hover,
.tickets #content .grid_11 .image-right a.pano-btn:focus, .tickets #content .grid_11 .image-right a.pano-btn:hover {background-position: -68px -57px;}

.shop a.pano-btn,
.shop #content .grid_11 .image a.pano-btn,
.shop #content .grid_11 .image-left a.pano-btn,
.shop #content .grid_11 .image-right a.pano-btn,
.creative-community a.pano-btn,
.creative-community #content .grid_11 .image a.pano-btn,
.creative-community #content .grid_11 .image-left a.pano-btn,
.creative-community #content .grid_11 .image-right a.pano-btn {background-position: 0 -76px;}

.shop a.pano-btn:focus, .shop a.pano-btn:hover,
.shop #content .grid_11 .image a.pano-btn:focus, .shop #content .grid_11 .image a.pano-btn:hover,
.shop #content .grid_11 .image-left a.pano-btn:focus, .shop #content .grid_11 .image-left a.pano-btn:hover,
.shop #content .grid_11 .image-right a.pano-btn:focus, .shop #content .grid_11 .image-right a.pano-btn:hover,
.creative-community a.pano-btn:focus, .creative-community a.pano-btn:hover,
.creative-community #content .grid_11 .image a.pano-btn:focus, .creative-community #content .grid_11 .image a.pano-btn:hover,
.creative-community #content .grid_11 .image-left a.pano-btn:focus, .creative-community #content .grid_11 .image-left a.pano-btn:hover,
.creative-community #content .grid_11 .image-right a.pano-btn:focus, .creative-community #content .grid_11 .image-right a.pano-btn:hover {background-position: -68px -76px;}

.eat-drink a.pano-btn,
.eat-drink #content .grid_11 .image a.pano-btn,
.eat-drink #content .grid_11 .image-left a.pano-btn,
.eat-drink #content .grid_11 .image-right a.pano-btn {background-position: 0 -95px;}

.eat-drink a.pano-btn:focus, .eat-drink a.pano-btn:hover,
.eat-drink #content .grid_11 .image a.pano-btn:focus, .eat-drink #content .grid_11 .image a.pano-btn:hover,
.eat-drink #content .grid_11 .image-left a.pano-btn:focus, .eat-drink #content .grid_11 .image-left a.pano-btn:hover,
.eat-drink #content .grid_11 .image-right a.pano-btn:focus, .eat-drink #content .grid_11 .image-right a.pano-btn:hover {background-position: -68px -95px;}

.learn a.pano-btn,
.learn #content .grid_11 .image a.pano-btn,
.learn #content .grid_11 .image-left a.pano-btn,
.learn #content .grid_11 .image-right a.pano-btn {background-position: 0 -114px;}

.learn a.pano-btn:focus, .learn a.pano-btn:hover,
.learn #content .grid_11 .image a.pano-btn:focus, .learn #content .grid_11 .image a.pano-btn:hover,
.learn #content .grid_11 .image-left a.pano-btn:focus, .learn #content .grid_11 .image-left a.pano-btn:hover,
.learn #content .grid_11 .image-right a.pano-btn:focus, .learn #content .grid_11 .image-right a.pano-btn:hover {background-position: -68px -114px;}

.the-spaces a.pano-btn,
.the-spaces #content .grid_11 .image a.pano-btn,
.the-spaces #content .grid_11 .image-left a.pano-btn,
.the-spaces #content .grid_11 .image-right a.pano-btn {background-position: 0 -133px;}

.the-spaces a.pano-btn:focus, .the-spaces a.pano-btn:hover,
.the-spaces #content .grid_11 .image a.pano-btn:focus, .the-spaces #content .grid_11 .image a.pano-btn:hover,
.the-spaces #content .grid_11 .image-left a.pano-btn:focus, .the-spaces #content .grid_11 .image-left a.pano-btn:hover,
.the-spaces #content .grid_11 .image-right a.pano-btn:focus, .the-spaces #content .grid_11 .image-right a.pano-btn:hover {background-position: -68px -133px;}

.heritage a.pano-btn,
.heritage #content .grid_11 .image a.pano-btn,
.heritage #content .grid_11 .image-left a.pano-btn,
.heritage #content .grid_11 .image-right a.pano-btn {background-position: 0 -152px;}

.heritage a.pano-btn:focus, .heritage a.pano-btn:hover,
.heritage #content .grid_11 .image a.pano-btn:focus, .heritage #content .grid_11 .image a.pano-btn:hover,
.heritage #content .grid_11 .image-left a.pano-btn:focus, .heritage #content .grid_11 .image-left a.pano-btn:hover,
.heritage #content .grid_11 .image-right a.pano-btn:focus, .heritage #content .grid_11 .image-right a.pano-btn:hover {background-position: -68px -152px;}

.dance a.pano-btn,
.dance #content .grid_11 .image a.pano-btn,
.dance #content .grid_11 .image-left a.pano-btn,
.dance #content .grid_11 .image-right a.pano-btn {background-position: 0 -171px;}

.dance a.pano-btn:focus, .dance a.pano-btn:hover,
.dance #content .grid_11 .image a.pano-btn:focus, .dance #content .grid_11 .image a.pano-btn:hover,
.dance #content .grid_11 .image-left a.pano-btn:focus, .dance #content .grid_11 .image-left a.pano-btn:hover,
.dance #content .grid_11 .image-right a.pano-btn:focus, .dance #content .grid_11 .image-right a.pano-btn:hover {background-position: -68px -171px;}

.literature a.pano-btn,
.literature #content .grid_11 .image a.pano-btn,
.literature #content .grid_11 .image-left a.pano-btn,
.literature #content .grid_11 .image-right a.pano-btn {background-position: 0 -190px;}

.literature a.pano-btn:focus, .literature a.pano-btn:hover,
.literature #content .grid_11 .image a.pano-btn:focus, .literature #content .grid_11 .image a.pano-btn:hover,
.literature #content .grid_11 .image-left a.pano-btn:focus, .literature #content .grid_11 .image-left a.pano-btn:hover,
.literature #content .grid_11 .image-right a.pano-btn:focus, .literature #content .grid_11 .image-right a.pano-btn:hover {background-position: -68px -190px;}


/* Logos */

#content .grid_11  ul.logos {
	clear: left;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 600px;
}
#content .grid_11  ul.logos li {
	display:inline;
	margin: 0 25px 20px 0;
	list-style: none;
	background: none;
}
#content .grid_11 ul.logos li,
#content .grid_11 ul.logos img{
	float: left;
	padding: 0;
	height: 60px;
	width: auto;
	background: none;
}
#content .grid_11 ul.logos img{
	margin: auto 0;
	display: inline-block;
	vertical-align: middle;
	border: none;
}


/* Tables */


table {
	clear: both;
	float: left;
	margin: 1em 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.5em;
	text-align: left;
	width:618px;
	border: 1px solid #AAA;
}

tr.other th,
tr.other td {
	background: #C9C9C9;
}

th, td {
	padding: .5em;
	border-right: 1px solid #4F4B3C;
	border-bottom: 1px dotted #4F4B3C;
	background: #C9C9C9;
}

thead th {
	color: #333;
	background: #C9C9C9;
	border-right: 1px solid #93897A;
	border-bottom: none;
}

thead th.last {
	border-right: none;
}

#content .grid_11 table, #content .grid_11 th, #content .grid_11 td {
	background:  #FFF;
	border: none;
}

#content .grid_11 table {
	width: 100%;
	max-width: 600px;
   	width: expression(this.width > 600 ? 600: true); /* sets max-width for IE */
}

#content .grid_11 th, #content .grid_11 td {
	padding: .2em;
	font-weight: normal;
	text-align: left;
	width: 200px;
	border-top: 1px solid #E0E3E6;
}

#content .grid_11 th {
	color: #e53e30;
}

#content .grid_11 td {
	width: 400px;
}

#content .grid_11 td p,
#content .grid_11 td ul{
	font-size: 1em;
}

#content .grid_11 td h5{
	font-size: 1.29em;
}

.ui-widget-header {
	background: #E1E1E1;
	border: 1px solid #BBB
}

/* Forms */

form {
	float: left;
	margin: 1em 0;
	padding: 0;
	width:100%;
}

form#modal {
	float: none;
	margin: 0;
	padding: 0;
}

form h5 {
	margin-bottom: .4em;
}

#search-events {
	margin: 0;
	width:280px;
}

input, select, textarea{
	clear: left;
	float:left;
	margin:0;
	margin-bottom: .7em;
	padding:2px;
	width: 98%;
	height:auto;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.4em;
	color:#65717F;
	border:1px solid #C2C7CC;
}

textarea {
	min-height: 100px;
	overflow: auto;
}

#content .grid_11 p select {
	clear: none;
	float: none;
	margin: 0;
	font-size:1em;
	width: auto;
}
#content .grid_11 #comment-form select, #content .grid_11 #thread-form select {
	clear: left;
	float: left;
	width: auto;
}
input {
	height: 17px;
}
input:focus, textarea:focus, select:focus {
	border:1px solid #65717F;
}

/*#comment-form,
#thread-form {
	padding: 2em 20px;
	padding-bottom: 1em;
	width: 560px;
	background: #E0E3E6;
}*/

#comment-form input {
	width:260px;
}

#search input,
#search-events input {
	clear: none;
	width:248px;
}

#search input.btn, 
form input.btn {
	float:left;
	margin:0;
	margin-left: 1em;
	padding:0;
	width:22px;
	height:22px;
	border: none;
}

#search-events input#from,
#search-events input#to {
	width: 110px;
}

#search-events span.date {
	float: left;
	margin-bottom: .7em;
	margin-right: 20px;
	width: 120px;
}

label {
	clear: left;
	float: left;
	margin: 0;
	margin-bottom: .7em;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	cursor: pointer;
}

#search-events .option label {
	margin: 0;
	font-weight: normal;
}

#search-events .option input {
	float: right;
	margin: 0;
	padding: 0;
	width: auto;
	border: none;
}

#search-events span.option {
	float: left;
	margin-bottom: .7em;
	width: 100%;
}

#search-events .action-grey {
	margin-top: 0;
}

#search-events label.all,
#search-events input#all {
	margin: .7em 0;
}

/* colours */

#navigation .events, .events ul.sub-navigation li a:focus, .events ul.sub-navigation li a:hover, .events ul.sub-navigation li a.selected, .events h1, .events h2, .events h3, .events h4, .events h5, .events .action a, .events .post .link a, .events .caption, .events #content .grid_11 dt, .events #content .grid_11 th, .events .pano, .events .grid_5 .publication .link a, .events p.instruction {color: #E54620;}
.events .action .btn, .events .action-grey .btn {color: #FFF;	background: #E54620;} 
.events .action a:focus, .events .action a:hover {border-color: #E54620;}
.events .action .btn:hover, .events .action .btn:focus, .events .action-grey .btn:hover, .events .action-grey .btn:focus {background: #E54620;border: 2px solid #C2C7CC;}
.events .footer {border-top:2px solid #E54620;}
div.events {background: #E54620;}
.post p.events, .related-posts li.events, .topics .events span.title {background-image: url(../img/bullet_events.gif);}
.events #content {border-color: #E54620;}
.events .pagination a {color:#E54620;}
.events .pagination a:focus, .events .pagination a:hover, .events .pagination a.selected {color:#3D454C;border-color:#3D454C;}
.events .pagination a.prev {background-image: url(../img/icon-prev-events.gif);}
.events .pagination a.next {background-image: url(../img/icon-next-events.gif);}
.events .pagination a.prev:focus, .events .pagination a.prev:hover {background-image: url(../img/icon-prev-hover.gif);}
.events .pagination a.next:focus, .events .pagination a.next:hover {background-image: url(../img/icon-next-hover.gif);}

#navigation .exhibitions, .exhibitions ul.sub-navigation li a:focus, .exhibitions ul.sub-navigation li a:hover, .exhibitions ul.sub-navigation li a.selected, .exhibitions h1, .exhibitions h2, .exhibitions h3, .exhibitions h4, .exhibitions h5, .exhibitions .action a, .exhibitions .post .link a, .exhibitions .caption, .exhibitions #content .grid_11 dt, .exhibitions #content .grid_11 th, .exhibitions .pano, .exhibitions .grid_5 .publication .link a, .exhibitions p.instruction {color: #711161;}
.exhibitions .action .btn, .exhibitions .action-grey .btn {color: #FFF;	background: #711161;} 
.exhibitions .action a:focus, .exhibitions .action a:hover {border-color: #711161;}
.exhibitions .action .btn:hover, .exhibitions .action .btn:focus, .exhibitions .action-grey .btn:hover, .exhibitions .action-grey .btn:focus {background: #711161;border: 2px solid #C2C7CC;}
.exhibitions .footer {border-top:2px solid #711161;}
div.exhibitions {background: #711161;}
.post p.exhibitions, .related-posts li.exhibitions, .topics .exhibitions span.title {background-image: url(../img/bullet_exhibitions.gif);}
.exhibitions #content {border-color: #711161;}
.exhibitions .pagination a {color:#711161;}
.exhibitions .pagination a:focus, .exhibitions .pagination a:hover, .exhibitions .pagination a.selected {color:#3D454C;border-color:#3D454C;}
.exhibitions .pagination a.prev {background-image: url(../img/icon-prev-exhib.gif);}
.exhibitions .pagination a.next {background-image: url(../img/icon-next-exhib.gif);}
.exhibitions .pagination a.prev:focus, .exhibitions .pagination a.prev:hover {background-image: url(../img/icon-prev-hover.gif);}
.exhibitions .pagination a.next:focus, .exhibitions .pagination a.next:hover {background-image: url(../img/icon-next-hover.gif);}

#navigation .tickets, .tickets ul.sub-navigation li a:focus, .tickets ul.sub-navigation li a:hover, .tickets ul.sub-navigation li a.selected, .tickets h1, .tickets h2, .tickets h3, .tickets h4, .tickets h5, .tickets .action a, .tickets .post .link a, .tickets .caption, .tickets #content .grid_11 dt, .tickets #content .grid_11 th, .tickets .pano, .tickets .grid_5 .publication .link a, .tickets p.instruction {color: #EC911D;}
.tickets .action .btn, .tickets .action-grey .btn {color: #FFF;background: #EC911D;} 
.tickets .action a:focus, .tickets .action a:hover {border-color: #EC911D;}
.tickets .action .btn:hover, .tickets .action .btn:focus, .tickets .action-grey .btn:hover, .tickets .action-grey .btn:focus {background: #EC911D;border: 2px solid #C2C7CC;}
.tickets .footer {border-top:2px solid #EC911D;}
div.tickets {background: #EC911D;}
.post p.tickets, .related-posts li.tickets, .topics .tickets span.title {background-image: url(../img/bullet_tickets.gif);}
.tickets #content {border-color: #EC911D;}

#navigation .creative-community, .creative-community ul.sub-navigation li a:focus, .creative-community ul.sub-navigation li a:hover, .creative-community ul.sub-navigation li a.selected, .creative-community h1, .creative-community h2, .creative-community h3, .creative-community h4, .creative-community h5, .creative-community .action a, .creative-community .post .link a, .creative-community .caption, .creative-community #content .grid_11 dt, .creative-community #content .grid_11 th, .creative-community .pano, .creative-community .grid_5 .publication .link a, .creative-community p.instruction,
#navigation .shop, .shop ul.sub-navigation li a:focus, .shop ul.sub-navigation li a:hover, .shop ul.sub-navigation li a.selected, .shop h1, .shop h2, .shop h3, .shop h4, .shop h5, .shop .action a, .shop .post .link a, .shop .caption, .shop #content .grid_11 dt, .shop #content .grid_11 th, .shop .pano, .shop .grid_5 .publication .link a, .shop p.instruction {color: #007985;}
.creative-community .action .btn, .shop .action .btn, .creative-community .action-grey .btn, .shop .action-grey .btn {color: #FFF;background: #007985;} 
.creative-community .action a:focus, .creative-community .action a:hover, .shop .action a:focus, .shop .action a:hover {border-color: #007985;}
.creative-community .action .btn:hover, .creative-community .action .btn:focus, .shop .action .btn:hover, .shop .action .btn:focus, .creative-community .action-grey .btn:hover, .creative-community .action-grey .btn:focus, .shop .action-grey .btn:hover, .shop .action-grey .btn:focus {background: #007985;border: 2px solid #C2C7CC;}
.creative-community .footer, .shop .footer {border-top:2px solid #007985;}
div.creative-community, div.shop {background:#007985;}
.post p.creative-community, .post p.shop, .related-posts li.creative-community, .related-posts li.shop, .topics .creative-community span.title, .topics .shop span.title {background-image: url(../img/bullet_shopcreative-community.gif);}
.creative-community #content, .shop #content {border-color: #007985;}

#navigation .eat-drink, .eat-drink ul.sub-navigation li a:focus, .eat-drink ul.sub-navigation li a:hover, .eat-drink ul.sub-navigation li a.selected, .eat-drink h1, .eat-drink h2, .eat-drink h3, .eat-drink h4, .eat-drink h5, .eat-drink .action a, .eat-drink .post .link a, .eat-drink .caption, .eat-drink #content .grid_11 dt, .eat-drink #content .grid_11 th, .eat-drink .pano, .eat-drink .grid_5 .publication .link a, .eat-drink p.instruction {color: #9F002C;}
.eat-drink .action .btn, .eat-drink .action-grey .btn {color: #FFF;background: #9F002C;} 
.eat-drink .action a:focus, .eat-drink .action a:hover {border-color: #9F002C;}
.eat-drink .action .btn:hover, .eat-drink .action .btn:focus, .eat-drink .action-grey .btn:hover, .eat-drink .action-grey .btn:focus {background: #9F002C;border: 2px solid #C2C7CC;}
.eat-drink .footer {border-top:2px solid #9F002C;}
div.eat-drink {background: #9F002C;}
.post p.eat-drink, .related-posts li.eat-drink, .topics .eat-drink span.title {background-image: url(../img/bullet_eat-drink.gif);}
.eat-drink #content {border-color: #9F002C;}

#navigation .learn, .learn ul.sub-navigation li a:focus, .learn ul.sub-navigation li a:hover, .learn ul.sub-navigation li a.selected, .learn h1, .learn h2, .learn h3, .learn h4, .learn h5, .learn .action a, .learn .post .link a, .learn .caption, .learn #content .grid_11 dt, .learn #content .grid_11 th, .learn .pano, .learn .grid_5 .publication .link a, .learn p.instruction {color: #D80052;}
.learn .action .btn, .learn .action-grey .btn {color: #FFF;background: #D80052;} 
.learn .action a:focus, .learn .action a:hover {border-color: #D80052;}
.learn .action .btn:hover, .learn .action .btn:focus, .learn .action-grey .btn:hover, .learn .action-grey .btn:focus {background: #D80052;border: 2px solid #C2C7CC;}
.learn .footer {border-top:2px solid #D80052;}
div.learn {background: #D80052;}
.post p.learn, .related-posts li.learn, .topics .learn span.title {background-image: url(../img/bullet_learn.gif);}
.learn #content {border-color: #D80052;}

#navigation .the-spaces, .the-spaces ul.sub-navigation li a:focus, .the-spaces ul.sub-navigation li a:hover, .the-spaces ul.sub-navigation li a.selected, .the-spaces h1, .the-spaces h2, .the-spaces h3, .the-spaces h4, .the-spaces h5, .the-spaces .action a, .the-spaces .post .link a, .the-spaces .caption, .the-spaces #content .grid_11 dt, .the-space #content .grid_11 th, .the-spaces .pano, .the-spaces .grid_5 .publication .link a, .the-spaces p.instruction {color: #6C6C00;}
.the-spaces .action .btn, .the-spaces .action-grey .btn {color: #FFF;background: #6C6C00;} 
.the-spaces .action a:focus, .the-spaces .action a:hover {border-color: #6C6C00;}
.the-spaces .action .btn:hover, .the-spaces .action .btn:focus, .the-spaces .action-grey .btn:hover, .the-spaces .action-grey .btn:focus {background: #6C6C00;border: 2px solid #C2C7CC;}
.the-spaces .footer {border-top:2px solid #6C6C00;}
div.the-spaces {background: #6C6C00;}
.post p.the-spaces, .related-posts li.the-spaces, .topics .the-spaces span.title {background-image: url(../img/bullet_the-spaces.gif);}
.the-spaces #content {border-color: #6C6C00;}

#navigation .heritage, .heritage ul.sub-navigation li a:focus, .heritage ul.sub-navigation li a:hover, .heritage ul.sub-navigation li a.selected, .heritage h1, .heritage h2, .heritage h3, .heritage h4, .heritage h5, .heritage .action a, .heritage .post .link a, .heritage .caption, .heritage #content .grid_11 dt, .heritage #content .grid_11 th, .heritage .pano, .heritage .grid_5 .publication .link a, .heritage p.instruction {color: #633400;}
.heritage .action .btn, .heritage .action-grey .btn {color: #FFF;background: #633400;} 
.heritage .action a:focus, .heritage .action a:hover {border-color: #633400;}
.heritage .action .btn:hover, .heritage .action .btn:focus, .heritage .action-grey .btn:hover, .heritage .action-grey .btn:focus {background: #633400;border: 2px solid #C2C7CC;}
.heritage .footer {border-top:2px solid #633400;}
div.heritage {background: #633400;}
.post p.heritage, .related-posts li.heritage, .topics .heritage span.title {background-image: url(../img/bullet_heritage.gif);}
.heritage #content {border-color: #633400;}

#navigation .dance, .dance ul.sub-navigation li a:focus, .dance ul.sub-navigation li a:hover, .dance ul.sub-navigation li a.selected, .dance h1, .dance h2, .dance h3, .dance h4, .dance h5, .dance .action a, .dance .post .link a, .dance .caption, .dance #content .grid_11 dt, .dance #content .grid_11 th, .dance .pano, .dance .grid_5 .publication .link a, .dance p.instruction {color: #9372B1;}
.dance .action .btn, .dance .action-grey .btn {color: #FFF;background: #9372B1;} 
.dance .action a:focus, .dance .action a:hover {border-color: #9372B1;}
.dance .action .btn:hover, .dance .action .btn:focus, .dance .action-grey .btn:hover, .dance .action-grey .btn:focus {background: #9372B1;border: 2px solid #C2C7CC;}
.dance .footer {border-top:2px solid #9372B1;}
div.dance {background: #9372B1;}
.post p.dance, .related-posts li.dance, .topics .dance span.title {background-image: url(../img/bullet_dance.gif);}
.dance #content {border-color: #9372B1;}

#navigation .literature, .literature ul.sub-navigation li a:focus, .literature ul.sub-navigation li a:hover, .literature ul.sub-navigation li a.selected, .literature h1, .literature h2, .literature h3, .literature h4, .literature h5, .literature .action a, .literature .post .link a, .literature .caption, .literature #content .grid_11 dt, .literature #content .grid_11 th, .literature .pano, .literature .grid_5 .publication .link a, .literature p.instruction {color: #A35415;}
.literature .action .btn, .literature .action-grey .btn {color: #FFF;background: #A35415;} 
.literature .action a:focus, .literature .action a:hover {border-color: #A35415;}
.literature .action .btn:hover, .literature .action .btn:focus, .literature .action-grey .btn:hover, .literature .action-grey .btn:focus {background: #A35415;border: 2px solid #C2C7CC;}
.literature .footer {border-top:2px solid #A35415;}
div.literature {background: #A35415;}
.post p.literature, .related-posts li.literature, .topics .literature span.title {background-image: url(../img/bullet_literature.gif);}
.literature #content {border-color: #A35415;}

.panel .action a {color: #63656a;}
.panel  h3 {
	border-color:#63656a;
}

.coda-slider .events .details, #event-listings .events .details {background:#E54620;}
.coda-slider .exhibitions .details, #event-listings .exhibitions .details {background: #711162;}
.coda-slider .tickets .details, #event-listings .tickets .details {background: #EC911D;}
.coda-slider .creative-community .details, #event-listings .creative-community .details,
.coda-slider .shop .details, #event-listings .shop .details{background:#007985;}
.coda-slider .eat-drink .details, #event-listings .eat-drink .details {background:#9F002C;}
.coda-slider .learn .details, #event-listings .learn .details {background:#D80052;}
.coda-slider .the-spaces .details, #event-listings .the-spaces .details {background: #6C6C00;}
.coda-slider .heritage .details, #event-listings .heritage .details {background: #633400;}
.coda-slider .dance .details, #event-listings .dance .details {background: #9372B1;}
.coda-slider .literature .details, #event-listings .literature .details {background: #A35415;}

/*
.coda-nav ul li.events a {background-position: 0 -44px;}
.coda-nav ul li.events a.current, .coda-nav ul li.events a:focus, .coda-nav ul li.events a:hover {background-position: -22px -44px;}
.coda-nav ul li.exhibitions a {background-position: 0 -22px;}
.coda-nav ul li.exhibitions a.current, .coda-nav ul li.exhibitions a:focus, .coda-nav ul li.exhibitions a:hover {background-position: -22px -22px;}
.coda-nav ul li.tickets a {background-position: 0 -66px;}
.coda-nav ul li.tickets a.current, .coda-nav ul li.tickets a:focus, .coda-nav ul li.tickets a:hover {background-position: -22px -66px;}
.coda-nav ul li.shop a, .coda-nav ul li.creative-community a {background-position: 0 -88px;}
.coda-nav ul li.shop a.current, .coda-nav ul li.shop a:focus, .coda-nav ul li.shop a:hover, .coda-nav ul li.creative-community a.current, .coda-nav ul li.creative-community a:focus, .coda-nav ul li.creative-community a:hover {background-position: -22px -88px;}
.coda-nav ul li.eat-drink a {background-position: 0 -110px;}
.coda-nav ul li.eat-drink a.current, .coda-nav ul li.eat-drink a:focus, .coda-nav ul li.eat-drink a:hover {background-position: -22px -110px;}
.coda-nav ul li.learn a {background-position: 0 -132px;}
.coda-nav ul li.learn a.current, .coda-nav ul li.learn a:focus, .coda-nav ul li.learn a:hover {background-position: -22px -132px;}
.coda-nav ul li.the-spaces a {background-position: 0 -154px;}
.coda-nav ul li.the-spaces a.current, .coda-nav ul li.the-spaces a:focus, .coda-nav ul li.the-spaces a:hover {background-position: -22px -154px;}
.coda-nav ul li.heritage a {background-position: 0 -176px;}
.coda-nav ul li.heritage a.current, .coda-nav ul li.heritage a:focus, .coda-nav ul li.heritage a:hover {background-position: -22px -176px;}
.coda-nav ul li.dance a {background-position: 0 -198px;}
.coda-nav ul li.dance a.current, .coda-nav ul li.dance a:focus, .coda-nav ul li.dance a:hover {background-position: -22px -198px;}
.coda-nav ul li.literature a {background-position: 0 -220px;}
.coda-nav ul li.literature a.current, .coda-nav ul li.literature a:focus, .coda-nav ul li.literature a:hover {background-position: -22px -220px;}
*/
.topics div.exhibitions, .topics div.events, .topics div.tickets, .topics div.shop, .topics div.creative-community, .topics div.eat-drink, .topics div.learn, .topics div.the-spaces, .topics div.heritage, .topics div.dance, .topics div.literature {
	background: none;
}

.default a.go {background-position: 0 0;}
.default .go-wht {background-position: -44px 0;}
.default a.go:focus, .default a.go:hover {background-position: -22px 0;}
.default .go-wht:focus, .default .go-wht:hover {background-position: -66px 0;}


/* temporary twitter styles for the Bed-In */

#twitterfeed 				{ clear: both; display: block; width: 99%; }

#twitterfeed iframe			{ height: 120px !important;}

#twitterfeed iframe .timeline-footer			{ display: none !important; visibility: hidden; }

#twitter {
	margin-bottom: 2em;
	width: 600px;
}

#twitter p {
	font-size: 1.1em;
	letter-spacing: 0em;
}

#twitter a, #twitter a:focus, #twitter a:hover{
	border-bottom: none;
}

#content .grid_11 .image img.no-border{
	border: none;	
}


.error-msg{
	float: left;
	width: 100%;
	background: #F69A8E;
	color: #F00;
	font-weight:bold;		
}
.success-msg{
	float: left;
	width: 100%;
	background:#AFE0AA;
	color: #060;
	font-weight:bold;		
}


/* Cookie info */
#cookie_warning{
	float: left;
	width: 100%;
	min-height: 90px;
	background: #282828;
	color: #CCC;
	font-size: 12px;
	clear:both;
}



#cookie-left{
	float: left;
	width: 180px;	
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin: 20px 8px 8px 8px;
}
#cookie-left p, #cookie-centre p {
	font-size: 12px;
	margin: 0;
}
#cookie-left a {
	font-size: 12px;
	margin: 0;
}

#cookie-centre{
	float: left;	
	width: 500px;
	margin: 20px 8px 8px 8px;
}

#cookie-right{
	float: left;	
	width: 100px;
	margin: 20px;
}
#cookie-right p{
	text-align:center; 
}

#cookie-right img{
	 margin-left: auto;
     margin-right: auto;
}

#cookie-right a{
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration:none;
}

#cookie-right a:hover{
	color: #fff;
}


#cookie-left a{
	color: #28A3CC;
	font-weight: bold;
	text-decoration:none;
	font-weight: normal;
}

#cookie-left a:hover{
	color: #fff;
}


.details {
	background: #e2e768 !important;
}

.title{
	background-image: none !important;
	text-indent: 0 !important;
}

.panel > div{
	background: #e2e768 !important;
}

.panel a{
	color: #63656a !important;
}

#navigation li a{
	color: #63656a !important;
}
#navigation li a:hover,
#navigation li a.selected{
	border-bottom-color: #e2e768 !important;
}

ul#navigation {
	margin-top: 2em;
}

ul#navigation li a{
	margin: 0 4px 2px 0;
	padding: 8px;
	color: #e2e768 !important;
	background: #63656a;
}
ul#navigation li a.selected,
ul#navigation li a:hover{
	background: #fff;
	color: #63656a
}


#paypal-wrap .image img {
	width: auto !important;
	height: auto !important;
	border: 0;
}

#paypal-wrap input {
	width: auto !important;
	height: auto !important;
	border: 0;
}

#header-donate-roundel {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	display: block;
	width: 68px;
	height: 68px;
	border-radius: 34px;
	padding: 20px 0 0 0;
	background: #d81331;
	color: #fff;
	text-transform: lowercase;
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	letter-spacing: -0.1px;
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 80px;
	right: 0;
	text-decoration: none;
	border: none;
	outline: none;
}

#header-donate-roundel:hover {
	background: #000100;
}