/* MAIN HEADER -------------------------------------------------------------- */
#header #zone-header-wrapper { display: block; }

/* LEAD IMAGE -------------------------------------------------------------- */
.region-sidebar-second-inner { margin-left: -1px; }
.lead-image,
.lead-image .image-box { 
	height: 420px;
	width: 960px;
}
.lead-image {
	overflow: hidden;
	z-index: 600;
}
.image-box {
	position: absolute;
	background: #EFEFEF;
}
.foreground { z-index: 600; }
.lead-image-mask { z-index: 5; position: absolute; background: #444; height: 420px; width: 960px; }
.background { z-index: 1; }
.lead-image--overlay { position:absolute; bottom: 10px; left:0; background:#fff; padding: 10px 20px; }
.lead-image--overlay .overlay--title { border-bottom: 1px solid #00aed3; font-style: italic; }
.lead-image--overlay .overlay--date { padding-left:10px; color:#666; font-size: 11px; }
.lead-image--overlay .overlay--name { font-weight: bold; font-size: 1.2em; display: block; padding-bottom: 10px; }
.lead-image-caption { clear: both; float: left; margin: 0; width: 300px; min-height: 97px;
	position: absolute; bottom: 10px; left: -300px; background: white; z-index: 620; }
.slide-title { float: left; padding: 0 0px; }
#zone-content .slide-title h2 { font-size: 1.2em; font-weight: bold; color: #666; margin: 0px; border: none 0px; padding: 10px; }
.lead-image-title a { font-style: italic; margin-right: 2px; }
.lead-image-title .dates { font-size: 0.9em; color: #666; white-space: nowrap; }
.lead-image-group { font-size: 0.9em; color: #666; line-height: 1.5em; }
.lead-image-group .group { color: #2F2F2F; }
.slide-body-horizontal { width: 265px; padding: 0 25px 8px 10px; float: left; clear: both; }
.action-button-space { float: left; margin: 0px; padding: 0px 10px 10px; width: 280px; height: 22px; }
div.container .action-button-container { margin: 0px; padding: 0px; height: 22px; bottom: 10px; right: 10px; position: absolute; }
div.container p { padding: 0; }
.slide-action-button p a {
	background: #E5E2DE url('../drupal/images/panel-button-bg.png') 100% 1px no-repeat;
	color: #444; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;
	padding: 4px 20px 4px 15px; margin: 0; height: 14px; line-height: 13px;
	text-align: left; border: none; display: block; float: right; border-image: initial; }
.slide-action-button p a:hover,
#page-wrapper .slide-action-button p a:active,
#page-wrapper .slide-action-button p a:focus {color:#fff!important; background-color:#00AED3!important; background-image: url('../drupal/images/panel-button-bg-light.png'); }

/* NO-JAVASCRIPT FALLBACK --------------------------------------------------- */
.lead-image.no-javascript { z-index: 12; }
.lead-image-caption.no-javascript {
	left: 0px;
	-webkit-animation: slide-caption 1500ms 0ms 1;
	animation: slide-caption 1500ms 0ms 1;
}
.lead-image-mask.no-javascript {
	z-index: 1;
	opacity: 0;
	background: #EFEFEF;
	-webkit-animation: fade-mask 300ms 0ms 1;
	animation: fade-mask 300ms 0ms 1;
}
@-webkit-keyframes slide-caption {
	0%   { left: -300px;}
	66%  { left: -300px; } 
	100% { left: 0px; }
}
@keyframes slide-caption {
	0%   { left: -300px;}
	66%  { left: -300px; } 
	100% { left: 0px; }
}
@-webkit-keyframes fade-mask {
	0%   { opacity: 1; z-index: 14; }
	66%  { opacity: 1; z-index: 14; }
	100% { opacity: 0; z-index: 1; }
}
@keyframes fade-mask {
	0%   { opacity: 1; z-index: 14; }
	66%  { opacity: 1; z-index: 14; } 
	100% { opacity: 0; z-index: 1; }
}

/* INTRO PANEL -------------------------------------------------------------- */

#intro-search { z-index: 500; }
.slider-block { z-index: 1; }
.intro, .search-brick { margin: 0px; border-bottom: 1px solid #E5E2DE; }
.intro { margin-left: -1px; border-right: 1px solid #E5E2DE; }
.intro .panel_text { padding: 15px 10px 5px; }
#zone-content .intro p { padding: 0 0 10px; }
#zone-content .intro p.standfirst { font-size: 1.4em; line-height: 1.5em; }

/* SEARCH PANEL -------------------------------------------------------------- */

.search-brick { background-color: #EFEFEF; z-index: 500; }
#zone-content .search-brick h2 { font-size: 1.4em; line-height: 1.5em; padding: 15px 0px 15px; margin: 0px;
	font-weight: normal; color: #3A3A3A; overflow: hidden; height: auto; }
#zone-content .search-brick h2 a { color: #444; border-bottom: 1px solid #00AED3; }
#zone-content .search-brick h2 a:hover,
#zone-content .search-brick h2 a:focus { color: #0090B5; }
#artSearch { padding: 0px 10px 0; width: 460px; background-color: #EFEFEF; position: relative; z-index: 500; }
#artSearch .searchbox-wrap { width: 458px; height: 36px; padding: 0px; float: none; position: relative;
	border: 1px solid #BEC1C2; background: white; color: #CCC; }
#artSearch input.searchbox {
	background: none;
	margin: 0;
	text-align: left;
	height: 32px;
	line-height: 32px;
	padding: 2px 5px;
	width: 448px;
	border: none;
	float: left;
	font-size: 1.2em;
}
#artSearch .submit { width: 35px; height: 32px; padding: 0px; float: none; position: absolute; right: 0px; top: 2px;
	border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
	background: url('../images/mag-search.gif') -2px 6px no-repeat; border-left: 1px solid #BEC1C2; cursor: pointer; }
#artSearch .submit:hover,
#artSearch .submit:focus {
	background-position: -2px -17px;
}

.search-brick .column_body, #zone-content .AAcontent { margin: 0px; float: left; width: 480px; z-index: 500; }
#zone-content .search-brick p { padding: 0px 0px 10px; }

/* ARE YOU LOOKING FOR -------------------------------------------------------------- */

#AYLF-hints {
	right: 0px;
	left: auto;
}


/* SLIDER PANELS -------------------------------------------------------------- */

#zone-content h2.block-title {
	padding: 10px;
	font-size: 1.4em;
	color: #3A3A3A;
}
.grid-16 .carousel-clip {
	width: 959px;
}
.carousel-clip ul {
	overflow: hidden;
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
	min-width: 3000px;
	left: 0px;
}
.carousel-container .item {
	padding: 0 0 20px 0;
	margin-left: -1px;
	border: 1px #e5e2de solid;
	display: block;
	position: relative;
	*padding: 0 0 10px 0;
}
.carousel-container .grid-3_2 {
	width: 191px;
	padding: 0px;
}
.carousel-container .grid-4 {
	width: 239px;
	padding: 0px;
}
.carousel-container .grid-8 {
	width: 479px;
}
.carousel-container .item h3,
.carousel-container .item h3 a {
	padding: 0;
	margin: 0;
	border: none;
	display: block;
	text-align: left;
}
.carousel-container .item p {
	padding: 0;
}
.carousel-container .item h3 a:hover {
	color: #444;
	cursor: pointer;
}
.column_title {
	margin: 0 0 0 10px;
	display: block; 
	text-align: left;
}
.column_title span {
	line-height: 1.5em;
	font-weight: normal;
	color: #444;
	border-bottom: 1px solid #00aed3;
	clear: both;
}
a:focus .column_title span,
.column_title span:hover {
	color: #0090b5;
}
.panel-type {
	font-size: 0.75em;
	margin: 0px 5px 0px 10px;
	color: #666;
}
.slider-block .panel_text {
	margin-bottom: 10px;
}
.column_dates {
	padding: 11px 10px 0 10px;
	line-height: 1.45em;
	color: #5c5b56;
}
.column_body {
	padding: 11px 10px;
	color: #5c5b56;
}
.carousel-container .item img {
	max-height: none;
	max-width: none;
	margin: 5px;
	display: block;
	vertical-align: top;	
}