body { margin: 0px; padding: 0px; 
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-image:url("/home/generic/homeimages/homebackground.gif");
	font-family: Arial, Helvetica, sans-serif;
}
.printonly{display:none;} /* things that will only be displayed when printed, use .noprint for screen only */
#content {width:530px; margin-left:30px; margin-top:15px;}

.searchsmall { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em;}
.searchsmall a { text-decoration: none; color: #000000}
.searchsmall a:hover { text-decoration: underline; color: #000000}
.search {
	font-family: Arial, Helvetica, sans-serif; 
	color: #333333; 
	width: 128px;
	border: 1px solid #999999;
	font-size: 0.7em;
}


/*  Tableless sponsor/search bar - NEW VERSION */
#sponsorbar{margin:0; padding:0;width:749px;height:38px;overflow:visible;background-color:white;clear:both;}
#sbleft{float:left;width:45%}
#sbsearch{float:right;width:50%;text-align:right;padding-top:9px; padding-right: 6px;} 
#sbsearch .search{width:140px;margin:0px 0px 0px 0px;padding:1px 2px 1px 2px}
#sbsearch .searchbutton, #searchbar .searchbutton{margin:0px 0px 0px 6px;border:1px solid #999999;background-color:#DEDFDE; color:#666666;font-size:0.7em;}
/* #breadcrumb #sbsearch .searchbutton, #breadcrumb #searchbar .searchbutton, #breadcrumb #searchbar .search { font-size:0.95em;} */
#sbright{float:right;width:33%; text-align:right; display: none;} 
/* search bar - for use with BT header */
#searchbar{margin:0; padding:0;width:100%;clear:both;background-color:white; }
#searchbar #sbholder{
	padding:9px 6px 9px 0px;
	width:743px;
	overflow:visible;
	min-height:20px;
}
#searchbar #sbholder form{
	float:right;
}
#topholder { 
background-color: transparent;
margin: 0px;
padding: 6px 0px 0px 10px;
width: 739px;
/* width: 746px; */ 
}
#topholder #searchbar, #topholder #sbholder { display: inline; }
#topholder #searchbar { float: right; width: auto; }
#topholder #searchbar #sbholder { float: right; width: auto; padding: 6px 4px 0px 10px; }
/*  end Tableless sponsor/search bar  */

/*  Tableless sponsor/search bar - OLD VERSION
#sponsorbar{margin:0; padding:0;width:749px;height:38px;overflow:visible;background-color:white;clear:both;}
#sbleft{float:left;width:33%}
#sbsearch{float:left;width:33%;text-align:center;padding-top:9px;}
#sbsearch .search{width:140px;margin:0px 0px 0px 0px;padding:1px 2px 1px 2px}
#sbsearch .searchbutton, #searchbar .searchbutton{margin:0px 0px 0px 6px;border:1px solid #999999;background-color:#DEDFDE; color:#666666;font-size:0.7em;}
#sbright{float:right;width:33%; text-align:right;} */
/* search bar - for use with BT header */
/* #searchbar{margin:0; padding:0;width:100%;clear:both;background-color:white;}
#searchbar #sbholder{
	padding:9px 6px 9px 0px;
	width:743px;
	overflow:visible;
	min-height:20px;
}
#searchbar #sbholder form{
	float:right;
}
*/
/*  end Tableless sponsor/search bar  */

.printtitle {
	display: none;
}
.heading3  {  font-family: Arial, Helvetica, sans-serif; font-weight: bold;  
 padding: 1px;
	padding-bottom: 2px;
 font-size: 1.2em;
}

/* h3 is used for page titles */
#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	padding: 0;
	margin: 0.2em 0;
}

h1, h2, h3, h4,h5, h6{font-family: Arial, Helvetica, sans-serif;}
/* Used in CMS Event page template */
#content div.seriestitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	padding: 0;
	margin: 0.2em 0;
}
.heading4 {  font-family: Arial, Helvetica, sans-serif; font-weight: bold;  

 	padding: 1px;
 font-size: 0.9em;

}
.text{ font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.75em;
}
.caption{ font-family: Arial, Helvetica, sans-serif; font-size:0.9em;
}

.heading5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	padding: 1px;
	/*/*/
	font-size: large;
	/* */
}
.heading6{ font-family: Arial, Helvetica, sans-serif; font-size: 0.7em;
	font-weight: bold;
	padding: 1px;
	/*/*/
	font-size: 0.75em;
	/* */
}

a{ text-decoration: none;color:#666699 }
a:hover{ text-decoration: underline; color: #000000; }

.subnav {font-family: Arial, Helvetica, sans-serif; color: #000000;
	padding: 1px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 0.7em;}

.subnav a{
 text-decoration: none; 
}
.subnav a:hover{ text-decoration: underline; color: #000000; }

.credit{ 
	font-family: Arial, Helvetica, sans-serif;
	color: #333333; 
	padding: 5px 0px 1px;
	font-size: 0.7em;
}
.subnavselected { color: #000000; }

#rightnav, #gallerynav {position: absolute; top: 182px; left: 594px; width: 155px;z-index:50}

.doclist li { list-style-image:url(/home/generic/white/icon_document.gif); }

form {margin: 0; padding: 0;}

.special{ /*hide on page but show in search engine*/
	display: none;
}

table.image {
	margin-left: 0.3em;
	margin-bottom: 0.3em;
}

div.for-tickets {
	float: left;
	margin-right: 0.6em;
	margin-top: 0.6em;
}
img.for-tickets {
	vertical-align: middle;
	margin-top: 0.9em;
}
.past {	color: #888888; }

.smaller {font-size: 0.9em;}

.smallergap {font-size: 0.9em; padding-top:3px;}

/* Exhibition series styles (moved to ss_xib.css)  */

.form0margin{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}


/* stuff for series in events listings exhibitions microsites   */
h2.eventlist {
	font-size: 1.0em;
}
ul.eventlist ul li {
	font-size: 1.0em;
}

/* Orange button (for RSS etc) */
.orangebutton,a.orangebutton:hover {
	border: 1px solid;
	border-color: #FC9 #630 #330 #F96;
	padding: 0 0.3em;
	font: bold 0.9em verdana, sans-serif;
	color: #FFF;
	background: #F60;
	text-decoration: none;
	margin: 0 0 0 0;
}


/* added by Rob - 19 May 2006 */
/* These are for the CMS image-in-table variants */
table.image_left, .image_left {
	margin: 1.3em 1em 0.5em 0;
	padding: 0;
	border: 0;
	float: left;
}
table.image_right, .image_right {
	margin: 10px 0 0.5em 1em;
	padding: 0;
	border: 0;
	float: right;
}
div.image_left .credit_cell {
	text-align: left;
}
div.image_right .credit_cell {
	text-align: right;
}
/* These are for when the image-in-table variants are used inline */
.text .credit {
	font-size:0.9em;
	line-height:1.3em;
}
.text table.image_right {
	margin-top: 0.5em;
}

.text table.image_left {
	margin-top: 0.5em;
}

.event_label_grey {
	background-color: #aaaaaa;
	color:white;
	padding:0 3px 0 3px;
	margin:4px 0 2px 0;
	font-weight:bold;
}

.slp_xib_subnav{margin:15px 0px 10px 0px;}

/* exhibitions template 2007 */

#content.exhibition{margin-top:5px; }
#content.exhibition.norightnav{width:720px;}
#content.exhibition h1{margin:0px 0px 0px 0px;font-size:1.2em;}
#content.exhibition h2{margin:15px 0px 15px 0px;font-size:0.9em;}
#content.exhibition h3 {margin:5px 0px 5px 0px;font-size:0.8em;}
#content.exhibition .text h3{font-size:1.1em;}

div.image_right{
	float:right;
	width:272px;
	margin:0px 0px 15px 15px;
	border-bottom:1px solid #cccccc;
	background-color:#f0f0f0;
}
.image_holder{
	text-align:center;

}
div.image_right .credit{padding:4px 6px 7px 6px;}

#ex_subnav.subnav {
	font-size: 0.70em;
	font-weight:bold;
}
#ex_subnav.subnav a:hover{
	text-decoration:none;
}

ul#ex_subnav{ /* exhibitions subnav */
	list-style:none;
	list-style-image:none;
	margin:0;

}
ul#ex_subnav li{ 
	list-style:none;
	list-style-image:none;
	font-size:1em;
	float:left;
}
ul#ex_subnav li a{ 
	border:1px solid #D1D1E0;
	margin:0px 4px 0px 0px;
	padding:1px 2px 1px 3px;
	display:block;
}

ul#ex_subnav li a:hover,
#ex_tickets #ex_subnav #booktickets, 
#ex_visiting #ex_subnav #visitinginfo,
#ex_events #ex_subnav #events,
#ex_about #ex_subnav #about
{
	border:1px solid #D1D1E0;
	background-color:#666699;
	color:white;
}
a.booktickets{
	padding:5px 9px 5px 9px;
	border:2px outset;
	background-color:#666699;color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.75em;
	display:block;
}
a.booktickets:hover{
	text-decoration:none;color:black;border-color:#999999;
}

/* end exhibitions template */

/* this is for the collection displays pages */
.subnavselected{font-family:arial, helvetica, sans-serif; font-size:0.7em;}
.darkrow, .lightrow{font-family:arial, helvetica, sans-serif; font-size:0.75em;}

/* level 2 navigation of header bar */

#level2navbar {
	clear:both;
	width:100%;
	height:1.2em;
	background:#D1D1E0; /* third header row colour */
	overflow:hidden;
	margin:0;
}

#level2nav {
	width:750px;
	}
/* lose 'ul#level2nav' once all sections are using the new nav */
#level2nav ul, ul#level2nav  {
	font-family:arial, helvetica, sans-serif;
	font-size:.75em;
	font-weight:bold;
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}


#level2nav ul li, ul#level2nav li{
	list-style:none;
	margin:0;
	float:left;
}

#level2nav ul li a, ul#level2nav  li a{
	display:block;
	color:#666699;
	padding:1px 6px 3px 6px;
	border-left:1px solid #666699;
	text-decoration:none;
}

#level2nav ul li a:hover, ul#level2nav  li a:hover{
	background-color:#9D9DBD;
	text-decoration:none;
	color:#fff;
}

#level2nav ul li a#l2_visit, ul#level2nav  li a#l2_visit{border:0px;}

/* top level of header bar */

#level1navbar {
	background-color:#666699; /* first header row colour */
	width:100%;
	height:25px;
	overflow:hidden;
	}

ul#level1nav {
	padding:0;
	margin:0;
	list-style-type:none;
	width:100%;
	height:24px;
	border-bottom:1px solid #fff;
	}
	
	
ul#level1nav li {
	float:left;
	width:116px;
	list-style-type:none;
	margin:0;
	padding:0;
	}
		
		
#level1nav .l1online{
	width:286px;
	}
	
ul#level1nav li a {
	display:block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	height:24px;
	font-family: arial, 'lucida console', sans-serif;
	font-size:.75em;
	border-right:1px solid #fff;
	line-height:24px;
	font-weight:normal;
	}
	
#level1nav .l1online a {
	padding-left:15px;
	background:#666699;
	text-align:left;
	}
	
#level1nav .l1britain a {background:#FF6600;}	
#level1nav .l1modern a {background:#CC0066;}	
#level1nav .l1liverpool a {background:#9966CC;}
#level1nav .l1stives a {background:#6699CC;}


#logobar{
	width:749px;
	height:85px;
	padding:0;
	margin:0;
	text-align:right;
}

/* new bt logobar */

#logobarnew, #logobarsimple {
			background-color:#666699;  /* second header row colour */
			width:100%;
			height:85px;
			margin:0;
			}
#logobarsimple { height: 80px; }			
#logobarnew.inverse, #logobarsimple.inverse {
			background-color:#fff;
			}
			
#logobarnew h1, #logobarsimple h1 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:1em;
	}
			
#logobarnewlink, #logobarnewlinkns {
			position:absolute;
			top:38px;
			left:10px;
			display:block;
			width:119px;
			height:67px;
			background-repeat:no-repeat;
			background-position:0 13px;
			font-family: arial, 'lucida console', sans-serif;
			color:#fafafa;
			text-decoration:none;
			}
#logobarsimple #logobarnewlink, #logobarsimple #logobarnewlinkns {
	top: -5px;
	}			
#logobarnewlink:hover, #logobarnewlinkns:hover{
			text-decoration:none;
			color:#eee;
			}

#logobarnew #logobarnewtatelogo, #logobarsimple #logobarnewtatelogo  {
			float:left;
			padding:0;
			margin:0;
			font-size:36px !important;
			text-transform:uppercase;
			}
			
#logobarnew #logobarnewtatelogonoscript, #logobarsimple #logobarnewtatelogonoscript   {
			float:left;
			padding:0;
			margin:10px 0 0 0;
			font-size:36px !important;
			text-transform:uppercase;
			}
			
#logobarnew.inverse #logobarnewtatelogo, #logobarsimple.inverse #logobarnewtatelogo  {
	background-color:#666699;
						}

#logobarnew a .section, #logobarsimple a .section {
	color:#fff;
	display:block;
	width:119px;
	height:13px;
	overflow:hidden;
	text-align:right;
	font-size:12px !important;
	}
	
#logobarnew.inverse a .section, #logobarsimple.inverse a .section {
	color:#666699;
	}
	
#logobarnew a .section span, #logobarsimple a .section span {
	display:none;
	}
	
#logobarnew a:hover {
	color:#fff;
	}
	

	
#btlogo {
	background-image:url(/images/bt/btlogofade.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0 0 0 442px;
	height:85px;
	}
	
#btlogoinner {
/*	position:absolute;
	top:25px;
	left:442px; */
	margin:0 0 0 98px;
	background-color:#fff
	}
	
#btlogo a {
	text-align:right;
	display:block;
	background-color:#fff;
	width:206px;
	padding-right:4px;
	margin:0;
	border-top:#fff 17px solid;
	border-bottom:#fff 13px solid;
	}
	
#btlogo img {
	border:none;
	margin:0;
	padding:0;
	}


#printlogobar{
	display:none;padding:0;
	margin:0;
	text-align:right;
	width:100%
}

/* styles for text-based rightnav */
#rightnav ul{font-family:Arial Helvetica, sans-serif;
	list-style:none;
	margin:0;
	padding:0;}

ul.rightnav_1 li{
display:inline;
list-style:none;
list-style-type:none;
margin:0;
padding:0;
}
ul.rightnav_1 li a{
	display:block;
	margin:0px 0px 1px 0px;
	background-color:#E0E0EB;
	font-size:0.75em;
	font-weight:bold;
	text-decoration:none;
	padding:2px 5px 3px 8px;
	border-top:1px solid #E0E0EB;
	border-bottom:1px solid #E0E0EB;
	color:#666699;
}
ul.rightnav_1 ul li a{margin-left:10px;}
ul.rightnav_1 ul ul li a{margin-left:20px;}
ul.rightnav_1 ul ul ul li a{margin-left:30px;}
ul.rightnav_1 ul ul ul ul li a{margin-left:40px;}
ul.rightnav_1 li a:hover, ul.rightnav_1 li a.rnselected{
	border-top:1px solid #666699;
	border-bottom:1px solid #666699;
	color:#666699;
	text-decoration:none;
}
ul.rightnav_1 li a.generic{
	background-color:white;
	border-top:1px solid white;
	border-bottom:1px solid #E0E0EB;
	color:#666699;
}
ul.rightnav_1 li a.generic:hover{
	background-color:white;
	border-top:1px solid #666699;
	border-bottom:1px solid #666699;
	color:#666699;
}

ul.rightnav_1 li a.othersection {
	background-image: url('/images/link_outside.gif'); 
	background-repeat: no-repeat;
	background-position:center right;
}

.subnav a.othersection {
	background-image: url('/images/outside_link_subnav.gif'); 
	background-repeat: no-repeat;
	background-position:center right;
	padding-right:12px;
}

a.external {
	/*background-image: url('/images/outside_link_external.gif'); 
	background-repeat: no-repeat;
	background-position:center right;
	padding-right:18px;*/
}

/*  end  text based rightnav*/

/* breadcrumb trail */

.breadcrumbintro { display:none; }

#breadcrumb{
	width:auto;
	font-size:0.75em;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	padding: 2px 5px 7px 12px;
}
#topholder #breadcrumb{
	padding: 6px 0px 7px 0px;
	vertical-align: middle;
}
#breadcrumb ol{
	list-style:none;
	list-style:none;
	display: inline;
	margin: 0px 0px 0px 3px;
	padding: 0;
}
#breadcrumb ol li{
	display: inline;
	margin:0px;
	padding:0px 14px 0px 0px;
	background:url('/images/breadcrumb.gif') right 4px no-repeat;
	list-style:none;
}
#logobarsimple #breadcrumb ol li { background-image: url('/images/breadcrumb_white.gif'); }
#logobarsimple.inverse #breadcrumb ol li { background-image: url('/images/breadcrumb.gif'); }
#breadcrumb ol li a{
	font-weight: bold;
}
#logobarsimple #breadcrumb {
	position: absolute;
	top: 58px;
	left: 15px;
	width: auto;
	height: auto;
	padding: 0px;
	background: none;
	font-size:0.9em;
	color: #fff;
	}
#logobarsimple.inverse #breadcrumb { color: #000; }
#logobarsimple #trailbar {
	height: auto;
	margin: 0px;
	}
#trailbar { display: inline; }

/* ends breadcrumb trail */

.clearboth{overflow:hidden;height:1px;clear:both;max-height:0px;display:block;}

/* transparent PNG logo */

#logobar {
	/*border-top:1px #fff solid;
	background:url(/homepage/images/testheaderback.gif) no-repeat;
	background-color:#666;  /* second header row colour 
	width:100%;
	height:85px;*/
	}
		
#logobarlink {
	position:absolute;
	top:38px;
	left:608px;
	display:block;
	width:119px;
	height:67px;
	background-repeat:no-repeat;
	background-position:0 13px;
	font-family: arial, 'lucida console', sans-serif;
	color:#fafafa;
	text-decoration:none;
	}
	
#logobarlink:hover{
	text-decoration:none;
	color:#eee;
	}

#logobartatelogo {
	float:left;
	padding:0;
	margin:0;
	font-size:36px !important;
	}

#logobar a .section {
	display:block;
	width:119px;
	height:13px;
	overflow:hidden;
	text-align:right;
	font-size:12px !important;
	}
	
/* end transparent PNG logo styles */


/* styles for ad box on right hand side */

#rhsbox, .rhsbox {
	clear:both;
	border:1px solid #ccc;
	position:absolute;
	top:167px;
	left:765px;
	width:105px;
	background-color:#fff;
	display:block;
}

#rhsbox.bt{
	top:137px;
}
.rhsbox h2, #rhsbox h2{
	font-size:0.75em;
	margin: 7px 7px 7px 7px;
	text-align:center;
	background-color:transparent;
	color:#999;
	padding:0px;
}
#rhsbox.bt h2{text-align:left;font-size:11px;margin:5px;}
#rhsbox ul, .rhsbox ul{
	list-style:none;
	margin:7px 0px 7px 0px;
	padding:0;
}
#rhsbox ul li, .rhsbox ul li{
	list-style:none;
	text-align:center;
	margin:10px 0px 0px 0px;
	display:block;
	padding:0;
}
img{border:0px;}
#rhsbox p{
	margin:0px 5px 5px 5px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
#rhsbox a, .rhsbox a{color:#666666;text-decoration:none;}
#rhsbox a:hover, .rhsbox a:hover{color:#000;text-decoration:none;}

.rhsbox ul.shop{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:normal;
}
.rhsbox ul.shop li{
	margin:0;
	padding:0px 0px 10px 0px;
	text-align:center;
}
.rhsbox ul.shop li a{
	padding:0px 4px 0px 4px;
	text-align:center;
	display:block;
}
.rhsbox ul.shop li img{
	display:block;
	margin:0 auto 0 auto;
}

.rhsbox ul.shop li .product_title{
	border-bottom:1px dotted black;
}
.rhsbox ul.shop li a:hover .product_title{
	border-bottom:1px solid black;
	text-decoration:none;
}
.rhsbox ul.shop li .wasprice{
 	text-decoration:line-through;
}

.rhsbox ul.shop li .nowprice{
	color: #f00;
}


/* PRINT STYLES START HERE ****************************************/
@media print {

/* topnav print styles - old build */
/* .printhide {display: none;}*/
.printtitle {display: inline !important;} 
.printonly{display:block !important;}

/* topnav print styles - new build 
#toprow1, #toprow2, #toprow3, #toprow4, #leftspace {display: none;}*/

#breadcrumb{width:95%;}

#content{margin:0 !important;padding:0 !important;width:95% !important}
/* page break for printed versions where nescessary */
.pagebreak {page-break-after: always !important;}

/* rightnav moves up (because search bar does not appear) and left (because left margin does not appear) on printed pages */
/* #rightnav {position: absolute; top: 154px; left: 540px; width: 155px;} */

/* these two styles are for sections such as /entertaining/ that have no left margin */
#rightnav2 {position: absolute; top: 159px; left: 575px; width: 155px;}
#topspace {height: 1px !important;}

/* Online Events styles 
#gallerynav {position: absolute; top: 154px; left: 540px; width: 155px;}
#tabnav, #corner {display: none;}
.pagetitle {font-size: 1.1em; color: #cd0050; padding: 0px;}
.pagesubtitle {font-size: 0.9em; padding: 0px;}
.indent {padding-left: 0px;}*/

.noprint {display:none !important;}
.printwidth{width:100% !important;}

/* Styles for new headers */

#level1navbar{display:none !important;}
#searchbar{display:none !important;}
#level2navbar{display:none !important;}
/* end styles for new headers */
#logobar{ display:none !important; }
#printlogobar{
	display:block !important;
	text-align:left;
}
#rightnav{display:none;}
#sponsorbar{width:98%}
body{background-image:none !important;}


#sbsearch{display:none;}

/* printing for the new header */
#logobarnew {
	display:none;
}
#logobarnew h1 {

}

}
/* end print styles */



/*STYLES FOR SLIDE SHOW AND LIGHTBOX */

/** slide-show styles **/

	#slideshow {
	width:485px;
	height:411px;
	position:relative;
	color:#111;
	padding-top:0px;
	padding-bottom:5px;
	background:none;
	border:none;
	overflow:hidden;
	
}


#slideshow span.credit{
	color:#fff;
	padding:10px 100px 13px 15px;
	display:block;
	background: #d8d8d8;
	text-align:left;
	margin-top:1px;
	height:80px;
}

#slideshow #slidesContainer {

  width:485px;
  xheight:390px;
  overflow:auto ; /* allow scrollbar */
  position:relative;
}


#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:485px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  xheight:390px;
  text-align:center;
}


/* Slideshow controls style rules. */
 
.controlwrap {
	width:470px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	padding-left:15px;
	padding-top:5px;
	height:20px;
	background: #d8d8d8;
	margin-bottom:1px;
	z-index:1;
		-moz-border-radius: 0px 15px 0px  0px;
border-radius: 0px 15px 0px  0px;

}




	
#magnifier {position:absolute; top:5px; right:10px; z-index:999; background:url('/images/controls_default.png'); background-position:-58px 0px; width:29px; height:29px; display:block;   text-indent:-10000px; cursor: pointer;}
#magnifier:hover {background-position:-58px -29px; }

.control {
  display:block;
  width:90px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

.disabled {
	cursor:auto;
	background:none;
}

.creditwrap
{
	color:#111;
	padding:0px 100px 13px 15px;
	display:block;
	background: #d8d8d8;
	text-align:left;
	margin-top:1px;
	position:relative;
	-moz-border-radius: 0px 0px 15px 0px;
border-radius: 0px 0px 15px 0px;
}

#rightControl { right:40px; top:5px;  display: block; background:url('/images/controls_default.png'); width:29px; height:29px; background-position: -29px 0px; z-index:666;
}

#leftControl { right:70px; top:5px;  display: block; background:url('/images/controls_default.png'); width:29px; height:29px; background-position:0px 0px; z-index:666;}

#rightControl:hover {
  background-position:-29px -29px; 
}

#leftControl:hover {
	background-position:0px -29px;  }



#rightControl.disabled {
	background:url('/images/controls_disabled.png');  background-position: -29px 0px;
	cursor:auto;
	
}

#leftControl.disabled {
	background:url('/images/controls_disabled.png');
	cursor:auto;
	
}

/* Lightbox default styles */


#overlay { position: fixed; background: #333; display: none; }



#lightbox { position: fixed; top: 50%; left: 50%; padding: 30px 10px 10px 10px; background: #fff; width: 600px; height:400px;  margin: -200px 0 0 -300px; display: none; z-index:10000; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.3); 	-moz-border-radius: 0px 0px 15px 0px;
border-radius: 0px 15px 15px 0px; }

#lightbox.loading { background: #fff url('/images/loading-lightbox-demo.gif') no-repeat 50% 50%; }
        
    #lightbox a.close { color: #111; position: absolute; right: 10px; top: 4px; display: block; background:url('/images/controls.png'); width:22px; height:22px; background-position: -55px 0px; background-repeat:no-repeat; z-index:6; text-decoration:none;  }
    
	#lightbox a.close span {display:none;}
	
    #lightbox a.prev { color: #111; position: absolute; right: 60px; top: 4px; display: block; background:url('/images/controls.png'); width:22px; height:22px; background-position:0px 0px; z-index:6; text-decoration:none;}
    
    #lightbox a.next { color: #111; position: absolute; right: 35px; top: 4px; display: block; background:url('/images/controls.png'); width:22px; height:22px; background-position: -27px 0px; background-repeat:no-repeat; z-index:6; text-decoration:none; }
    
    #lightbox a:hover.prev { background-position:-0px -22px; }
	
	#lightbox a:hover.next { background-position:-27px -22px; }
	#lightbox a:hover.close { background-position:-55px -22px; }


/* END OF STYLES FOR LIGHTBOX AND SLIDESHOW */





/* styles required by Tate Enlarge Image app */

.tee_enlarge_link{
	background-image:url(/images/enlarge_icon.gif);
	background-repeat:no-repeat;
	background-position:left center;
	display:block;
	padding:0px 0px 0px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight:bold;
}
.tate_enlarge_img .credit {
	display:block;
}

/* overlay for page background */

#shadebox, .shadebox { 
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1500;
	display: none;
	background-color: #000000; 
	}
#shade1 { z-index: 1500; }
#shade2 { z-index: 1550; }
.popMsg { 
	display: block;
	background: #ffffff;
	border: 1px solid #333;
	position: absolute;
	left: -2000px;
	top: 0px;
	padding: 15px;
	z-index: 1600; 
	display: none;
	}
.popMsg p { color: #000000; font-size: 0.8em; }

/* 'loading' box */

.tee_loading {
	background:none;
	display:none;
	border: 0px none;
	position:absolute;
	background-image: url(/images/lightbox_spokes.gif);
	background-position:center center;
	background-repeat:no-repeat;
	width: 100px;
	height:100px;
	z-index:1501;
}
.tee_loading span {
	visibility:hidden;
}

/* the overlay box for images */

.tee_enlarged {
	background: #ffffff;
	padding: 0px;
	z-index: 1502;
	border: 1px solid #333;
	left: -2000px;
	top: 0px;
	display: block;
	position: absolute;
}

/* 'close' box in top right */

.tee_enlarged .tee_close { 
	position: absolute;
	top: 5px;
	right: 15px;
	height: 15px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
.tee_enlarged .tee_close a { 
	color: #000000; 
	height: 15px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	background: none;
	font-weight: bold;
}
.tee_close span { 
	display: block; 
	margin: 0px 0px 0px 5px;
	padding: 0px;
	height: 15px;
	width: 16px;
	float: right;
	background: no-repeat url('/images/tee_close.gif') 1px 1px;
}
.tee_close a:hover span { background-position: 0px 0px; }

.tee_img { 
	position: absolute;
	top: 24px;
	left: 14px;
	border: 1px solid #ffffff;
	}
.tee_enlarged .credit, .img_cap, .tee_credit { 
	color: #000000;
	position: absolute;
	left: 15px;
	font-size: 0.75em;
	padding: 0px;
	background: none;
}

/* Tate enlarge image ends */

/* Tate footer  */

#footercommon {
	font-family: Arial, Helvetica, sans-serif; 
	color: #333; 
	line-height:1em;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.75em;
	letter-spacing:auto;
	xborder-top:1px solid #ddd;
	background:#fff;
	width:620px;
	clear:both;
	}

#footersocial {
	margin:0 25px 30px 25px;
	padding:20px 0 0 0;
	}
	
	
#footersocial a {
	margin:0;
	padding:0;
	}

#footershortcuts {
	border-top:1px solid #ddd;
	/*height:15em;*/
	background:#fff;
	margin:10px 0 0 0;
	padding:0px 0 0 15px;
	/* was 30px padding-top */
	}
	
#footershortcuts h4 {
	display:none;
	font-weight:normal;
	font-size:1.4em;
	color:#333;
	margin:0 0 30px 0;
	padding:0 10px;
	}
	
	
#footershortcuts a {
	text-decoration:none;
	color:#222;
	margin:0;
	padding:0;
	}
	
#footershortcuts a:hover {
	text-decoration:none;
	color:#777;
	}
	
#footershortcuts ul {
	list-style-type:none;
	margin:0;
	padding:0;
	height:1.4em;
	}
		
#footershortcuts ul li {
	list-style-type:none;
	margin:0 9px 0 0;
	padding:0;

	}

#footershortcuts ul li ul{
	width:auto;
	border-bottom:#ddd solid 1px;
	padding:0;
	margin:0 0 .6em 0;
	float:left;
	width:470px;
	}	
	
#footershortcuts ul li ul li{
	float:left;
	background:url(/images/footerlinkbreak.gif) no-repeat bottom left;
	padding-bottom:4px;
	padding-left:10px;

	}

#footershortcuts ul li span.footershortcutsheader{
	display:block;
	width:115px;
	float:left;
	clear:left;
	padding-left:9px;
	color:#666;
	height:1.4em;
	border-bottom:#ddd solid 1px;
	}	
	
#footershortcuts ul li.footerfinalrowlink {
	float:left;
/*	margin-top:30px;*/
	margin-top:20px;
	padding-bottom:20px;
	padding-right:10px;
	}
	
	
#footershortcuts ul li#footerhomelink {
	padding-left:10px;
	clear:left;
	}

/* follow tate footer code */
#footershortcuts ul.follow {
	width:auto;
	padding:0.6em 0 0 10px;
	margin-top:20px;
	float:left;
	width:672px;
	}
	
#footershortcuts ul.follow li {
	float:left;
	padding:2px 2px 2px 22px;
	background-position:0 0;
	background-repeat:no-repeat;
	vertical-align:bottom;
	}

#footershortcuts ul.follow li.bulletins {
	background:url(/images/icons/bulletins_16.png) no-repeat bottom left;
	}
	
#footershortcuts ul.follow li.twitter {
	background:url(/images/icons/twitter_16.png) no-repeat bottom left;	
	}

#footershortcuts ul.follow li.facebook {
	background:url(/images/icons/facebook_16.png) no-repeat bottom left;	
	}
	
#footershortcuts ul.follow li.youtube {
	background:url(/images/icons/youtube_16.png) no-repeat bottom left;	
	}

#footershortcuts ul.follow li.flickr {
	background:url(/images/icons/flickr_16.png) no-repeat bottom left;	
	}
	
	
/* Tate footer shortcuts ends */