@charset "utf-8";

/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	background: #aca8a5;
}

/* top navigation */

#level1navbar { background-color:#aca8a5; /* first header row colour */ }

#logobarnew { background: url(../images/topbanner_grad.gif) top left repeat-x #fff;  /* logobar row colour */ }

#level2navbar { background:#E24C23; /* third header row colour */ }

#level2nav ul li a, ul#l.creditevel2nav li a {
	color:#fff;
	border-left:1px solid #fff;
}

#level2nav ul li a:hover, ul#level2nav li a:hover {
	background-color:#d10000;
	color:#fff;
}

/* new search bar */

#breadcrumb {
	height:38px;
	padding-top:6px;
	width:730px;
	border:0;
	vertical-align:middle;
	font-size:1.0em;
}

#trailbar {
	display:inline;
	padding:5px 0;
}

#trailbar a { color:#86474f; }

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

/* lightbox */
#lightbox { border:1px solid #ea6800; }

/* main content */
p.credit {
	color: #000;
	width: 350px;
	font-size:0.7em;
}

div#maincontent {
	float: left;
	width: 380px;
	margin-bottom: 15px;
}

div#maincontent p{ margin-left: 11px; }
div#maincontent h2{ margin: 10px 0 0 11px; }
div#maincontent h2.eventlist{ margin: 10px 0 10px 11px; }

div#maintcontent p.credit { margin-left: 0; }

#content a {
	font-weight: bold;
	color:#673450;
}

#content a:hover {
	color:#000;
	text-decoration: underline;
}

#bookticketspic, #booktourpic {
	margin-top: 15px;
	float: right;
}

body.about #joinnowpic {
	clear:right;
	margin:10px 0 20px 3px;
	float:right;
	display:block;
	height:78px;
	width:78px;
	text-indent:-9999px;
	overflow:hidden;
}

body.about #joinnowpic a:link, #joinnowpic a:visited {
	display:block;
	background:url(/modern/exhibitions/markrothko/images/freeformembers_joinnow.gif) no-repeat;
	height:78px;
	width:78px;
	background-position: 0 0;
}

body.about #joinnowpic a:hover { background-position: -78px 0; }

.buttonsright {
display: block;
float: right;
width: 81px;
}

body.visiting #joinnowpic {
	float:right;
	display:block;
	height:78px;
	width:78px;
	text-indent:-9999px;
	overflow:hidden;
	margin:10px 0 10px 3px;
}

body.visiting #joinnowpic a:link, body.visiting #joinnowpic a:visited {
	display:block;
	background:url(/modern/exhibitions/markrothko/images/freeformembers_joinnow.png) no-repeat;
	height:78px;
	width:78px;
	background-position: 0 0;
}

body.visiting #joinnowpic a:hover { background-position: -78px 0; }

div#gradholder {
	height:618px;
	background: url(/modern/exhibitions/markrothko/images/content_grad.gif) repeat-x;
}

#content {
	width:720px;
	color: #000;
	padding:0 10px 0 0;
	margin:0 0 0 19px;
}

div#left {
	float: left;
	width: 390px;
}

div#right {
	width: 330px;
	float: right;
}

#content div#maintitle {
	display:block;
	margin: 0;
	height: 85px;
	width: 377px;
	background: url(/modern/exhibitions/markrothko/images/maintitle.gif) top left no-repeat;
}

#content div#maintitle a { display: block; width: 380px; height: 85px; }
#content div#maintitle span { display: none; }

h2 {
	font-size: 1.2em;
	text-transform:uppercase;
}

h3 {
	font-size: 1.1em;
	margin: 10px 0 5px 11px!important;
}

h4 {
	font-size: 1em;
	margin: 10px 0 5px 11px!important;
	clear:both;
}

#content div#date {
	display:block;
	height: 37px;
	width: 377px;
	background: url(/modern/exhibitions/markrothko/images/date.gif) top left no-repeat;
}

#content div#date span { display: none; }

.imageholder_left {
	margin: 0 0 25px 11px;
	float: left;
	display: inline;
}

#mediapartner {
	display: block;
	font-size: 0.8em;
	font-style:normal;
	width: 350px;
	margin: 5px 0 25px 11px;
}

#sponsor {
	display: block;
	font-size: 0.8em;
	width: 350px;
	margin: 0 0 20px 11px;
}

/* sub navigation styles */

ul#subnav {
	clear: both;
	width: 310px;
	height: 190px;
}

ul#subnav li {
	list-style:none;
	float:left;
	clear: none;
	padding-right: 6px;
}

ul#subnav a {
	display: block;
	width: 86px;
	height:61px;
	background-position: top left;
	text-align: center;
	vertical-align: middle;
	padding-top: 30px;
	color: #fff;
	font-weight: normal;
}

ul#subnav a:hover {
	color: #000;
	text-decoration: none;
}

ul#subnav li#about a {
	background: url(/modern/exhibitions/markrothko/images/bg_home.png) no-repeat;
	margin-left: 33px;
}

ul#subnav li#about a:hover, .about #content ul#subnav li#about a {
	color: #000;
	background: url(/modern/exhibitions/markrothko/images/bg_home_hover.png) no-repeat;
	margin-left: 33px;
}

ul#subnav li#visitinginfo a { background: url(/modern/exhibitions/markrothko/images/bg_visiting.png) no-repeat; }

ul#subnav li#visitinginfo a:hover, .visiting #content ul#subnav li#visitinginfo a {
	color: #000;
	background: url(/modern/exhibitions/markrothko/images/bg_visiting_hover.png) no-repeat;
}

ul#subnav li#events a { background: url(/modern/exhibitions/markrothko/images/bg_events.png) no-repeat; }

ul#subnav li#events a:hover, .events #content ul#subnav li#events a {
	color: #000;
	background: url(/modern/exhibitions/markrothko/images/bg_events_hover.png) no-repeat;
}

ul#subnav li#resources a {
	background: url(/modern/exhibitions/markrothko/images/bg_resources.png) no-repeat;
	margin-left: 33px;
}

ul#subnav li#resources a:hover, .resources #content ul#subnav li#resources a {
	color: #000;
	background: url(/modern/exhibitions/markrothko/images/bg_resources_hover.png) no-repeat;
	margin-left: 33px;
}


ul#subnav li#explore a {
	background: url(/modern/exhibitions/markrothko/images/bg_guide.png) no-repeat;
}

ul#subnav li#explore a:hover, .explore #content ul#subnav li#explore a {
	color: #000;
	background: url(/modern/exhibitions/markrothko/images/bg_guide_hover.png) no-repeat;
}

ul#subnav li#curatorvideo a {
	background: url(/modern/exhibitions/markrothko/images/bg_video.png) no-repeat;
}

ul#subnav li#curatorvideo a:hover, .curatorvideo #content ul#subnav li#curatorvideo a {
	color: #000;
	background: url(/modern/exhibitions/markrothko/images/bg_visiting_hover.png) no-repeat;
}


/*ul#subnav li#explore {
	background: url(/modern/exhibitions/markrothko/images/bg_guide.png) no-repeat;
	color:#daa696;
	list-style:none;
	float:left;
	clear: none;
	padding-right: 6px;
	display: block;
	width: 86px;
	height:71px;
	background-position: top left;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px;
	font-weight: normal;
}

/* cms styles*/	

/* events listing, needs -19px left margin for reasons i cant figure out*/	



li.right {
	list-style-image:none;
	padding: 0 0 15px 25px;
	margin: 0 0 0 -19px;
	list-style: none;
	background-image: url(/modern/exhibitions/markrothko/images/arrow.png);
	background-repeat:no-repeat;
}

ul.arrowlist {
	list-style: none;
	margin: 0 0 0 11px;
	padding: 0;
}

.arrowlist li {
	padding: 0 0 15px 25px;
	list-style: none;
	background-image: url(/modern/exhibitions/markrothko/images/arrow.png);
	background-repeat:no-repeat;
}


/*explore exhibition tab styles */

#explorenav, #explorenav2 {
	margin: 10px 0 0 12px;
	border-top: 2px solid #73394e;
}

#explorenav ul, #explorenav2 ul {
	display: block;
	margin: 0;
	padding: 2px 0 0 0;
	}

/* main top nav */
#explorenav li{
	float: left;
	list-style:none;
	background: url(../images/tab_right.gif) bottom right no-repeat;
	padding:0 5px 0 0;
	margin: 0 3px 3px 0;
	}
	
#roomguide #explorenav li.roomguide, #room1 #explorenav li.room1, #room2 #explorenav li.room2, #room3 #explorenav li.room3, #room4 #explorenav li.room4, #room5 #explorenav li.room5, #room6 #explorenav li.room6, #room7 #explorenav li.room7, #room8 #explorenav li.room8, #room9 #explorenav li.room9
	{background: url(../images/tab_purple_right.gif) bottom right no-repeat;
	}
	
	
#explorenav li a{
	font-weight: normal;
	float: left;
	list-style:none;
	background: url(../images/tab_left.gif) bottom left no-repeat;
	padding: 3px 3px 5px 8px;
	}


#roomguide #explorenav li.roomguide a, #room1 #explorenav li.room1 a, #room2 #explorenav li.room2 a, #room3 #explorenav li.room3 a, #room4 #explorenav li.room4 a, #room5 #explorenav li.room5 a, #room6 #explorenav li.room6 a, #room7 #explorenav li.room7 a, #room8 #explorenav li.room8 a, #room9 #explorenav li.room9 a
{	text-decoration: none;
	color: #fff;
	background: url(../images/tab_purple_left.gif) bottom left no-repeat;
	}

/* explore page nav */
#explorenav2 li{
	float: left;
	list-style:none;
	background: url(../images/tab_right2.gif) bottom right no-repeat;
	padding:0 5px 0 0;
	margin: 0 3px 3px 0;
	}
	
#room1 #explorenav2 li.room1, #room2 #explorenav2 li.room2, #room3 #explorenav2 li.room3, #room4 #explorenav2 li.room4, #room5 #explorenav2 li.room5, #room6 #explorenav2 li.room6, #room7 #explorenav2 li.room7, #room8 #explorenav2 li.room8, #room9 #explorenav2 li.room9
	{background: url(../images/tab_purple_right2.gif) bottom right no-repeat;
	}
	
	
#explorenav2 li a{
	font-weight: normal;
	float: left;
	list-style:none;
	background: url(../images/tab_left2.gif) bottom left no-repeat;
	padding: 3px 3px 5px 8px;
	}


#room1 #explorenav2 li.room1 a, #room2 #explorenav2 li.room2 a, #room3 #explorenav2 li.room3 a, #room4 #explorenav2 li.room4 a, #room5 #explorenav2 li.room5 a, #room6 #explorenav2 li.room6 a, #room7 #explorenav2 li.room7 a, #room8 #explorenav2 li.room8 a, #room9 #explorenav2 li.room9 a
{	text-decoration: none;
	color: #fff;
	background: url(../images/tab_purple_left2.gif) bottom left no-repeat;
	}



blockquote{
	margin-left: 0;
	display: inline;
	font-style: italic;
	font-size: 0.75em;
}


#right .tate_enlarge_img{
	float: right;
}
#right .tate_enlarge_img .credit{
	width: 255px;
	font-weight:normal;
	font-size: 0.85em;
	margin:0;
	padding:0;
}

#right .tate_enlarge_img .tee_enlarge_link{
	font-size: 0.8em;
}

.otherworks {
	margin: 10px;
}

.otherworks .tate_enlarge_img .image{
	display:block;
	float:left;
	width:100px;
	padding-right:10px;
}


.otherworks .tate_enlarge_img .credit{
	font-weight:normal;
	margin:0;
	padding:0;
	float: left;
	width: 250px;
}

.otherworks .tate_enlarge_img .tee_enlarge_link{
	clear:both;
	font-size: 0.8em;
	margin: 5px 0 30px 0;
}



/*hide and show other works listed */

h4#otherworks{
	padding: 2px 0 2px 5px;
	color: #fff;
	background: #E24C23;
}

.video {
margin-left: 12px;
}

/*div.interactive {
	display: block;
	width: 167px; 
	height: 167px;
	padding: 15px 15px 10px 10px;
	float: left;
}
*/
div.interactive {
	display: block;
	background: url(/modern/exhibitions/markrothko/images/interactive_bg.jpg) top left no-repeat;
	width: 428px;
	margin:10px 0 0 -7px;
	height: 209px;
}

h4#interactivetitle {
	padding: 8px 0 2px 7px;
}

h4#interactivetitle a, h4#interactivetitle a:hover  {
	color: #fff;
}

h4#launch {
	padding: 100px 0 2px 265px;
}

h4#ingallerytour {
	padding-top:6px;
}

div.interactive p {
	padding-left:7px
}

/*h4#launch a {
	color: #fff;
}*/

/*div.interactive a:hover {
	background: url(/modern/exhibitions/markrothko/images/interactive_hover.gif) top left no-repeat;

}*/

div.interactive span {
	display: none;
}


div.interactivehome {
	display: block;
	width: 167px; 
	height: 167px;
	padding: 13px 10px 20px 57px;
	float: left;
}

div.interactivehome a {
	display: block;
	background: url(/modern/exhibitions/markrothko/images/interactive.gif) top left no-repeat;
	width: 167px; 
	height: 167px;
}

div.interactivehome a:hover {
	background: url(/modern/exhibitions/markrothko/images/interactive_hover.gif) top left no-repeat;

}

div.interactivehome span {
	display: none;
}

.explorenav ul{
	margin:15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

.explorenav ul li{
	list-style:none;
	float:left;
	margin:0px 5px 15px 0px;
}

#content .explorenav ul li a{
	display:block;
	background-color:#74232A;
	color:white;
	padding: 3px 4px 3px 4px;
	font-size: 1.0em;
}

#content .explorenav ul li a:hover, #content .explorenav ul li a.selected{
	display:block;
	background-color:#fff;
	color:#74232A;
	padding: 3px 4px 3px 4px;
	text-decoration:none;
}



.explorepromos{
	width:729px;
	margin-left:-2px;
}
.explorepromos a img{
	border:0;
}

.explorepromos a.promo1{ margin-right:10px;  }

@media print{

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	background:none;
	}
	
/* top navigation */

#level1navbar, #logobarnew, #level2navbar, #level2nav, #breadcrumb, #trailbar, #searchbar, #sbholder {
	display:none;
	}

/*shop */
#rhsbox {display:none;}

.special {margin-left:10px;}


.enlarge  {display:none; }

.creambg  {background:none; width:600px; }

.clearboth {clear:both;}

/* those show hide tags */

.basic div{
	display: block!important;
	height: auto!important
}

}