/* MAIN SITE CSS FILE
----------------------------------------- */

.left {
	float: left;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.pr15 {
	padding-right: 15px;
}

body {
	background: #fff;
	margin: 0;
	padding: 0 0 20px 0;
	font-family: Arial, Helvetica, Sans-serif;
	color: #555;
	font-size: 11px;
}

a {
	color: #19485a;
	text-decoration: none;
}
a:visited {
	color: #2b6074;
	text-decoration: none;
}
a:hover {
	color: #35abb9;
	text-decoration: none;
}

p {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}



/* headings
----------------------------------------- */

h1 {
	color: #32aab8;
	font-size: 20px;
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: normal;
	line-height: normal;
}
h2 {
	color: #32aab8;
	font-size: 20px;
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: normal;
	line-height: normal;
}
h3 {
	color: #32aab8;
	font-size: 15px;
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: normal;
	line-height: normal;
}
h4 {
	color: #32aab8;
	font-size: 12px;
	margin: 0 0 8px 0;
	padding: 0;
	font-weight: normal;
	line-height: normal;
}
	h2 a, h2 a:visited,
	h3 a, h3 a:visited,
	h4 a, h4 a:visited {
		color: #32aab8;
		font-weight: normal;
	}



/* Main content areas
----------------------------------------- */


#container {
	width: 917px;
	margin: 22px 18px;
	position: relative;
	margin: 22px auto;
}

	#mainContent {
		padding: 0 0 0 15px;
		min-height: 440px;
		height: auto !important;
		height: 440px;
		position: relative;
		line-height: 13px;
	}
	

/* Header
----------------------------------------- */

	/* Logo ----------------------------------------- */
	
	#header {
		height: 90px;
		position: relative;
	}
		#logo {
			height: 22px;
			width: 219px;
			position: absolute;
			top: 8px;
			left: 14px;
			background: url(/site/images/simmons_logo.gif) top left no-repeat;
		}
			#logo a {
				height: 22px;
				width: 219px;
				display: block;
				text-indent: -9999px;
			}
		
		#siteName {
			height: 22px;
			width: 275px;
			position: absolute;
			top: 8px;
			right: 14px;
			background: url(/site/images/contemporary_art_collection.gif) top right no-repeat;
		}
			#siteName a {
				height: 22px;
				width: 275px;
				display: block;
				text-indent: -9999px;
			}


	/* Top Navigation ----------------------------------------- */
	
	#topnav {
		position: absolute;
		top: 47px;
		left: 0;
		width: 917px;
		background: url(/site/images/nav_spacer.gif) bottom repeat-x #939eaa;
		height: 22px;
	}
	
	#topnav ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#topnav li {
		float: left;
		display: inline;
	}
		#topnav li.active,
		#topnav li.activefolder {
			background: url(/site/images/nav_arrow.gif) bottom center no-repeat;
		}
		
		#topnav li a {
			float: left;
			text-decoration: none;
			color: #fff;
			padding: 3px 15px 0 15px;
			height: 18px;
		}
			#topnav li a.active,
			#topnav li a.activefolder {
				background: url(/site/images/nav_active.gif) top repeat-x;
			}
				#topnav li a.active:hover,
				#topnav li a.activefolder:hover {
					background: url(/site/images/nav_active.gif) top repeat-x;
				}
			#topnav li a:hover {
				background: url(/site/images/nav_hover.gif) top repeat-x;
			}


/* Footer
----------------------------------------- */

#below {
	clear: both;
	height: 25px;
}

#footer {
	clear: both;
	background: #939eaa;
	height: 16px;
	padding: 3px 15px 0 15px;
	width: 887px;
	color: #FFF;
	font-size: 10px;
}
	#copyright {
		float: left;
	}
	#artlogic {
		float: right;
	}
		#artlogic a,
		#artlogic a:visited {
			color: #FFF;
		}


/* Homepage
----------------------------------------- */

.section-home h1 {
	display: none;
}
.section-home #content {
	float: left;
	width: 425px;
	padding: 8px 0 0 0;
}
.section-home #imageSlideshow {
	height: 438px;
	width: 423px;
	padding: 15px 15px 5px 20px;
	margin: 0;
	background: url(/site/images/shadow_box_large.gif) top right no-repeat;
	float: right;
	display: inline;
	text-align: center;
	position: relative;
}
	.section-home #imageSlideshow .imageBg {
		text-align: center;
		background: #FFF;
		height: 425px;
		width: 425px;
	}
	.section-home #imageSlideshow #slideshowCaption {
		clear: both;
		display: block;
		font-size: 10px;
		color: #c2c2c2;
		padding: 2px 0 0 0;
		text-align: center;
		position: absolute;
		width: 423px;
		bottom: 15px;
		left: 20px;
	}
.section-home #records div table {
	width: 415px;
}


/* Foreword 
----------------------------------------- */

	.section-foreword #content {
		width: 590px;
		float: left;
	}
	.section-foreword #imageBox {
		width: 200px;
		padding: 0 0 5px 15px;
		margin: 0 0 0 0;
		float: right;
		display: inline;
		text-align: center;
		position: relative;
	}
		.section-foreword #imageBox .caption {
			clear: both;
			display: block;
			font-size: 10px;
			color: #c2c2c2;
			padding: 2px 0 0 0;
			text-align: center;
			width: 150px;
			margin: 0 auto;
			font-weight: bold;
		}
		

/* Locations Section
----------------------------------------- */

.section-locations.page-locations #content {
	float: left;
	width: 380px;
	margin: 0 30px 0 0;
}
.section-locations.page-locations #content2 {
	float: left;
	width: 200px;
}

.section-locations.page-locations #imageSlideshow {
	display: none;
}
	.section-locations #imageSlideshow #slideshowCaption {
		clear: both;
		display: block;
		font-size: 10px;
		color: #c2c2c2;
		padding: 2px 0 0 0;
		text-align: center;
		position: absolute;
		width: 423px;
		bottom: 15px;
		left: 20px;
	}

.twoColumnList ul {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	width: 80px;
}
	.twoColumnList li {
		margin: 0 0 8px 0;
		float: left;
		display: inline;
		width: 80px;
	}
		.twoColumnList li a {
			font-weight: bold;
			background: url(/site/images/diagonal_arrow.gif) center left no-repeat;
			padding: 0 0 0 12px;
		}
.section-locations.page-locations #imageBox {
	height: 438px;
	width: 237px;
	padding: 15px 15px 5px 15px;
	margin: 0 5px 0 0;
	background: url(/site/images/shadow_box_small.gif) top right no-repeat;
	float: right;
	display: inline;
	text-align: center;
	position: relative;
}
.section-locations.page-locations #records2 table {
	width: 200px;
}
.section-locations.page-locations #records2 table td {
	padding: 8px 5px 8px 30px;
	margin: 0;
	height: 200px;
}


	/* Location details ----------------------------------------- */
	
	.section-locations.page-locations.hasparams #content {
		
	}
	.section-locations.page-locations.hasparams #content2 {
		float: left;
		width: 400px;
	}
	.section-locations.page-locations.hasparams .hiddenContent {
		display: none;
	}
	
	.section-locations.page-locations.hasparams #imageBox {
		display: none;
	}
	
	.section-locations.page-locations.hasparams #imageSlideshow {
		height: 438px;
		width: 423px;
		padding: 15px 15px 5px 20px;
		margin: 0;
		background: url(/site/images/shadow_box_large.gif) top right no-repeat;
		float: right;
		display: inline;
		text-align: center;
		position: absolute;
		top: 0;
		right: 0;
	}
		.section-locations.page-locations.hasparams #imageSlideshow span {
			clear: both;
			display: block;
			font-size: 10px;
			color: #c2c2c2;
			padding: 2px 0 0 0;
			text-align: center;
			position: absolute;
			width: 423px;
			bottom: 15px;
			left: 20px;
		}
	
	
	.section-locations #quickButtons a {
		width: 160px;
	}
		.section-locations #quickButtons a.rollover img  {
			width: 160px;
		}


/* MODIFIED BY P&D 070920 */

#locationContent2 {
	float: left;
	width: 400px;
}

body.small #locationContent2 {
	float: left;
	width: 250px;
}

	.section-locations #imageSlideshow {
		height: 438px;
		width: 423px;
		padding: 15px 15px 5px 20px;
		margin: 0;
		background: url(/site/images/shadow_box_large.gif) top right no-repeat;
		float: right;
		display: inline;
		text-align: center;
		position: absolute;
		top: 0;
		right: 0;
	}
		.section-locations.page-locations.hasparams #imageSlideshow span {
			clear: both;
			display: block;
			font-size: 10px;
			color: #c2c2c2;
			padding: 2px 0 0 0;
			text-align: center;
			position: absolute;
			width: 423px;
			bottom: 15px;
			left: 20px;
		}
		
/* END */

/* Browse Section (+ new additions record rows)
----------------------------------------- */

.section-browse.page-browse #header {
	height: 90px;
}

.section-browse.page-browse h1 {
	display: none;
}

.section-browse.page-browse #browseSearch,
.section-artistinformation #browseSearch {
	height: 18px;
	margin: 0 0 22px 0;
	position: relative;
	width: 887px;
}
	.section-browse.page-browse #browseSearch .refineResultsButton,
	.section-artistinformation #browseSearch .refineResultsButton {
		height: 18px;
		width: 141px;
		position: absolute;
		top: 0;
		right: 0;
		background-image: url(/site/images/refine_results_hover.gif);
		background-position: top right;
		background-repeat: no-repeat;
	}
		.section-browse.page-browse #browseSearch a.blockLink,
		.section-artistinformation #browseSearch a.blockLink {
			height: 18px;
			width: 141px;
			position: absolute;
			display: block;
			top: 0;
			right: 0;
		}
	.section-browse.page-browse #browseSearch #browseSearchRevealed,
	.section-artistinformation #browseSearch #browseSearchRevealed {
		position: absolute;
		width: 881px;
		height: 20px;
		padding: 1px 0 0px 6px; 
		background: #e9ecee;
	}
		.section-browse.page-browse #browseSearch #browseSearchRevealed input,
		.section-browse.page-browse #browseSearch #browseSearchRevealed select,
		.section-artistinformation #browseSearch #browseSearchRevealed select {
			border: 1px solid #c4cad1;
			font-size: 10px;
			height: 18px;
			width: 110px;
			padding: 0 0 0 0;
			margin: 0 15px 0 0;
			float: left;
			display: inline;
		}
		.section-browse.page-browse #browseSearch #browseSearchRevealed input {
			padding: 2px 0 0 3px;
			height: 16px;
		}
		.section-browse.page-browse #browseSearch #browseSearchRevealed .link.next,
		.section-artistinformation #browseSearch #browseSearchRevealed .link.next {
			padding-top: 3px;
		}

		
/* Browse and New Additions Record Row ----------------------------------------- */
	
#records table,
#records2 table,
.section-newadditions.page-newadditions table {
	text-align: left; 
	width: 900px;
	clear: both;
}
.section-home #records table {
	width: 415px;
}
	#records td,
	#records2 td,
	.section-newadditions.page-newadditions td {
		width: 23%;
		height: 230px;
		padding: 0 10px 0 0;
		text-align: left;
		font-size: 10px;
		color: #bbbaba;
		vertical-align: middle;
	}
		#records td a,
		#records2 td a,
		.section-newadditions.page-newadditions td a {
			display: block;
			cursor: pointer;
		}
		#records td a,
		#records td a:visited,
		#records2 td a,
		#records2 td a:visited,
		.section-newadditions.page-newadditions td a,
		.section-newadditions.page-newadditions td a:visited {
			font-size: 10px;
			color: #bbbaba;
		}
		#records td a:hover,
		#records2 td a:hover,
		.section-newadditions.page-newadditions td a:hover {
			color: #555555;
		}
		#records td .image,
		#records2 td .image,
		.section-newadditions.page-newadditions td .image {
			float: none;
			margin: 0;
		}
		#records td .artistName,
		#records2 td .artistName,
		.section-newadditions.page-newadditions td .artistName {
			font-weight: bold;
		}
		#records td .commentaryLink a {
			display: block;
			background: url(/site/images/next_arrow_disabled.gif) left center no-repeat;
			padding-left: 12px;
		}
		#records td .commentaryLink a:hover {
			background: url(/site/images/next_arrow.gif) left center no-repeat;
		}
		

/* News Section
----------------------------------------- */

.section-news.page-news h1 {
	display: none;
}
.section-news.page-news.hasparams h1 {
	display: block;
	margin: 0 0 3px 0;
}
.section-news.page-news #content ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	.section-news.page-news #content ul li {
		float: left;
		display: inline;
		width: 400px;
		min-height: 160px;
		height: auto !important;
		height: 160px;
		margin: 0 40px 15px 0;
	}
		.section-news.page-news #content ul li h2 {
			margin: 1px;
		}
		.section-news.page-news #content ul li .link {
			clear: left;
		}

.section-news.page-news.hasparams #content {
	float: left;
	width: 640px;
}
.section-news.page-news.hasparams #recentNews {
	float: right;
	width: 200px;
}
	.section-news.page-news.hasparams #recentNews ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.section-news.page-news.hasparams #recentNews ul li {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			.section-news.page-news.hasparams #recentNews ul li h4 a {
				color: #19485a;
			}
			.section-news.page-news.hasparams #recentNews ul li.link.next a {
				padding: 0 0 0 12px;
				display:  block;
				background-position: left 3px;
			}
			.section-news.page-news.hasparams #recentNews ul li.link.next span.date {
				display:  block;
			}


/* artist information Section
----------------------------------------- */

.section-artistinformation h1 {
	display: block;
	margin: 0 0 3px 0;
}
.section-artistinformation #content table {
	width: 887px;
}
	.section-artistinformation #content table tr td {
		padding: 0 0 10px 0;
	}
	.section-artistinformation #content table tr.columnHeaders td {
		font-size: 11px;
		color: #c1c8ce;
		padding: 0 0 10px 0;
		font-weight: bold;
	}
	.section-artistinformation #content table tr td.titleCell a,
	.section-artistinformation #content table tr td.titleCell a:visited {
		color: #32aab8;
		font-size: 15px;
	}
.section-artistinformation #content {
	width: 887px;
}
.section-artistinformation #content .content {
	width: 540px;
	float: left;
	display: inline;
}
.section-artistinformation #content #mainImage {
	float: right;
	display: inline;
	margin: 0 0 15px 20px;
}


/* General bits
----------------------------------------- */

	/* Large image button links ----------------------------------------- */
	
	#quickButtons {
		padding: 12px 0 0 0;
	}
	#quickButtons a {
		float: left;
		display: inline;
		height: 55px;
		width: 135px;
		margin: 0 5px 0 0;
		overflow: hidden;
	}
	.section-home #quickButtons a {
		float: left;
		display: inline;
		height: 55px;
	}
	#quickButtons a.rollover img {
		width: 135px;
	}


	/* Rollover Images - Common Controls ----------------------------------------- */
	
	.rollover { display: block; } /* Allow setting widths and heights */
	.rollover img { width: 100%; height: 100%; border: 0; background: #FFF; } /* only set width and height once */
	.rollover:hover { visibility: visible; background: #FFF;  /* for IE */ } /* sets any property for the :hover state */
	.rollover:hover img { visibility: hidden; background: none; } /* 'rolls over' the image */
	
	.rollover.active img { visibility: hidden; background: none; } /* current page icon */
	.rollover.active:hover img {  } /* current page icon */		
	

	/* Generic ----------------------------------------- */
	
	.clear, .clr {
		clear: both;
		display: block;
	}
	.expandForPrint {
		display: none;	
	}
	.subheading {
		clear: left;
		display: block;
		margin: 0 0 3px 0;
		font-size: 11px;
		color: #c1c8ce;
	}
	.subtitle {
		font-size: 17px;
		color: #bfc7cf;
		font-weight: normal;
		margin: 0 0 6px 0;
		line-height: normal;
	}
	.date {
		font-size: 11px;
		color: #c1c8ce;
		line-height: normal;
	}
	.description {
		margin: 0 0 2px 0;
		display: block;
		clear: both;
	}
	.image {
		float: right;
		display: inline;
		margin: -15px 0 0 10px;
	}
	
	
	/* Links ----------------------------------------- */
	
	.link {
		clear: both;
		display: block;
		padding: 4px 0 0 0;
	}
		.link a,
		.link a:visited {
			text-decoration: none;
		}
		
		.link.back a {
			padding-left: 12px;
			background: url(/site/images/previous_arrow.gif) left center no-repeat;
		}
		.link.next a {
			padding-right: 12px;
			background: url(/site/images/next_arrow.gif) right center no-repeat;
		}
	
	
	/* Pagination ----------------------------------------- */
	
	.previousNext {
		clear: both;
		padding: 30px 12px 0 0;
	}
		.previousNext .links {
			float: left;
		}
			.previousNext .previousLink {
				float: left;
				margin-right: 15px;
			}
				.previousNext .previousLink a {
					padding-left: 12px;
					background: url(/site/images/previous_arrow.gif) center left no-repeat;
				}
				.previousNext .previousLink .disabled {
					padding-left: 12px;
					background: url(/site/images/previous_arrow_disabled.gif) center left no-repeat;
					color: #999;
				}
			.previousNext .nextLink {
				float: left;
				margin-right: 15px;
			}
				.previousNext .nextLink a {
					padding-right: 12px;
					background: url(/site/images/next_arrow.gif) center right no-repeat;
				}
				.previousNext .nextLink .disabled {
					padding-right: 12px;
					background: url(/site/images/next_arrow_disabled.gif) center right no-repeat;
					color: #999;
				}
		.previousNext .pipe1,
		.previousNext .pipe2 {
			display: none;
		}
		.previousNext .menuContainer {
			float: right;
			color: #19485a;
		}
			.previousNext .menuContainer select {
				font-size: 11px;
				border: 1px solid #CCC;
				color: #19485a;
			}
			
	#previousNextAbove.previousNext {
		padding: 5px 0 0 0;
		margin: 0 0 5px 0;
		height: 20px;
	}
	#previousNextAbove.previousNext .menuContainer {
		display: none;
	}
	
		
	
	/* lightbox overrides */
	
	.section-home #hoverNav #prevLink, .section-home #hoverNav #nextLink, 
	.section-locations #hoverNav #prevLink, .section-locations #hoverNav #nextLink {
		display: none;
	}
	
	body #imageData #numberDisplay {
		display: none;
	}
	body #hoverNav {
		position: static;
		clear: both;
		padding: 5px 0 0 0;
		margin: 0;
		height: 25px;
		width: 100%;
	}
	body #prevLink,
	body #nextLink {
		height: 12px;
		width: auto;
		text-align: left;
		position: static;
		float: left;
		clear: none;
		font-size: 11px;
	}
	body #nextLink {
		
	}
	body #imageData #imageDetails{ width: 100%; }	
	body #prevLink:hover, body #prevLink:visited:hover { background: none; }
	body #nextLink:hover, body #nextLink:visited:hover { background: none; }
	
	body #imageDataContainer {
		min-height: 70px;
	}
	*html body #imageDataContainer {
		height: 70px;
	}
	body #bottomNavClose {
		font-size: 11px;
		text-align: right;
	}

	#outerImageContainer{
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #eaeaea;
		z-index: 0;
	}
	#imageDataContainer{
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
	#overlay {
		background-color: #FFF;
		filter:alpha(opacity=20);
		-moz-opacity: 0.2;
		opacity: 0.2;
	}