@charset "utf-8";
/* CSS Document */

body {
	background-image:none; 
	background:#fff;
	}
	
/* top navigation */

#logobarnew { background-color:#ffffff; border-bottom:1px solid #d9d9d9;  /* logobar row colour */ }

#logobar {
height:85px;
border-bottom:1px solid #d9d9d9;
}

/* #logobarnewlink, #logobarnewlinkns {
top:15px;
} */

#logobarnew.inverse #logobarnewtatelogo {
background-color:#777;
}

#logobarnew.inverse a .section {
color:#777;
}

/* top level of header bar */
#level1navbar { background-color:#676767; }
ul#level1nav { 	border-bottom:1px solid #fff; }
ul#level1nav li a { 
	color:#fff;
	border-right:1px solid #fff;
	}
#level1nav .l1online a, #level1nav .l1britain a, #level1nav .l1modern a, #level1nav .l1liverpool a, #level1nav .l1stives a { background: #676767; }
#level1nav .l1online a:hover, #level1nav .l1britain a:hover, #level1nav .l1modern a:hover, #level1nav .l1liverpool a:hover, #level1nav .l1stives a:hover { background: #4d4d4d; }
/* level 2 navigation of header bar */

#level2navbar { 
	background:#ebebeb; 
	border-bottom:1px solid #fff;
}
#level2nav ul li a, ul#level2nav  li a{
	color:#676767;
	border-left:1px solid #d9d9d9;
}
#level2nav ul li a:hover, ul#level2nav  li a:hover{
	background-color:#d8d8d8;
	color:#000000;
}

/* new search bar */
#breadcrumb {
	height:30px;
	padding:7px 0 0 13px;

	border-bottom:1px solid #ccc;
	vertical-align:middle;
	font-size:1.0em;
	color:#333;
	background-color:#fff;
}

#breadcrumb ol li { 
background:url('/images/breadcrumb.gif') right center no-repeat; 
font-size: 0.75em;
}

#breadcrumb ol li a {
	color:#7f7f7f;
}

#breadcrumb ol li a:hover {
	text-decoration:underline;
	color:#333;
	background-color:transparent;
	padding:0;
}

#trailbar {
	width:300px;
	padding:5px 0 5px 15px;
	float:left;
}

#trailbar a { color:#666;text-decoration:underline;	font-size: 0.75em;}

#searchbar {
	position:absolute;
	top:129px;
	left:447px;
	width: 400px;
}

#searchbar #sbholder {
width:300px;
}

#searchbar, #sbholder {
border:0;
	background:none;
}

#sbsearch .searchbutton, #searchbar .searchbutton {
	background-color:#fff;
	color:#666666;
}
/* END top navigation */

/* right-hand shop promo */
#rhsbox, .rhsbox{
	border:1px solid #d9d9d9;
	top:180px;
}

/* main content */
	
#content {
	width:755px;
	margin:0px 0 0 0;
	padding:0 0 0 0;
	background:#ebebeb;
	float: left;
	}
	
#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content ul, #content ol {
	margin:0 15px 12px 0;
	padding:0;
	}
	
#content #exhibitionleftcol ol li {
	list-style-type:decimal;
	margin-left:10px;
	padding-left:5px;
	}
	
#content p {
	line-height:1.5em;
	font-size: 0.75em;
	}

#content p span.credit {
	font-size: 0.9em;
	}
	
#content li { font-size: 0.75em }

#content .smaller { font-size: 0.7em; }
	
#content p#exhibitionended {
	position:absolute;
	top:337px;
	left:34px;
	display:inline-block;
	color:#000;
	background:#fff;
	border:1px #000 solid;
	padding:3px 5px 0 5px;
	height:18px;
	}
	
#content a {
	color: #7f7f7f;
	text-decoration: underline;
	}
	
#content a:hover {
	color: #000;
	}

#exhibitionhomepage #exhibitionbanner a {
	width: 740px;
	height: 250px;
	padding-left: 15px;
	display: block;
	background: #000 url(/exhibitions/exhibitions_template/images/banner_modern_gray.jpg) top right no-repeat;	
	}
	
	#exhibitionbanner a {
	width: 740px;
	height: 250px;
	padding-left: 15px;
	display: block;
	background: #f7f7f7 url(/exhibitions/exhibitions_template/images/banner_modern_gray.jpg) top right no-repeat;	
	}
	
#exhibitionbanner a:hover {
	background-color: #000;
	}
	
#exhibitionhomepage #exhibitionbanner a:hover {
	background-color: #000;
	cursor:default;
	}
	

#content h1#exhibitiontitle {
	padding:0 15px 5px 0;
	margin:0;
	font-size:1.5em;
	font-weight:normal;
	}
	
#content h1#exhibitiontitle a {
	color:#000;
	text-decoration: none;
	}
	
#content h1#exhibitiontitle a:hover {
	color:#666;
	text-decoration:none;
	}
	
#content h2 {
	padding:0 15px 5px 0;
	margin:0;
	font-size:1em;
	font-weight:normal;
	}
	
#content h3 {
	color: #7f7f7f;
	font-weight: normal;
	font-size: 1em;
	border-top: 1px solid #d9d9d9;
	margin: 0 0 0 -15px;
	padding: 20px 15px 15px 15px;
	}
	
#content h4  {
	color: #7f7f7f;
	font-weight: bold;
	font-size: 0.8em;
	border-top: 0px none;
	margin: 0;
	padding: 20px 0px 15px 0px;
	}
		
#content h3.noborder, #content #contentpageholder h3, #content #contentpageholder h4  {
	border-top: none;
	}
	
#exhibitionleftcol {
	width:515px;
	float:left;
	padding:0;
	margin:0;
	}
	
#exhibitionrightcol {
	width:240px;
	float: left;
	margin:0;
	padding:0;
	border-top: 1px solid #fff;
	overflow:hidden;
	}


#exhibitionheadertext{
	background: #fff;
	padding: 15px;	
	}

#exhibitionmaincopy {
	background:#fff;
	margin: 0;
	padding: 0 0 15px 15px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 15px solid #efefef;
	}
	
#exhibitionsponsor {
	margin: 25px 0 0 -15px;
	padding:15px 15px 0 15px;
	border-top: 1px solid #d9d9d9;
	font-size: 0.9em;
	color: #7f7f7f;
	}
	
.video, .tate_enlarge_img{
	margin: 0 0 15px 0;
	clear: both;
	}

/* START portrait image include */	
	
.portraitimg img{
	float: left;
	margin: 0 0 15px 0;
	}
	
.portraitimg .credit{
	float: left;
	margin: -15px 0 15px 15px;
	padding: 0;
	}


/* END portrait image include */	


/* START exhibition related events */	

		
#events{
	clear: both;
	}
	
#events h2 {
	font-size:0.75em;
	padding: 0 0 12px 0;
	font-weight: bold;
	}


#content ul, #content ol, #events ul, #exhibitionrightcol ul, #exhibitionleftcol ol, #contentpagerightcol ul, #contentpagerightcol ol {
	list-style-image:none;
	margin: 0 0 0 15px;
	padding: 0px;
	}
#contentpageleftcol ul { margin: 0px; }
#exhibitionrightcol ul { margin-left: 30px; padding-right: 10px; }
#events ul li, #exhibitionleftcol li, #contentpagerightcol li, #exhibitionrightcol li {
	list-style-image:none;
	list-style-type:disc;
	margin: 0px;
	padding: 0px;
	}
#events ul li, #exhibitionrightcol li { padding: 0 15px 12px 0; }
	
#exhibitionleftcol li ul li, #exhibitionleftcol li ol li, #contentpagerightcol li ul li, #contentpagerightcol li ol li { 
	font-size: 0.9em;
	} 
#events ul li li { padding: 0px; }
	
	
/* END exhibition related events */	

/* START right column navigation */	

	
	
#content #exhibitionrightcol h3 {
	border-top: none;
	color: #000;
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	padding: 15px;
	clear: both;
	}


/* exhibition links */

#exhibitionrightcol ul#mainnav {
	list-style-image:none;
	margin: 0;
	padding: 0;
	clear: both;
	}

#exhibitionrightcol ul#mainnav li {
	display: block;
	float: left;
	list-style-image:none;
	list-style-type:none;
	border-bottom: 1px solid #fff;
	padding: 0;
	margin: 0;
	}
	
#exhibitionrightcol ul#mainnav li a {
	display: block;
	background: url(/exhibitions/exhibitions_template/images/rightcolnav_arrow_gray.gif) 89px 50% no-repeat;
	padding: 22px 25px 15px 15px;
	vertical-align: middle;
	width: 79px;
	height: 38px;
	text-decoration: none;
	}
	
#exhibitionrightcol ul#mainnav li a:hover {
	background: #8b8b8b url(/exhibitions/exhibitions_template/images/rightcolnav_arrow_gray_hover.gif) 89px 50% no-repeat;
	text-decoration: none;
	}
	
/* full width link (tickets) */

#exhibitionrightcol ul#mainnav li.fullwidth a {
	color: #fff;
	background: #676767 url(/exhibitions/exhibitions_template/images/rightcolnav_arrow_white.gif) 210px 50% no-repeat;
	width: 200px;
	}	
#exhibitionrightcol ul#mainnav li.fullwidth a:hover {
	background: #4d4d4d url(/exhibitions/exhibitions_template/images/rightcolnav_arrow_white_hover.gif) 210px 50% no-repeat;
	}
	
/* left side link (visiting info) */

#exhibitionrightcol ul#mainnav li.left a {
	color: #676767;
	width: 79px;
	background-color: #b8b8b8;
	border-right: 1px solid #fff;
	}
	
#exhibitionrightcol ul#mainnav li.left a:hover {
	color: #000;
	background-color: #acacac;
	}
	
/* right side link (members) with 3 lines of text */ 

#exhibitionrightcol ul#mainnav li.right a {
	padding: 15px 15px 15px 15px;
	width: 90px;
	background-color: #d8d8d8;
	height: 45px;
	}
	
#exhibitionrightcol ul#mainnav li.right a:hover {
	width: 90px;
	background-color: #e4e4e4;
	}

/* no link (free entry), for full width, left and right side */ 

#exhibitionrightcol ul#mainnav li span {
	display: block;
	padding: 25px 15px 25px 15px;
	background: none;
	height: 25px;
	}
	
#exhibitionrightcol ul#mainnav li.fullwidth span {
	width: 210px;
	}	
#exhibitionrightcol ul#mainnav li.left span {
	width: 89px;
	border-right: 1px solid #fff;
	}	
#exhibitionrightcol ul#mainnav li.right span {
	width: 90px;
	}
	
#content #exhibitionrightcol ul#mainnav li span a {
	color: #7f7f7f;
	display: inline;
	background: none!important;
	padding: 0;
	text-decoration: underline;
	}
	
#exhibitionrightcol ul#mainnav li span a:hover {
	background: none;
	color: #000!important;
	}


/*Right column Promo hover effect */

#exhibitionrightcol ul.rightcolpromo {
	list-style: none;
	margin: 0;
	padding: 0;
}

#exhibitionrightcol ul.rightcolpromo li {
	list-style: none;
	float: left;
	display: block;
	width: 240px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #fff;
}

#exhibitionrightcol ul.rightcolpromo a * {
	display: none;
}

#exhibitionrightcol ul.rightcolpromo a,
#exhibitionrightcol ul.rightcolpromo a .hover {
	height: 175px;
	width: 240px;
	position: relative;
	display: block;
	background: url('/exhibitions/exhibitions_template/images/explore.jpg') 0 0 no-repeat;
}

/* individual navigation items if more then one promo */

#exhibitionrightcol ul.rightcolpromo a {
	background-position: 0 0;
}

#exhibitionrightcol ul.rightcolpromo .highlight a:hover,
#exhibitionrightcol ul.rightcolpromo a .hover {
	background-position: 0 -175px;
}

/* END right column navigation */

/* ROOMGUIDE pages */

#explore #content {
	background:#fff;
	}

#explore #exhibitionleftcol {
	width:514px;
	border-right: 1px solid #d9d9d9;
	}

#explore #exhibitionfullcol {
	width:754px;
	border-right: 0px none;
	clear: both;
	}

#contentpageholder {
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 15px solid #ebebeb;
	float: left;
	background: #fff;
	display: inline;
	padding: 0 0 15px 0;
	}
	
#contentpageleftcol {
	width:225px;
	float:left;
	padding:0 0 0 15px;
	margin:0;
	background: #fff;
	}
	
#contentpagerightcol {
	width:500px;
	float:left;
	padding:0;
	margin:0;
	}

#exhibitionrightcol ul#mainnav li.home {
	border-bottom: none;
	}

#exhibitionrightcol ul#mainnav li.home a {
	line-height: normal;
	padding: 25px 15px 15px 45px;
	background: #fff url(/exhibitions/exhibitions_template/images/rightcolnav_arrow_home.gif) 15px 50% no-repeat;
	width: 180px;
	}	
#exhibitionrightcol ul#mainnav li.home a:hover {
	background: #fff url(/exhibitions/exhibitions_template/images/rightcolnav_arrow_home_hover.gif) 15px 50% no-repeat;
	}
	

#explore #contentpageleftcol ul {
	list-style-image:none;
	margin-top: 15px;
	padding-right: 15px;
	}
	
#explore #contentpageleftcol ul li {
	list-style-image:none;
	background: url(/exhibitions/exhibitions_template/images/roomguide_arrow.gif) top left no-repeat;
	list-style-type:none;
	padding: 0 0 12px 30px;
	}

/*setting the room guide active state on the li */
/* not sure if the original typo on "roomtwelwe" is in use as a class, so I've left it in - AP */
#explore #contentpageleftcol ul li:hover, 
.roomintro #content #contentpageleftcol ul li.intro, 
.roomone #content #contentpageleftcol ul li.room1, 
.roomtwo #content #contentpageleftcol ul li.room2,
.roomthree #content #contentpageleftcol ul li.room3, 
.roomfour #content #contentpageleftcol ul li.room4,
.roomfive #content #contentpageleftcol ul li.room5, 
.roomsix #content #contentpageleftcol ul li.room6,
.roomseven #content #contentpageleftcol ul li.room7, 
.roomeight #content #contentpageleftcol ul li.room8,
.roomnine #content #contentpageleftcol ul li.room9, 
.roomten #content #contentpageleftcol ul li.room10,
.roomeleven #content #contentpageleftcol ul li.room11, 
.roomtwelwe #content #contentpageleftcol ul li.room12,
.roomtwelve #content #contentpageleftcol ul li.room12,
.roomthirteen #content #contentpageleftcol ul li.room13, 
.roomfourteen #content #contentpageleftcol ul li.room14,
.roomfifteen #content #contentpageleftcol ul li.room15,
.roomsixteen #content #contentpageleftcol ul li.room16,
.roomseventeen #content #contentpageleftcol ul li.room17,
.roomeighteen #content #contentpageleftcol ul li.room18,
.roomnineteen #content #contentpageleftcol ul li.room19,
.roomtwenty #content #contentpageleftcol ul li.room20{	
	background: url(/exhibitions/exhibitions_template/images/roomguide_arrow_hover.gif) top left no-repeat;
	}

/*setting the room guide active state on the a */
.roomintro #content li.intro a,
.roomone #content li.room1 a,
.roomtwo #content li.room2 a,
.roomthree #content li.room3 a, 
.roomfour #content li.room4 a,
.roomfive #content li.room5 a, 
.roomsix #content li.room6 a,
.roomseven #content li.room7 a, 
.roomeight #content li.room8 a,
.roomnine #content li.room9 a, 
.roomten #content li.room10 a,
.roomeleven #content li.room11 a, 
.roomtwelwe #content li.room12 a,
.roomtwelve #content li.room12 a,
.roomthirteen #content li.room13 a, 
.roomfourteen #content li.room14 a,
.roomfifteen #content li.room15 a,
.roomsixteen #content li.room16 a, 
.roomseventeen #content li.room17 a,
.roomeighteen #content li.room18 a,
.roomnineteen #content li.room19 a, 
.roomtwenty #content li.room20 a{
	
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

#explore #contentpageleftcol ul a, #content .tate_enlarge_img a { text-decoration: none; }
#explore #contentpageleftcol ul a:hover, #content .tate_enlarge_img a:hover .tee_enlarge_link { text-decoration: underline; }	
/* END ROOMGUIDE pages */

.tee_enlarge_link {
	font-size:.7em;
	}
	

/* HIDE for print */	

@media print {
.rightcolpromo, #mainnav, #footercommon, .rhsbox {
display: none;
}


}

/* images */

.imgalignleft {
	float:left;
	margin:0 10px 10px 0;
	}

.imgalignright {
	float:right;
	margin:0 0 10px 10px;
	}