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

body { font-family:Arial, Helvetica, sans-serif; }
/* top navigation */
ul#level1nav { border-bottom:1px solid #00a0c6; }
#level1navbar { background-color:#fff; /* first header row colour */ }
#logobarnew { background-color:#fff; /* logobar row colour */ }
#level2navbar {
	background-color:#fff; /* third header row colour */
	border-top: 1px solid #00a0c6;
	border-bottom: 1px solid #00a0c6;
}
#level2nav ul li a, ul#level2nav li a {
	color:#00a0c6;
	border-left:1px solid #00a0c6;
}
#level2nav ul li a:hover, ul#level2nav li a:hover {
	background-color:#e5f2fd;
	color:#008aab;
}
/* tate logo */
#logobarnew.inverse #logobarnewtatelogo { background-color:#000; }
#logobarnew.inverse a .section { color:#000; }
/* new search bar */

#breadcrumb {
	height:28px;
	padding-top:6px;
	width:730px;
	border:0;
	vertical-align:middle;
	font-size:1.0em;
}
#trailbar {
	display:inline;
	padding:5px 0;
}
#trailbar a { color:#9b988f; }
#searchbar, #sbholder {
	display:inline;
	border:0;
}
/* content */	

#content { width: 670px; }
#content a { color:#00a0c6; }
#exhibnavholder {
	margin-left: 10px;
	width: 700px;
	float: left;
}
#exhibtitle {
	background: url(/britain/exhibitions/martincreed/images/exhibtitle.gif) top left no-repeat;
	float: left;
	clear: none;
	width: 345px;
	height: 47px;
}
#exhibtitle h1 { display: none; }
#exhibsubtitle {
	width: 175px;
	height: 47px;
	float: left;
	clear: none;
	margin-left: 10px;
}
#exhibsubtitle h2 {
	margin: 0;
	color:  #00a0c6;
	font-size: 0.8em;
}
#exhibsubtitle p {
	margin-top: 0;
	font-size: 0.8em;
	font-weight: bold;
}
#exhiblinks {
	width: 166px;
	float: left;
	clear: none;
}
#exhiblinks ul {
	margin: 0;
	padding: 0;
}
#exhiblinks ul li {
	display: inline;
	background: url(/britain/exhibitions/martincreed/images/exhibnav_corner_l.gif) bottom left no-repeat;
	background-color: #cae3f7;
	float: left;
	list-style: none;
	font-size: 0.7em;
	padding: 0 0 0 17px;
	margin: 0 0 3px 0;
}
#exhiblinks ul li a {
	background: url(/britain/exhibitions/martincreed/images/exhibnav_corner.gif) top right no-repeat;
	height: 17px;
	padding: 0 17px 0 0px;
	color: #000;
}
#home #exhiblinks ul li.home a, #visiting #exhiblinks ul li.visiting a, #aboutinfo #exhiblinks ul li.about a,  #resources #exhiblinks ul li.resources a {
	background: url(/britain/exhibitions/martincreed/images/exhibnav_corner_hover.gif) top right no-repeat;
	background-color: #8ebeec;
}
#home #exhiblinks ul li.home, #visiting #exhiblinks ul li.visiting, #aboutinfo #exhiblinks ul li.about, #resources #exhiblinks ul li.resources {
	background: url(/britain/exhibitions/martincreed/images/exhibnav_corner_hover_l.gif) bottom left no-repeat;
	background-color: #8ebeec;
}

#exhiblinks ul li.visiting {
	margin-left: 14px;
}

#exhiblinks ul li.about {
	margin-left: 28px;
}

#exhiblinks ul li.home {
	margin-left: 42px;
}

#flashmovie {
	float: left;
	margin-top: 10px;
}
#home p.credit {
	color: #969696;
	float: left;
	margin: 10px 0 0 136px;
	width: 142px;
	display: inline;
}
p.credit { font-size: 0.9em; }



#sponsor {
	float: right;
	font-size: 0.7em;
	display: inline;
	margin: 10px 40px 0 0;
}
.textholder {
	font-size: 0.75em;
	float: left;
	margin: 0 0 25px 10px;
	width: 345px;
}
div#quote {
	background:#cae3f7 url(/britain/exhibitions/martincreed/images/exhibnav_corner.gif) bottom right no-repeat;
	margin: 15px 0 0 0;
	font-size: 0.75em;
	float: right;
	width: 260px;
	padding: 10px;
}
div#quote p { margin-left: 10px; }
.blockquote {
	background-image: url(/britain/exhibitions/martincreed/images/quote_l.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding: 35px 0 0 0;
	margin: 0;
}
.blockquote span {
	background-image: url(/britain/exhibitions/martincreed/images/quote_r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: block;
	padding: 0 10px 15px 10px;
}
#creedflash {
	clear:both;
	padding-top:20px;
}
#sponsor { float:right; }
#sponsor span {
	float:left;
	padding-top:10px;
	padding-right:5px;
	border:0;
	margin-top:-10px;
}
#sponsor img {
	padding-top:3px;
	border:0;
}
h3{
	color: #666;
	text-transform: uppercase;
}

h4 {
margin-bottom: 5px;
}

a.external {
background-image:url(../images/externalarrow.gif);}
