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


html {
	height: 100%;
}
body {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 11px;
	padding: 0 0 0 0;
	margin: 0;
	/*background: url(/site/images/body_background.jpg) center center no-repeat #dde6ed;*/
	background: #FFF;
	height: 100%;
}


a {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #111;
}
a:active {
	
}


p {
	margin: 0;
	padding: 0;
}
a img {
	border: 0;
}
ul {
	padding-left: 14px;
}
form {
	margin: 0;
	padding: 0;
}


/* Headings
----------------------------------------- */

h1, h2, h3, h4 {
	font-weight: normal;
	padding: 0;
}
h1 a, h1 a:visited, 
h2 a, h2 a:visited, 
h3 a, h3 a:visited, 
h4 a, h4 a:visited {
	font-weight: normal;
	text-decoration: none;
}
#sidebar h2,
#sidebar h3,
#sidebar h4 {
	color: #FFFFFF;
}
h1 {
	display: none;
}
h2 {
	font-size: 17px;
	margin: 0 0 7px 0;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Sans-Serif;
	text-transform: uppercase;
}
h3 {
	font-size: 14px;
	margin: 0 0 2px 0;
}
h4 {
	font-size: 11px;
	margin: 0 0 2px 0;
	font-weight: bold;
}


/* Global Page Layout
----------------------------------------- */

	/* Container ----------------------------------------- */
	
		/* styles for IE 5 Mac */
		 #horizon {
			display: inline;
		 }
	#container {
		width: 918px;
		height: 770px;
		margin: 0 auto;
		text-align: left;
	}

	/* Header ----------------------------------------- */
	
	#header {
		height: 260px;
		width: 100%;
		position: relative;
	}
	
	
	/* Logo ----------------------------------------- */
	
	#header #logo {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 25px;
		margin-top: 54px;
		margin-bottom: 4px;
		margin-right: 58px;
		width: 363px;
		height: 172px;
		text-indent: -9999px;
		background: url(/site/images/david_roberts_art_foundation_logo.gif) top left no-repeat;
	
	}
	#header #logo a#logoLink {
		width: 363px;
		height: 172px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/* Main Navigation ----------------------------------------- */
	
	#header #topNavigation {
		position: absolute;
		top: 235px;
		right: 0;
		clear: both;
		font-family: "Helvetica Neue", "HelveticaNeue", Arial, Sans-Serif;
		font-size: 12px;
		margin-right: 161px;
		padding: 0 0 0 0;
		height: 28px;
		text-transform: uppercase;
	}
		#header #mailingListNav {
		position: absolute;
		top: 235px;
		left: 0;
		clear: both;
		font-family: "Helvetica Neue", "HelveticaNeue", Arial, Sans-Serif;
		font-size: 12px;
		margin-right: 180px;
		padding: 0 0 0 0;
		height: 28px;
		text-transform: uppercase;
	}
		#header #topNavigation ul,
		#header #mailingListNav ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#header #topNavigation ul li {
			float: left;
			display: inline;
			margin: 0 0 0 20px;
		}
		#header #mailingListNav ul li {
			float: left;
			display: inline;
			margin: 0 20px 0 0 ;
		}
		#header ul li a,
		#header ul li a:visited {
			text-decoration: none;
			color: #c7b7a8;
		}
		#header ul li a:hover {
			color: #000;
		}
			#header #topNavigation ul li a.active,
			#header #topNavigation ul li a.active:visited,
			#header #topNavigation ul li a.activefolder,
			#header #topNavigation ul li a.activefolder:visited {
				color: #000;
			}
	
	#randomLine {
		height: 27px;
		width: 165px;
		background: #c7b7a8;
		position: absolute;
		top: 197px;
		left: -50px;
	}
	
	
	/* Content areas ----------------------------------------- */
	
	#mainContent {
		height: 464px;
	}
		#content {
			float: left;
			display: inline;
			width: 697px;
			height: 448px;
			margin: 0 0 0 0;
			background: #dedede;
			background: #FFF;
		}
		#contentIE6 {
			display: none;
		}
		.content {
			height: 430px;
			padding: 12px 12px 6px 12px;
		}
		#sidebar {
			width: 203px;
			height: 430px;
			padding: 12px 6px 6px 12px;
			float: right;
			display: inline;
			color: #FFFFFF;
			background: #b0b0b0;
			background: #000;
		}
			#sidebar a,
			#sidebar a:visited {
				color: #FFFFFF;
			}
			
			#sidebar #sidebarLinks,
			#sidebar .sidebarLinks {
			}
	

	/* Footer Bits ----------------------------------------- */
	
	#footer {
		width: 100%;
		height: 20px;
		float: left;
		clear: both;
		position: relative;
		height: 109px;
	}
	
	#artlogic {
		height: 16px;
		margin-left: 300px;
		padding: 30px 0 0 0;
		position: absolute;
		left: 145px;
		top: 29px;
	}
		#artlogic a,
		#artlogic a:visited {
			text-decoration: none;
		}
	
	#randomLine2 {
		height: 27px;
		width: 308px;
		background: #c7b7a8;
		position: absolute;
		left: 388px;
		top: 20px;
	}
	
		
/* ----------------------------------------
	Specific page code
----------------------------------------- */


	/* Homepage
	----------------------------------------- */
	
	#homepageImageTitle {
		height: 16px;
		padding: 4px 0 0 0;
		z-index: 2000;
		clear: both;
	}
	
	.exhibitionRow {
		padding: 5px 0 0 0;
		min-height: 170px;
		float: left;
		clear: both;
		display: inline;
		width: 100%;
	}
	.exhibitionRow a,
	.exhibitionRow a:visited {
		text-decoration: none;
	}	
		.exhibitionRow .image {
			display: block;
			text-align: center;
			width: 200px;
			height: 130px;
			overflow: hidden;
			margin: 0 0 3px 0;
			/*background: #aeaeae;*/
		}
			.exhibitionRow .image img {
				margin: 0 auto;
			}
		.exhibitionRow .dates {
			padding-top: 4px;
		}
	
	.section-home #sidebarLinks {
		float: left;
		display: inline;
		clear: both;
		width: 100%;
	}
	
	
	/* About us
	----------------------------------------- */
	
	/* Right hand side padding is different on this page due to the lack of a scrollbar mechanism */
	.section-aboutus #sidebar {
		width: 197px;
		padding-right: 12px;
	}
	
	
	/* All Exhibitions
	----------------------------------------- */
	
	.section-exhibitions #content ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		clear: both;
		width: 100%;
	}
		.section-exhibitions #content ul li {
			position: relative;
			width: 268px;
			height: 40px;
			padding: 175px 0 0 0;
			float: left;
			display: inline;
			margin: 0 45px 0 0;
		}
		.section-exhibitions #content ul li.last {
			margin-right: 0;
		}
			.section-exhibitions.page-exhibitions #content h2 {
				display: none;
			}
			.section-exhibitions #content h3 {
				font-size: 11px;
				font-weight: bold;
			}
			.section-exhibitions #content h3 a {
			
			}
			.section-exhibitions #content h3 a,
			.section-exhibitions #content h3 a:visited {
				font-weight: bold;
				
			}
			.section-exhibitions #content span.image {
				width: 268px;
				height: 172px;
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				/*
				background: url(/site/images/content_bg.png) repeat;
			    */
			}
				.section-exhibitions #content span.image span {
					width: 268px;
					height: 172px;
					display: block;
					background-position: center center;
					background-position: 0 center;
					background-repeat: no-repeat;
				}
					.section-exhibitions #content span.image span img {
						display: none;
					}					
					.section-exhibitions #content span.image span a {
						width: 268px;
						height: 172px;
						display: block;
					}
			.section-exhibitions #content a,
			.section-exhibitions #content a:visited {
				text-decoration: none;
			}
			
			
		/* Exhibition Details ----------------------------------------- */
		
		.section-exhibitions #content {
			position: relative;
		}
		.section-exhibitions.page-detail #content ul li {
			position: relative;
			width: 150px;
			height: 30px;
			padding: 110px 0 0 0;
			float: left;
			display: inline;
			margin: 0 15px 0 0;
		}
			.section-exhibitions.page-detail #content span.image span a {
				width: 150px;
				height: 110px;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
			}
			.section-exhibitions.page-detail #content span.image {
				width: 150px;
				height: 110px;
			}
				.section-exhibitions.page-detail #content span.image span {
					width: 150px;
					height: 110px;
				}
			.section-exhibitions.page-detail #content h4 {
				padding: 2px 0 0 0;
			}
			.section-exhibitions.page-detail #content h4 a,
			.section-exhibitions.page-detail #content h4 a:visited {
				font-weight: bold;
				text-decoration: none;
			}
		
		#exhibitionControls {
				position: absolute;
				bottom: 0;
				width: 100%;
				right: 0;
		}
			#exhibitionControls #previousNext {
				float: right;
				padding: 0 5px 8px 0;
			}
				#exhibitionControls #previousNext div {
					float: left;
					clear: none;
					margin: 0 0 0 10px;
					padding: 0;
				}
			#exhibitionControls #artworkDetails {
				float: left;
				padding: 0 5px 8px 0;
				padding: 0 0 2px 5px;
			}
				#exhibitionControls #artworkDetails h4 {
					clear: none;
					display: inline;
				}
		
		.section-exhibitions.page-detail #sidebar .date,
		.section-exhibitions.page-detail #sidebar .subtitle {
			margin: 0 0 5px 0;
		}
	
	
	/* Practical Information
	----------------------------------------- */
	
		
	
	/* Press
	----------------------------------------- */
	
	.section-press.page-press #content .recordsColumn,
	.section-press.page-articles #content .recordsColumn {
		width: 320px;
		float: left;
		display: inline;
	}
	.section-press.page-press #content h3,
	.section-press.page-articles #content h3 {
		margin: 0 0 10px 0;
	}
	.section-press.page-press #content h4,
	.section-press.page-articles #content h4 {
		display: inline;
		font-size: 12px;
	}
	.section-press.page-press #content h4 a,
	.section-press.page-press #content h4 a:visited,
	.section-press.page-articles #content h4 a,
	.section-press.page-articles #content h4 a:visited {
		font-weight: bold;
		text-decoration: none;
	}
	.section-press.page-press #content .link,
	.section-press.page-articles #content .link {
		font-size: 10px;
	}
	
	.section-press.page-press #content ul,
	.section-press.page-articles #content ul {
		width: 320px;
		list-style: none;
		display: block;
		padding: 0;
		margin: 0;
	}
		.section-press.page-press #content ul li,
		.section-press.page-articles #content ul li {
			width: 320px;
			margin: 0 0 15px 0;
		}
			.section-press.page-press #content ul li a,
			.section-press.page-press #content ul li a:visited,
			.section-press.page-articles #content ul li a,
			.section-press.page-articles #content ul li a:visited {
				text-decoration: none;
			}


/* ----------------------------------------
	Generic code
----------------------------------------- */


	/* Generic ----------------------------------------- */
	
	.clear, .clr {
		clear: both;
	}
	.expandForPrint {
		display: none;	
	}
	.subheading {
		clear: both;
		display: block;
		margin: 0 0 8px 0;
		font-size: 10px;
	}
	

	/* 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 */		
	
	
	/* Subheadings and Links ----------------------------------------- */
	
	.link {
		clear: both;
		display: block;
		font-weight: bold;
		padding: 4px 0 0 0;
		position: relative;
	}
		.link a,
		.link a:visited {
			text-decoration: none;
		}
		
		.link a {
			position: static;
		}
		
		.link.disabled a,
		.link.disabled a:visited,
		.link.disabled a:hover {
			color: #8d919a;
		}
		
		.link.back a {
			padding-left: 13px;
		}
			.link.back a,
			.link.back a:visited {
				background: url(/site/images/back.gif) left 1px no-repeat;
			}
			#sidebar .link.back a,
			#sidebar .link.back a:visited {
				background: url(/site/images/back_white.gif) left 1px no-repeat;
			}
				.link.back.disabled a,
				.link.back.disabled a:visited {
					background: none;
				}
				.link.back.disabled {
					background: url(/site/images/back_disabled.gif) left 1px no-repeat;
				}
		.link.next a {
			padding-right: 13px;
		}
		
		#sidebar .link.next a {
			padding-right: 0;
			padding-left: 13px;
		}
			.link.next a:link,
			.link.next a:visited {
				background: url(/site/images/next.gif) right 1px no-repeat;
			}
			#sidebar .link.next a:link,
			#sidebar .link.next a:visited {
				background: url(/site/images/next_white.gif) left 1px no-repeat;
			}
				.link.next.disabled a,
				.link.next.disabled a:visited {
					background: none;
				}
				.link.next.disabled a,
				.link.next.disabled a:visited {
					background: url(/site/images/next_disabled.gif) right 1px no-repeat;
				}
				
	.largeSidebar {
		padding: 10px 0 0 0;
		margin: 0 0 0 -3px;
	}
	.largeSidebar .link {
		font-size: 14px;
		font-family: "Helvetica Neue Light", "HelveticaNeue-Light", Arial, Sans-Serif;
		font-weight: normal;
		color: #FFFFFF;
		margin: 0 0 2px 0;
		min-height: 22px;
		height: auto !important;
		height: 22px;
	}
	.largeSidebar .link a {
		display: block;
		padding: 2px 2px 2px 4px;
		min-height: 18px;
		height: auto !important;
		height: 18px;
	}
	.largeSidebar .link a:hover {
		background: url(/site/images/content_bg.png) repeat;
	}
	.largeSidebar .link.active a {
		background: url(/site/images/sidebar_bg.png) repeat;
	}
	.largeSidebar .link a span {
		background: url(/site/images/next_alt.gif) left center no-repeat;
		padding: 0 0 0 14px;
	}
	
	/* Peter additions, for ajax functions */
	
	#sidebarContents h3 {
		margin: 15px 0 8px 0;
	}
	
	#sidebarContents .buttons {
		margin: 8px 0;
	}
			
			
			

/* CLICKABLE OBJECTS (for ajax) */

.clickable {
	cursor: pointer;
	padding-left: 13px;
	background: url(/site/images/next_transparent.gif) left 1px no-repeat;
}
	
	
	
/* Scrollbox overrides */
	
body #container .flsb_scrollable {
	background: none;
}
.flsb_scrollContent {
	padding: 0 6px 0 0;
}
.flsb_scrollbar-v-track {
	background: url(/site/images/sidebar_bg.png) repeat;
}