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


body {
	margin: 0;
	padding: 0 0 20px 0; 
	font-family: Arial, "Trebuchet MS", Sans-Serif;
	color:#333;
	font-size: 12px;
}

a:link {
  	color: #FF6600;
  	text-decoration: none;
}

a:visited {
	color: #FF6600;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a img {
	border-width: 0;
}
p {
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
}
ul {
	margin: 0 0 0 15px;
	padding: 0;
}
	li {
		margin: 0 0 7px 0;
		padding: 0;	
	}



/* generic classes
----------------------------------------- */

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.expandForPrint {
	display: none;
}


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


h1 {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 1.9em;
	color: #FF6600;
}
	
h2 {
	font-size: 1.3em;
	margin: 0 0 8px 0;
	padding: 5px 0 0 0;
}
	
h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}




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


#container {
	width: 760px;
	margin: 0 auto;
}


/* logo
----------------------------------------- */

#header {
	height: 126px;
}

#logo {
	height: 126px;
	width: 760px;
	margin: 0 auto;
	background: url(/site/images/logo.gif) top left no-repeat;
}
	#logo img {
		display: none;
	}


/* member login and search panel
---------------------------------------------------- */

#container2 {
	position: absolute;
	top: 15px;
	left: 50%;
	width: 760px;
	margin: 0 0 0 -380px;
	height: 118px;
}
	#searchLogin {
	 	position: absolute;
	 	top: 0;
	 	right: 0;
	 	width: 176px;
	 	height: 118px;
	}
		#search {
			height: 32px;
			width: 176px;
			background: url(/site/images/search_bg.gif) top left no-repeat;
			position: relative;
		}
			#search .qsField {
				width: 123px;
				height: 16px;
				border: 1px solid #6c568c;
				padding: 0 2px 0 2px;
				font-size: 11px;
				color: #999;
				background: url(/site/images/input_shadow.gif) top repeat-x #FFF;
				position: absolute;
				top: 8px;
				left: 13px;
			}
			#search .qsWand {
				position: absolute;
				top: 8px;
				left: 146px;
			}
		#memberLogin {
			width: 176px;
			background: url(/site/images/member_login_bg.gif) bottom left no-repeat;
		}
			#memberLogin .textLink {
				height: 25px;
			}
				#memberLogin .textLink a {
					padding: 5px 13px 0 13px;
					clear: both;
					display: block;
					width: 150px;
					color: #32175a;
					background: url(/site/images/member_login_text_arrow.gif) top right no-repeat;
				}
					#memberLogin .textLink a:visited {
						color: #32175a;
					}
			#memberLogin .expanded {
				display: none;
				height: 50px;
				padding: 0px 13px 0 13px;
				position: relative;
			}
				#memberLogin .field {
					width: 123px;
					height: 14px;
					border: 1px solid #CCC;
					padding: 1px 2px 0 2px;
					font-size: 11px;
					color: #999;
					background: url(/site/images/input_shadow.gif) top repeat-x #FFF;
					margin: 0 0 4px 0;
				}
				#memberLogin .mlArrow {
					position: absolute;
					top: 8px;
					right: 10px;
				}
				#memberLogin .signUpLink {
					display: block;
					margin: -2px 0 0 0;
					font-size: 11px;
					color: #999;
				}




/* top navigation
---------------------------------------------------- */

#topNav {
	background: #EEE;
	color: #32175a;
	font-size: 1.1em;
	position: absolute;
	top: 126px;
	left: 0;
	right: 0;
}
	#topNav #contain {
		width: 760px;
		margin: 0 auto;
		padding: 4px 0 0 0;
	}
	#topNav ul {
		list-style: none;
		display: inline;
		min-height: 20px;
		height: auto !important;
		height: 20px;
		float: left;
		margin: 0 0 0 -10px;
		padding: 0;
	}
		#topNav li {
			float: left;
			margin: 0;
			height: 20px;
		}
			#topNav li a, #topNav li a:visited {
				color: #32175a;
				border-left: 1px solid #32175a;
				padding: 0 8px;
			}
				#topNav li.activefolder {
					background: url(/site/images/nav_arrow.gif) bottom center no-repeat;
				}
					#topNav li.activefolder a, #topNav li.activefolder a:visited, #topNav li.active a, #topNav li.active a:visited {
						color: #FF6600;
					}
				#topNav li.first a {
					border-left: 0;
				}			
					#topNav li.first.active {
						background: url(/site/images/nav_arrow.gif) bottom center no-repeat;
					}
				#topNav a:hover {
					color: #FF6600;
				}
	#topNav #navStyle {
		background: url(/site/images/nav_style.gif) top repeat-x #32175a;
		height: 13px;
		clear: both;
		overflow: hidden;
		width: 100%;
	}
	#topNav #cartLink {
		float: right;
		padding: 0px 20px 0 0;
		background: url(/site/images/next.gif) top right no-repeat;
	}




#mainContent {
	clear: both;
	position: relative;
	margin: 25px 0 0 0;
	width: 760px;
}

	#leftContent {
		width: 560px;
		min-height: 380px;
		height: auto !important;
		height: 380px;
		float: left;
	}



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

#content {
	margin: 0 0 20px 0;
	padding: 24px 0 0 0;
	float: right;
	display: inline;
	width: 375px;
	font-size: 1.1em;
}
	#content img {
		margin: 0 10px 10px 0;
	}
	#content a:link, #content a:visited {
		text-decoration: underline;
		font-weight: normal;
	}
	
	#content a:hover {
		text-decoration: none;
	}
	
		/* ---------------------------
		full width page overrides */
		
		body.news #content, 
		body.yourbasket #content {
			margin: 0 0 30px 0;
			width: 565px;
		}
			body.news #sidebar, 
			body.yourbasket #sidebar {
				display: none;
			}



#below {
	clear: both;
}

#footer {
	margin: 20px 0 10px 0;
	font-size: 0.9em;
	clear: both;
	height: 35px;
}
	#footer_left {
		float: left;
		clear: none;
	}
		#footer_left #artlogic {
			clear: both;
			display: block;
			color: #999;
			padding: 4px 0 0 0;
		}
			#footer_left #artlogic a, #footer_left #artlogic a:visited {
				color: #999;
			}
	#footer_right {
		float: right;
		width: 300px;
	}
		#footer_right ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#footer_right li {
				float: right;
				display: inline;
				padding: 0 7px;	
				border-right: 1px solid #FF6600;
			}
				#footer_right li.first {
					border: none;
					padding-right: 0;
				}


/* links
---------------------------------- */

	.link {
		display: block;
		clear: left;
		padding: 10px 0 0 0;
		margin: 0 0 5px 0;
		font-weight: bold;
	}
		.back a {
			background: url(/site/images/back.gif) 0px 0px no-repeat;
			padding: 1px 0 3px 18px;
		}
		.next a {
			background: url(/site/images/next.gif) 0px 0px no-repeat;
			padding: 1px 0 3px 18px;
		}
		
		#content .back a, #content .back a:visited , #content .next a, #content .next a:visited {
			text-decoration: none;
			font-weight: bold;
		}
		#content .link a:hover {
			text-decoration: underline;
		}
		
/* common elements 
------------------------------- */
	
	.date {
		clear: both;
		display: block;
		margin: 0 0 5px 0;
		font-weight: bold;
		font-size: 1em;
	}
		.date span {
			font-weight: normal;
		}



/* pagination
------------------------------------ */

.previousNext {
	padding: 20px 0 0 0;
	clear: both;
	border-top: 1px solid #CCC;
	font-size: 0.9em;
	height: 25px;
}
			#events .previousNext {
				border: 0;
				padding: 10px 0 0 0;
				margin: 0 0 10px 0;
			}
	.menuContainer {
		float: right;
	}
		.menuContainer select {
			border: 1px solid #999;
			font-size: 11px;
			background: url(/site/images/input_shadow.gif) top repeat-x #FFF;
		}
	
	.pipe1, .pipe2 {
		display: none;
	}
	
	.links {
		float: left;
	}
		.previousLink {
			border-right: 1px solid #666;
			padding: 0 10px 0 0;
		}
			.previousLink a {
				background: url(/site/images/back.gif) top left no-repeat;
				padding: 1px 0 3px 22px;
			}
		.nextLink {
			padding: 0 0 0 10px;
		}
			.nextLink a {
				background: url(/site/images/next.gif) top right no-repeat;
				padding: 1px 22px 3px 0;
			}
			
	.disabled {
		color: #999;
	}
	


/* sidebar
----------------------------------------- */


#sidebar {
	width: 155px;
	margin: 0 20px 30px 0;
	float: left;
	padding: 20px 0 0 0;
	display: inline;
	overflow: hidden;
}
	#sidebar .box {
		background: url(/site/images/sidebar_bg.gif) top left repeat-y #32175a;	
	}
	#sidebar .box div {
		background: url(/site/images/sidebar_top.gif) top left no-repeat;
	}
	#sidebar .box div div {
		background: url(/site/images/sidebar_bottom.gif) bottom left no-repeat;
		color: #FFF;
		padding: 10px 6px 10px 18px;	
	}
	#sidebar .box div div div {
		background: none;
		padding: 0;
	}
	#sidebar ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#sidebar li {
			margin: 0 0 8px 0;
			padding: 0;
			list-style: none;	
		}

			#sidebar a, #sidebar a:visited {
				color: #FFF;			
			}
		
		#sidebar ul li ul {
			margin: 7px 0 0 8px;
			padding: 0 0 0 4px;
			border-left: 1px solid #FFF;
			background: url(/site/images/nav_gradient.gif) left repeat-y;
		}
		
		#sidebar ul li ul li ul li {
			width: 91px;
			overflow: hidden;
		}
		
		#sidebar li.active {
			background: url(/site/images/sidebar_arrow.gif) top right no-repeat;
			padding-right: 14px;
			font-weight: bold;
		}
		






/* records
----------------------------------------- */


#news ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#news li {
	margin: 10px 0;
	padding: 0;
	float: left;
	clear: both;
	width: 565px;
	display: inline;
}

#news li .date {
	padding: 0 15px 0 0;
}

#news li .description {
	padding: 0 5px 0 0;
}
	#news h2 {
		color: #FF6600;
		margin: 0;
	}
		#content #news h2 a, #content #news h2 a:visited {
			font-weight: bold;
			text-decoration: none;
		}
		#content #news h2 a:hover {
			text-decoration: underline;
		}






/* feature boxes 
------------------------------------ */

#featureBoxes {
	width: 150px;
	position: absolute;
	top: 45px;
	right: 0;
}

#featureBoxes .boxes {
	background: url(/site/images/feature_top.gif) top left no-repeat #FF6600;
	margin: 0 0 10px 0;
}
	#featureBoxes .bottom {
		background: url(/site/images/feature_bottom.gif) top left no-repeat;
		height: 2px;
		clear: both;
		overflow: hidden;
	}
		#featureBoxes h3 {
			padding: 5px 5px 0 5px;
			font-size: 1.6em;
		}
		#featureBoxes h3 a, #featureBoxes h3 a:visited, #featureBoxes h3 a:active { 
			text-decoration: none; 
			color: #FFF; 
			font-weight: bold;
			display: block;
		}
		
		#featureBoxes .stretcher span {
			display: block;
			clear: both;
			width: 130px;
			padding: 2px 5px;
			font-size: 0.9em;
			line-height: 11px;
			font-weight: normal;
			background-color: #FF6600; /* background colour is essential for IE6 to counter jagged text in the stretcher area */
		}

		#featureBoxes a, #featureBoxes a:visited {
			color: #32175A;
			font-weight: bold;
		}


#events div {
	margin: 0 0 20px 0;	
}
	#events div div {
		margin: 0;
	}
	
	#events .heading {
		background: url(/site/images/horizontal_bar.gif) top left no-repeat;
		height: 19px;
		padding: 5px 5px 1px 4px;
		margin: 0 0 10px 0;
	}
		#events .heading h2 {
			font-size: 1.1em;
			color: #FFF;
			float: left;
			padding: 0;
			font-weight: normal;
		}
			#events .heading h2 a, #events .heading h2 a:visited {
				color: #FFF;
				text-decoration: none;
				font-weight: normal;
			}
	#events .heading span {
		float: right;
		color: #FFF;
		font-size: 0.9em;
		padding: 3px 0 0 0;
	}

	#events h3 {
		font-size: 1em;
		padding: 8px 0 0 0;
		margin: 0 0 3px 0;
	}
	#events .date {
		margin: 0 0 3px 0;
		font-size: 1em;

	}
	#events .description {
		font-style: italic;
		margin: 0;
		padding: 10px 0 0 0;
	}
	#events .options td {
		background: url(/site/images/light_gradient.gif) top repeat-x #eee;
		border-bottom: 1px solid #FF6600;
		padding: 3px 0;
	}


#membershipOptions{
		margin: 0 0 0 0;	
	}
	.options td {
		background: url(/site/images/light_gradient.gif) top repeat-x #eee;
		border-bottom: 1px solid #FF6600;
		padding: 3px 0;
	}

	#membershipOptions .options td {
		background: url(/site/images/light_gradient.gif) top repeat-x #eee;
		border-bottom: 1px solid #FF6600;
		padding: 3px 0;
	}


/* home page layout hacks
---------------------------------------- */

body.home #featureBoxes {
	right: auto;
	left: 0;
}
body.home h1 {
	display: none;
}
body.home h2 {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-weight: bold;
	font-size: 1.5em;
	color: #FF6600;
}
body.home #leftContent {
	width: 460px;
}
body.home #content {
	width: 285px;
	padding: 24px 0 0 0;
}
	body.home #content .splashImage {
		margin: 0;
		position: relative;
			width: 281px;
			height: 210px;
	}
		body.home #content .splashImage img {
			position: relative;
			z-index: 0;
		}
		body.home #content .splashImage div {
			position: absolute;
			top: 0;
			left: 0;
			width: 281px;
			height: 210px;
			background: url(/site/images/home/image_frame.png) top left no-repeat;
			z-index: 2000;
		}
			*html body.home #content .splashImage div {
				background: none;
				filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/images/home/image_frame.png', sizingMethod='scale');
			}
body.home #sidebar {
	display: none;
}
body.home #column1 {
	position: absolute;
	top: 45px;
	right: 145px;
	width: 130px
}
	body.home #column1 ul {
		margin: 0;
		list-style: none;
	}
	body.home #column1 li {
		display: block;
		clear: left;
		padding: 0;
		margin: 0 0 10px 0;
		font-weight: normal;
	}
		body.home #column1 li a {
			background: url(/site/images/next.gif) 0px 0px no-repeat;
			padding: 1px 0 3px 18px;
		}

body.home #column2 {
	position: absolute;
	top: 45px;
	right: 0px;
	width: 130px;
}
	body.home #column2 ul {
		list-style: none;
		margin: 0;
	}
	body.home #column2 li {
		float: left;
		display: inline;
		margin: 0 0 8px 0;
	}
		*html body.home #column2 li {
			width: 100%;
		}
	body.home #column2 .date {
		font-weight: normal;
		font-size: 0.9em;
	}
	
body.home .popularImageButton {
	width: 126px;
	height: 29px;
	margin: 10px 0 5px 0;
	clear: both;
	background-position: top left;
	background-repeat: no-repeat;
}
	body.home .popularImageButton a {
		display: block;
		height: 29px;
		width: 126px;
		cursor: pointer;
	}





/* UDM
----------------------------------------- 
Note - these settings override the main UDM css in /sites/udm/udm-custom.css
Other udm properties may be set here: /sites/udm/udm-archimedes-custom.js
*/

#udm {
	position: absolute;
	top: 94px;
	left: 0;
	width: 100%;
	background: #dbb74c;
	border-top: 1px solid #e6cc81;
	border-bottom: 1px solid #b0933d;
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
	font-size: 95%;
}

#udm ul {
	width: 12.8em; /* the width of each nested drop-down */
}

#udm li {
	background: #dbb74c;
	border-left: 1px solid #e6cc81;
	border-right: 1px solid #b0933d;
	text-transform: none;
	letter-spacing: 0.1em !important;
}

#udm li.nested {
	background: #dbb74c;
	border-top: 1px solid #e6cc81;
	border-bottom: 1px solid #b0933d;
}

#udm li a.nested {
	padding: 1.2em;
}

#udm li a:hover, #udm li.nested a:hover {
	background: #e0c166;
	color: #960;
}

#udm a.active {
	background: #e0c166;
}



/* properties of a topnav item while hovering/selecting one of it's children */
.udm li a.udmR,.udm li a.udmY,.udm li a.udmR:visited,.udm li a.udmY:visited,.udm li a:hover,.udm li a:focus,.udm li a.nohref:hover,.udm li a.nohref:focus {
	background-color: #e0c166;
	color: #fff;
}

/* properties of a nested item while hovering/selecting one of it's children */
.udm ul li a.udmR,.udm ul li a.udmY,.udm ul li a.udmR:visited,.udm ul li a.udmY:visited,.udm ul li a:hover,.udm ul li a:focus,.udm ul li a.nohref:hover,.udm ul li a.nohref:focus,.udm ul li a:visited:hover {
	background-color: #e0c166;
	color: #fff;
}

.eventDate {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 6px;
	margin-top: 0px;
}

.eventVenue {
	margin-bottom: 10px;
	margin-top: 0px;
}

.imgCaption {
	font-style: italic;
	color: #999;
	font-size: 0.8em;
	margin: 0 10px 10px 0;
}

.filePath {
	color: #999;
	font-size: 0.9em;
}

.filePath a {
	color: #999;
	font-size: 0.9em;
}