/*-----------------------------------------------------------------------------
version:   1.0
author:    Clinton Beattie
created:   14/03/08
email:     clinton@eyekiller.com
website:   http://www.eyekiller.com
-----------------------------------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,em,img,strong,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-family: inherit;	
	}
body {
	color:#535353;	
	font:62.5% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
	background-color:#fff;
	}
ul {list-style:none;}
a {
	outline:none;
	text-decoration:none;
	font-weight:bold;
	}
a:hover {
	text-decoration:underline;
	}
body.photo-archive h1{
	background:url(../images/photo_archive-logo.jpg) no-repeat left top #FFF;
}
h1 {
	float:left;
	text-indent:-9999px;
	width:112px;
	height:148px;
	display:block;
	background-color:#fff;
	margin-top:11px;
	}
h1 a {
	width:112px;
	height:148px;
	display:block;
	text-decoration:none;
	}
.two h3 {
	color:#fff;
	}
h3 {
	color:#535353;
	font-size:1.6em;
	font-weight:normal;
	margin-left:-1px;
	}
h3 a {
	font-size:1em;
	color:#594032;
	font-weight:normal;
	}
.classes h3 {
	margin-bottom:6px;
	font-size:1.5em;
	}
body.conference .content-holder .box h3 {
	margin-bottom:2px;
	}
.h3calendar h3 {
	font-size:1.4em;
	}
.date-time h3 {
	margin-bottom:2px;
	}
#content-holder2 h3,
.content-holder3 h3 {
	margin-bottom:4px;
	}
body.museum.l3 .content-holder3 h3,body.photo-archive.l3 .content-holder3 h3   {
	margin-bottom:8px;
	}
.content-left .h2title {
	margin-bottom:1.1em; 
	}
.h2title2,
.h2title4 {
	width:128px;
	height:17px;
	text-indent:-9999px;
	margin:4px 0;
	}
.h2title4 {
	text-indent:0;
	margin-top:9px;
	}
.h2title {
	margin-left:-1px;
	}
.base-col h3 {
	margin-bottom:7px;
	}
.content-holder2 p {
	padding-bottom:1.4em;
	}
#content-holder2 ul {
	list-style-type:disc;
	list-style-position:inside;
	}
body.bullet #content-holder2 ul {
	list-style-type:none;
	list-style-position:inside;
	}
#wrapper {
	width:886px;
	text-align:left;
	margin:0 auto;
	font-size:1.1em;
	line-height:1.4em;
	position:relative;
	}
#header {
	width:886px;
	position:relative;
	min-height:160px;
    height:auto !important;
    height:160px;
	background-color:#fff;
	border-bottom:#e2dcd9 1px solid;
	float:left;
	margin-top:11px;
	}
#info-line {
	background:#fff url(../images/information-line.gif) no-repeat left top;
	width:143px;
	height:27px;
	position:absolute;
	top:51px;
	right:12px;
	text-indent:-9999px;
	}
#content {
	float:left;
	display:inline;
	margin-top:14px;
	width:886px;
	min-height:520px;
  	height:auto !important;
  	height:520px;
	}
#sidebar {
	float:left;
	display:inline;
	width:129px;
	margin:0 7px 0 9px;
	}
#main-content,
#secondary-content,
#base-content {
	float:left;
	display:inline;
	width:741px;
	}
#secondary-content,
#base-content {
	margin-top:5px;
	}
#top {
	float:left;
	display:inline;
	width:741px;
	}
#bottom {
	float:left;
	display:inline;
	width:886px;
	border-top:#e2dcd9 1px solid;
	padding:15px 0;
	margin-top:15px;	
	}
* html #bottom {
	padding-bottom: 0;	
	}
#bottom-content {
	float:left;
	display:inline;
	width:741px;
	margin-left:145px;
	}
.col {
	float:left;
	display:inline;	
}
.one {
	width:485px;
	}
.two,
.two2 { 
	width:237px;
	margin-left:15px;
	}
.two2  {
	margin-bottom:30px;
	}
.gallery-row {
	width:220px;
	float:left;
	display:inline;
	margin-left:11px;
	margin-bottom:2px;
	}
.gallery-row img {
	float:left;
	margin:0 2px 0 0;
	}
.gallery {
	width:237px;
	padding-top:6px;
	}
.row {
	width:100%;
	float:left;
	display:inline;
	margin-bottom:12px;
}	
.row.last {
	margin-bottom:0;
}	
#info-items {
	float:left;
	}
#info-items img {
	border:#b9b9b9 2px solid;
	}
.info-title {
	display:block;
	font-weight:bold;
	margin:8px 0 2px 0;
	}
#info-items li {
	float:left;
	display:inline;
	width:149px;
	margin:0 19px 0 0;
	}
#info-items li.last {
	margin-right:0;
	}
#info-items p {
	font-size:1em;
	padding:0 0 0.2em 0;
	}
#intro {
	float:left;
	margin-top:19px;
	padding-bottom:0;
	line-height:1.6em;
	font-size:1.1em;
	width:474px;
	}
#intro img {
	float:left;
	margin:0 8px 0 0;
	border:#b9b9b9 2px solid;
	}
	
.formup   {
	border: none;
	margin-left: 80px;
}
	
#intro p {
	padding-bottom:0;
	}
.box {
	float:left;
	width:230px;
	margin-left:1px;
	font-size:1.1em;
	}
.newsletter {
	background:#594032 url(../images/box-bg.gif) no-repeat right bottom;
	margin-bottom:2em;

	}
.newsletter p {
	color:#fff;
	padding:9px 10px 9px 11px;
	clear:both;
	}
* html .newsletter p {
	padding-bottom:7px;
	}
.latest ul {
	float:left;
	display:inline;
	margin:10px 0 0 10px;
	padding-bottom:16px;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	width:210px;
	}
* html .latest ul {
	padding-bottom:13px;
	}
.latest ul li {
	display:block;
	float:left;
	padding-bottom:10px;
	}
.latest ul a {
	color:#fff;
	}
.latest ul img {
	float:left;
	margin-right:5px;
	}
.events-search p {
	color:#fff;
	padding:9px 10px 9px 11px;
	clear:both;
	}
.lnews-date {
	display:block;
	font-weight:normal;
	}
.arrow {
	padding-left:13px;
	width:170px;
	}
.content-holder,
#content-holder2 {
	float:left;
	width:100%;
	margin-top:22px;	
	}
.content-holder3 {
	float:left;
	width:100%;
	margin-top:0;
	line-height:1.8em;
	padding-bottom:2em;	
	}
body.contact .content-holder3 {
	line-height:1.7em;
	padding-bottom:3em;	
	}
.content-holder3 p {
	padding-bottom:1.4em;
	}
p {
	padding-bottom:1.4em;
	}
#content-holder2 {
	margin-top:17px;	
	line-height:1.9em;
	padding-bottom:2em;
	}
.content-holder .box {
	float:left;
	display:inline;	
	width:100%;
	line-height:1.6em;
	margin-bottom:36px;
	}
.box img {
	float:left;
	display:inline;	
	border:#b9b9b9 2px solid;
	margin-right:11px;
	}
body.arts .box {
	font-size:1.1em;
	}
.date {
	font-size:1.1em;
	font-weight:bold;
	display:block;
	margin:4px 0 2px 0;
	}
.calendar-holder {
	float:left;
	margin:7px 0 15px 0;
	padding-bottom:12px;
	border-bottom:#e2e2e2 1px solid;
	}
#dropdown {
	float:left;
	display:inline;
	margin:0 0 1.8em 10px;
	}
.find-event {
	width:161px;
	font-family:"Trebuchet MS",Tahoma,Arial,Helvetia,sans-serif;
	font-size:1em;
	color:#535353;
	float:left;
	padding:0;
	margin-right:5px;
	}
.view-events {
	display:block;
	width:80%;
	float:left;
	padding:0 0 1.8em 10px;
	}
.view-events a {
	color:#fff;
	padding-left:10px;
	background:url(../images/view-events-home.gif) no-repeat 0 4px;
	font-size:1em;
	}
.heading {
	height:2.7em;
	line-height:2.7em;
	margin-bottom:2px;
	}
.heading img {
	float:left;
	margin-right:7px;
	}
.access-box {
	width:100%;
	float:left;
	display:inline;
	margin:0.8em 0 0 0;
	clear:both;
	}
.list {
	width:232px;
	float:left;
	display:inline;
	margin:7px 0 20px 0;
	border-top:#e2dcd9 1px solid;
	}
.list li {
	width:220px;
	line-height:1.5em;
	padding:4px 0 4px 12px;
	border-bottom:#e2dcd9 1px solid;
	}
.list img {
	float:left;
	margin-bottom:3px;
	}
.glance-list {
	width:232px;
	float:left;
	display:inline;
	margin:7px 0 20px 0;
	border-top:#e2dcd9 1px solid;
	}
.glance-list li {
	width:200px;
	height:2.3em;
	line-height:2.3em;
	margin-left:12px;
	list-style-type:square;
	list-style-position:inside;
	}
.useful {
	width:232px;
	float:left;
	display:inline;
	margin:7px 0 0 0;
	border-top:#e2dcd9 1px solid;
	}
.useful ul {
	margin-top:8px;
	}
.useful ul li {
	width:220px;
	padding-left:12px;
	display:block;
	float:left;
	display:inline;
	margin-bottom:8px;
	}
.useful img {
	float:left;
	display:inline;
	border:#b9b9b9 2px solid;
	margin-right:8px;
	}
.list li a {
	display:block;
	}
.about-pic {
	margin-bottom:1.5em;
	border:#b9b9b9 2px solid;
	float:left;
	}
.about-pic img {
	float:left;
	}
.one-wide {
	width:741px;
	/*position:relative;*/
	}
.back {
	float:right;
	margin-top:-14px;
	display:block;
	width:78px;
	height:15px;
	}
.goback {
	font-weight:normal;
	color:#939393;
	}
.content-holder3 {
	float:left;
	display:inline;
	width:100%;
	}
.content-left {
	width:231px;
	float:left;
	display:inline;
	line-height:1.9em;
	}
.content-right {
	width:481px;
	float:left;
	display:inline;
	margin-left:19px;
	}
.opening-times {
	width:100%;
	float:left;
	margin:10px 0;
	}
.base-group {
	width:100%;
	float:left;
	display:inline;
	padding:1.5em 0 3em 0;
	}
.base-col {
	width:231px;
	float:left;
	display:inline;
	margin-right:19px;
	}
.base-col img {
	border:#b9b9b9 2px solid;
	margin-bottom:1em;
	}
.base-group .last {
	margin-right:0;
	}
#flash-specific {
	margin-top:22px;
	float:left;
	width:100%;
	}
body.museum.l3 .content-holder h3,body.photo-archive.l3 .content-holder h3 {
	margin-bottom:3px;
	}
.date-time {
	float:left;
	display:inline;
	width:483px;
	margin-top:23px;
	line-height:1.7em;
	position:relative;
	}
.date-time strong {
	color:#594032;
	}
#button {
	position:absolute;
	top:0;
	right:0;
	}	
#btn-inner {
	margin: 0;
	padding: 5px 0 0 0;
	background-color:#8e7161;
	}		
#btn-inner a {
	display: block;
	margin: 0;
	padding: 0 0 0 37px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	background: url(../images/buy-ticket.gif) no-repeat 10px center;
	cursor:pointer;
	}		
#btn-inner a:hover {
	color: #ddd5d0;
	}		
#btn-inner em {
	display: block;
	padding: 0 15px 5px 0;
	font-style: normal;
	}
.times h3 {
	padding-bottom:10px;
	margin-left:0;
	}
.times p {
	padding-bottom:15px;
	}
.news-date {
	display:block;
	padding-left:16px;
	margin-top:-2px;
	background: url(../images/icon_calendar.gif) no-repeat left center;
	}
.news-item ul {
	list-style-type:disc;
	list-style-position:inside;
	}
.news-item img {
	float:left;
	padding:7px 10px 4px 0;
	}
.news-archive-items li {
	width:485px;
	margin-bottom:2em;
	float:left;

	}
.news-archive-items li img {
	float:left;
	margin:3px 8px 0 0;
	}
.intro-txt {
	width:100%;
	float:left;
	margin:7px 0 2em 0;
	font-size:1.1em;
	line-height:1.6em;
	}
.intro-txt ol {
	padding-bottom:14px;
	list-style-position: inside;
	}
.classes-date,
.age-group,
.name {
	display:block;
	font-weight:bold;
	color:#979797;
	}
.name {
	color:#535353;
	}
.personnel {
	float:left;
	margin:0 0 8px 0;
	width:100%;
	}
.link-txt {
	display:block;
	}
#map {
	width:485px;
	height:281px;
	float:left;
	margin:0.5em 0 4em 0;
	}
.address {
	margin:5px 0 0 11px;
	line-height:1.7em;
	}
body.arts.l6 .box img {
	margin-top:2px;
	}
body.conference .content-holder .box {
	font-size:1em;
	}
.ispy,
.ispy2 {
	display:none;
	position:absolute;
	top:4px;
	right:159px;
	}
body.home .ispy,
body.arts .ispy,
body.museum .ispy2,body.photo-archive .ispy2  {
	display:block;
	}
#vv {
	float:left;
	clear:left;
	padding-top:26px;
	}
/*Sidebar Navigation
-----------------------------------------------------------------------------*/
#sidebar li {
	width:129px;
	height:16px;
	margin-bottom:10px;
	text-indent:-9999px;
	}
body.tourism #sidebar li a {
	width:120px;
	}
#sidebar li a {
	width:129px;
	height:16px;
	display:block;
	}
/*Newsletter Submit
-----------------------------------------------------------------------------*/
.newsletter fieldset {
	border:none;
	width:100%;
	}
.newsletter form p {
	float:left;
	}
	
.newsletter .f_input {
	float:left;
	width:144px;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#535353;
	margin-right:7px;
	border:0px none;
}
.submit {
	float:left;
	background-color:#e28632;
	border:0px none;
	color:#fff;
	font-size:1em;
	font-weight:bold;
	background:url(../images/submit.gif) no-repeat 0 0;
	}
.unsubscribe {
	display:block;
	margin-bottom:0.8em;
	padding-bottom:1.8em;
	background:url(../images/arrow-brown.gif) no-repeat left 1px;
	padding-left:13px;
	float:left;
	}
* html .unsubscribe {
	margin-top:-10px;
	}
.unsubscribe a {
	color:#fff;
	}
/*Footer
-----------------------------------------------------------------------------*/
#footer {
	position:relative;
	clear:both;
	width:886px;
	margin:2em auto 0 auto;
	height:7.8em;
	background-color:#fff;
	border-top:#e2dcd9 1px solid;
	font-size:1.1em;
	}
body.home #footer {
	margin:0 auto;
	}
#footer ul {	
	float:left;
	display:inline;
	margin-left:73px;
	}
#footer ul li {	
	float:left;
	background:#fff url(../images/separator.gif) no-repeat left center;
	}
#footer .first {	
	background:none;
	}
#footer ul li {	
	padding:0 0.7em;
	}
#footer ul li,
#footer ul li a {	
	float:left;
	display:block;
	height:3em;
	line-height:3em;
	color:#a0a0a0;
	font-weight:normal;
	}
#footer img {	
	float:left;
	}
.eyekiller {
	float:right;
	display:inline;
	margin:6px 9px 0 0;
	font-size:1.1em;
}
.eyekiller a {
	font-weight:normal;
	color:#c5c5c5;
}
/* Enquiry Form
-----------------------------------------------------------------------------*/
#form-wrapper {
	width:485px;
	float:left;
	margin-top:13px;
}
#enquiry_form {
  	font-size: 1.1em;
	width: 485px;
}
fieldset {
	margin: 0;
	width:485px;
	}
.content-holder2 #form-wrapper p {
	padding:0.3em 0;
	margin:0;
	line-height:2em;
	clear:both;
	overflow:hidden;
	}
#enquiry_form label {
	float: left;
	width: 77px;
	font-weight:bold;
	}
body.museum #enquiry_form label,body.photo-archive #enquiry_form label {
	width: 143px;
	}
body.museum.l7 .f_input,
body.photo-archive.l7 .f_input,
body.museum.l7 textarea,
body.photo-archive.l7 textarea {
	width:330px;
	}
body.museum #form-wrapper,body.photo-archive #form-wrapper {
	margin-bottom:3em;
	}
body.museum .submit2,body.photo-archive .submit2 {
	margin-right:0;
	}
.further-info {
	margin-bottom:3em;
	}
.f_input {
	width:388px;
	padding:5px;
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#535353;
	border: 1px solid #999;
	float:left;
	}
.submit2 {
	float:right;
	margin-right:8px;/* needed to stop image touching p tag. Causes overflow scrollbar to show on mousedown*/
	}
input:focus, textarea:focus {
	background: #ffc;
	}
textarea {
	width: 388px;
	height: 100px;
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#535353;
	padding:5px;
	border: 1px solid #999;
	float:left;
	}
#errormsg {
	border:2px solid #c00;
	padding:5px;
	width:20em;
		}    
.error	{
	color:#fff;
	display:block;
	line-height:22px;
	background:url(../images/error.gif) no-repeat left center;
	padding-left:26px;
	}
/*Bookmark
-----------------------------------------------------------------------------*/
#bookmark {
	list-style: none;
	margin: 20px 0 0 0;
	padding-bottom: 0;
	vertical-align: top;
	width: 185px;
	font-size:0.9em;
	line-height:1.9em;
	}
#bookmark ul {
	display: block;
	list-style: none;
	margin: 1px 0 0 10px;
	padding: 0 6px;
	width: 162px;
	background-color:#fff;
	}
#bookmark ul.hide {
	display: none;
	}
#bookmark a {
	color: #fff;
	cursor: pointer;
	display: block;
	margin-left: 0;
	padding:0 2px 0 26px;
	width: 195px;
	line-height:19px;
	}
#bookmark a.highlight {
	color:#fff;
}
#bookmark .last {
	background:none;
	}
#bookmark a.expanded {
	background:url(../images/share.gif) no-repeat left -19px;
	}
#bookmark a.collapsed {
	background:url(../images/share.gif) no-repeat left top;
	}
#bookmark a:hover {
	text-decoration: none;
	}
#bookmark ul a {
	color: #e28632;
	display: block;
	font-weight: normal;
	padding: 2px 2px 3px 31px;
	width: 140px;
	font-weight:bold;
	font-size:1.1em;	
	background:#fff url(../images/bookmark-icons.gif) no-repeat left top;
	}
#bookmark ul a:hover {
	text-decoration:underline;
	}
#bookmark li {
	background:#fff url(../images/bookmark-list-border.gif) repeat-x left bottom;
	width:163px;
	padding:0 0 1px 0;
	}	
* html #bookmark a {
	width: 195px;
	}	
* html #bookmark ul a {
	padding: 2px 2px 3px 29px;
	width: 130px;	
	margin-bottom:1px;
	}	
* html #bookmark li {
	width:123px;
	padding:0;
	}
#bookmark ul li.stumble a {
	background-position:left 4px;
	}
#bookmark ul li.digg a {
	background-position:left -35px;
	}
#bookmark ul li.reddit a {
	background-position:left -76px;
	}
#bookmark ul li.delicious a {
	background-position:left -117px;
	}
#bookmark ul li.facebook a {
	background-position:left -157px;
	}
#bookmark ul li.furl a {
	background-position:left -196px;
	}
#bookmark ul li.technorati a {
	background-position:left -236px;
	}
/* Navigation
-----------------------------------------------------------------------------*/
#header ul#main-nav {
	z-index: 1000;
	float: left;
	height: 31px;
	margin: 0;
	padding: 0;
	list-style: none;	
	position:absolute;
	bottom:0;
	right:-1px;
	}
* html #header ul#main-nav {
	bottom:-1px;
	}
#header ul#main-nav li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 17px;
	background: #8e7161;
	margin-right:1px;
	z-index: 150000;
	}
#header ul#main-nav li a {
	height: 23px;
	display: block;
	padding: 8px 0 0 0;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	text-indent:-9999px;
	font-weight:normal;
	z-index: 150000;
	}
#header ul#main-nav li ul li a {text-indent:0;}
#home a {width:68px;}/* sets widths of main nav */
#museum a {width:83px;}
#arts a {width:112px;}
#tourism a {width:89px;}
#conference a {width:117px;}
#contact a {width:88px;}
/*navigation home*/
#header ul#main-nav li#home a {
	background:url(../images/nav.gif) no-repeat 0 0;
	}
#header ul#main-nav li#home ul li a:hover {
	background:#735849;
	}
#header ul#main-nav li#home:hover a,
#header ul#main-nav li#home.sfhover a,
#header ul#main-nav li#home a:hover {/*main nav colour when hovering over sub nav item*/
	background:url(../images/nav.gif) no-repeat 0 -32px;	
	}
#header ul#main-nav li#home:hover li a,
#header ul#main-nav li#home.sfhover li a{
	background:#8e7161;/*stops main nav images showing in nested list*/
	}	
body.home #header #main-nav li#home a {
	background-position:0 -64px;
	}
/*navigation museum*/
#header ul#main-nav li#museum a {
	background:url(../images/nav.gif) no-repeat -68px 0;
	}
#header ul#main-nav li#museum ul li a:hover {
	background:#735849;
	}
#header ul#main-nav li#museum:hover a,
#header ul#main-nav li#museum.sfhover a,
#header ul#main-nav li#museum a:hover {/*main nav colour when hovering over sub nav item*/
	background:url(../images/nav.gif) no-repeat -68px -32px;	
	}
#header ul#main-nav li#museum:hover li a,
#header ul#main-nav li#museum.sfhover li a{
	background:#8e7161;/*stops main nav images showing in nested list*/
	}	
body.museum #header #main-nav li#museum a,body.photo-archive #header #main-nav li#museum a  {
	background-position:-68px -64px;
	}
/*navigation arts*/
#header ul#main-nav li#arts a {
	background:url(../images/nav.gif) no-repeat -151px 0;
	}
#header ul#main-nav li#arts ul li a:hover {
	background:#735849;
	}
#header ul#main-nav li#arts:hover a,
#header ul#main-nav li#arts.sfhover a,
#header ul#main-nav li#arts a:hover {/*main nav colour when hovering over sub nav item*/
	background:url(../images/nav.gif) no-repeat -151px -32px;	
	}
#header ul#main-nav li#arts:hover li a,
#header ul#main-nav li#arts.sfhover li a{
	background:#8e7161;/*stops main nav images showing in nested list*/
	}	
body.arts #header #main-nav li#arts a {
	background-position:-151px -64px;
	}
/*navigation tourism*/
#header ul#main-nav li#tourism a {
	background:url(../images/nav.gif) no-repeat -263px 0;
	}
#header ul#main-nav li#tourism ul li a:hover {
	background:#735849;
	}
#header ul#main-nav li#tourism:hover a,
#header ul#main-nav li#tourism.sfhover a,
#header ul#main-nav li#tourism a:hover {/*main nav colour when hovering over sub nav item*/
	background:url(../images/nav.gif) no-repeat -263px -32px;	
	}
#header ul#main-nav li#tourism:hover li a,
#header ul#main-nav li#tourism.sfhover li a{
	background:#8e7161;/*stops main nav images showing in nested list*/
	}	
body.tourism #header #main-nav li#tourism a {
	background-position:-263px -64px;
	}	
/*navigation conference*/
#header ul#main-nav li#conference a {
	background:url(../images/nav.gif) no-repeat -350px 0;
	}
#header ul#main-nav li#conference ul li a:hover {
	background:#735849;
	}
#header ul#main-nav li#conference:hover a,
#header ul#main-nav li#conference.sfhover a,
#header ul#main-nav li#conference a:hover {/*main nav colour when hovering over sub nav item*/
	background:url(../images/nav.gif) no-repeat -350px -32px;	
	}
#header ul#main-nav li#conference:hover li a,
#header ul#main-nav li#conference.sfhover li a{
	background:#8e7161;/*stops main nav images showing in nested list*/
	}	
body.conference #header #main-nav li#conference a {
	background-position:-350px -64px;
	}	
/*navigation contact*/
#header ul#main-nav li#contact a {
	background:url(../images/nav.gif) no-repeat -467px 0;
	}
#header ul#main-nav li#contact ul li a:hover {
	background:#735849;
	}
#header ul#main-nav li#contact:hover a,
#header ul#main-nav li#contact.sfhover a,
#header ul#main-nav li#contact a:hover {/*main nav colour when hovering over sub nav item*/
	background:url(../images/nav.gif) no-repeat -467px -32px;	
	}
#header ul#main-nav li#contact:hover li a,
#header ul#main-nav li#contact.sfhover li a{
	background:#8e7161;/*stops main nav images showing in nested list*/
	}	
body.contact #header #main-nav li#contact a {
	background-position:-467px -64px;
	}	
/* Suckerfish dropdowns
-----------------------------------------------------------------------------*/
#header ul#main-nav li ul { /* second-level lists */
	z-index: 150000;
	clear: left;
	position: absolute;
	width: 150px;
	left: -9999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0;
	padding: 0;
	list-style: none;	
	border-top:#e2dcd9 1px solid;	
	}
#header ul#main-nav li:hover ul ul, #header ul#main-nav li.sfhover ul ul {
	left: -9999em;	
	}
#header ul#main-nav li:hover ul, 
#header ul#main-nav li li:hover ul, 
#header ul#main-nav li.sfhover ul, 
#header ul#main-nav li li.sfhover ul {/* lists nested under hovered list items */
	left:0;
	left: auto;
	background: none;
	}
	
#header ul#main-nav li#contact:hover ul, 
#header ul#main-nav li li:hover ul, 
#header ul#main-nav li#contact.sfhover ul, 
#header ul#main-nav li#contact li.sfhover ul {/* lists nested under hovered list items */
	left:0;
	left: auto;
	background: none;
	left:-63px;
	}
	
#header ul#main-nav li ul li {
	width: 150px;
	height: auto;
	text-transform: none;
	font-size: 11px;
	line-height: 11px;
	padding:0;
	background: none;
	}
#header ul#main-nav li ul li a,
#header ul#main-nav li:hover ul li a,
#header ul#main-nav li.sfhover ul li a {/* width of nested list hovered items */
	width: 135px;
	height: auto;
	padding: 10px 8px;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #fff;
	background: #8e7161;
	}
#header ul#main-nav li ul li:hover a {
	background: #4c4c4c url(/sitewide/images/u/comnav-arrowover.gif) no-repeat 100% 50%;
	}
#header ul#main-nav li ul li a:hover {
	height: auto;
	background: #735849;/* nested list hover */
	}	
body.home #header #main-nav li#home ul li.selected a,
body.museum #header #main-nav li#museum ul li.selected a,
body.photo-archive #header #main-nav li#museum ul li.selected a,
body.arts #header #main-nav li#arts ul li.selected a,
body.tourism #header #main-nav li#tourism ul li.selected a,
body.conference #header #main-nav li#conference ul li.selected a {
	background-color: #594032;
}		
/*Lightbox
-----------------------------------------------------------------------------*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 16000000;
	text-align: center;
	line-height: 0;
	}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{
	padding: 10px;
	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}			
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 150000;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/*Site Map
-----------------------------------------------------------------------------*/
.nav {
	margin:30px 0 40px 0;
	padding:0;
	float:left;
	display:inline;
	}
.nav ul {
	width:200px;
	}
.nav ul li {
	background: url(../images/sitemap-bg.gif) no-repeat 20px 9px;
	}
.nav ul li a {
	background-color:#fff;
	padding-right:5px;
	}
.nav ul ul li {
	line-height:2em;
	border:#ccc 1px solid;
	margin-bottom:3px;
	padding:3px;
	background:none;
	}
.nav ul li ul { 
	margin:4px 0 20px 60px;
	}

/*Changed sidebar menu 19-06-08*/
#home-links,
#museum-links,
#arts-links,
#tourism-links,
#conference-links,
#contact-links
 {
	display:none;
	}
body.home #home-links,
body.museum #museum-links,
body.museum #photo-links,
body.photo-archive #museum-links,
body.arts #arts-links,
body.tourism #tourism-links,
body.conference #conference-links,
body.contact #contact-links {
	display:block;
	}
#tourism-links2 li a {
	color:#8e7161;
	padding-left:21px;
	background:url(../images/link-arrow.gif) no-repeat left center;
	font-size:1.1em;
	}
#tourism-links2 li  {
	font-size:1.1em;
	line-height:1.6em;
	margin-bottom:1.4em;
	}
#tourism-links2 {
	margin-bottom:5em;
	}	
/*Calendar
-----------------------------------------------------------------------------*/	
#Calendar1 
{
	width:230px;
	border:none;
}
.TitleStyle tbody tr td 
{
	border-bottom:#e2e2e2 1px solid;
	border-top:#e2e2e2 1px solid;
	background-color:#fff;
}
.NextPrevStyle 
{
	height:30px;
}
.DayHeaderStyle 
{
	color:#8d8d8d;	
	padding:6px 0;
	font-size:1.1em;
}
.DayStyle,
.OtherMonthDay,
.WeekendDayStyle
{
	color:#8d8d8d;	
	font-weight:normal;
	background-color:#f0f0f0;
	padding:4px;
	margin:1px;
	border-bottom:#fff 1px solid;
	border-right:#fff 1px solid;
}
.DayStyle a,
.OtherMonthDay a,
.WeekendDayStyle a
{
	color:#8e8e8e;	
	font-weight:normal;
}
.SelectedDayStyle {
	color:#fff;	
	font-weight:bold;
	background-color:#e28632;
	}
body.contact .content-holder2 {
	line-height:1.8em;
	margin-bottom:1em;
	}
#subscribe1_ImageButton1 {
	float:left;
	}
/*Multibox
-----------------------------------------------------------------------------*/
#MultiBoxContentContainer {
	min-height:30px;
	overflow:hidden;
}
.MultiBoxContainer {
	position: absolute;
	border: 10px solid #8e7161;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align:left;
	height:760px;
}

.MultiBoxLoading {
	background: url(../images/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../images/closemb.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
	display:none;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(../images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}
.multiBoxDesc {clear:both;}
table table,
#Calendar1 {
	margin-left:0;
}
/*Genealogy
-----------------------------------------------------------------------------*/
body.genealogy .one {	
	width:504px;
	}
body.genealogy .two {	
	margin-left:0;
	}
body.genealogy .box img {	
	float:left;
	}
#search-form {
	float:left;
	width:488px;
	background-color:#8e7161;
	padding:8px;
	}
body.genealogy .content-holder .box {	
	width:488px;
	}
#searchresultsTable {
		float:left;
		clear:left;
  	border-collapse: collapse;
  	width: 100%;
	font-size:1.1em;
	color:#424242;
	margin:10px 0 50px 0;
	}
#searchresultsTable th {
  	font-weight: normal;
  	text-align: left;
	border-top: 1px solid #e2dcd9;
  	border-bottom: 1px solid #e2dcd9;
	}
#searchresultsTable th, 
#searchresultsTable td {
  	padding: 0.5em 0.7em; 
	}
#searchresultsTable .odd {
  	background-color:#d3d3d3;
	}
#searchresultsTable tr:hover {
  	background-color:#535353;
  	color: #fff;
	}
#searchresultsTable tr:hover .name {
  	color: #fff;
	}
#searchresultsTable thead tr:hover {
  	background-color: transparent;
  	color: inherit;
	}
.name {
	font-weight:bold;
	}
.box-left,
.box-right {
	float:left;
	height:40px;
	margin-bottom:10px;
	}
.box-left,
.box-right {
	float:left;
	display:inline;
	height:40px;
	}
.box-left {
	width:250px;
	}
.box-right {
	width:215px;
	margin-left:11px
	}
.a_input {
	width:226px;
	padding:2px;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#6d6a6a;
	border: 1px solid #999;
	}
#search-form img {	
	margin-bottom:12px;
	}
#search-form label {
	color:#fff;
	width:100%;
	float:left;
	margin-top:-1px;
	padding-bottom:3px;
	}
#search-form select {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#6d6a6a;
	float:left;
	margin-right:3px;
	}
#cemetary {
	padding:1px;
	width:227px;
	}
.h2title {
	clear:both;
	}
.results {
	margin-top:30px;
	}
.s_one {
	width:40px;
	}
.s_two {
	width:89px;
	}
.s_three {
	width:56px;
	}
* html .two { 
	width:237px;
	margin-left:0;
	float:right;
	}
/*Podcasts
-----------------------------------------------------------------------------*/
.podcast-row {
	float:left;
	width:496px;
	padding:15px 0 0 0;
	margin-bottom:18px;
	}
.podcast-base {
	float:left;
	}
.podcast {
	float:left;
	width:237px;
	line-height:1.5em;	
	margin-right:11px;
	display:inline;
	}
.podcast h3 {
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:4px;
	}
.podcast img {
	border:#B9B9B9 2px solid;
	float:left;
	margin-bottom:11px;
	}
.podcast-content, 
.podcast-details {
	float:left;
	width:221px;
	padding:0 8px;
	}
.podcast-content {
	min-height:90px;
	height:auto !important;
	height:90px;
	}
.podcast-details ul {
	float:left;
	width:100px;
	}
.dload {
	margin-top:0;
	border:none;
	float:right;
	text-indent:-99999px;
	width:27px;
	height:27px;
	background: url(../images/download.gif) no-repeat 0 0;
	}
.dload:hover {
	background-position: 0 -27px;
	}
.col.two3 {
	width:237px;
	margin:30px 0 0 4px;
	}
.one1 {
	width:496px;
	}
.subscribe-feed a {
	float:left;
	text-indent:-99999px;
	width:207px;
	height:30px;
	margin:10px 0 0 11px;
	background: url(../images/subscribe-feed.gif) no-repeat 0 0;
	}
.subscribe-feed a:hover {
	background-position: 0 -30px;
	}
.newsletter2 {
	padding-bottom:20px;
	}
.s_input {
	width:203px;
	border:0 none;
	margin:10px 0 20px 11px;
	padding:2px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	color:#535353;
	}
.newsletter2 {
	background:#594032 url(../images/box-bg.gif) no-repeat right bottom;
	margin-top:10px;
	}
.newsletter2 p {
	clear:both;
	color:#FFFFFF;
	padding:9px 10px 9px 11px;
	}
/*Arts Partnership
-----------------------------------------------------------------------------*/
.intro-txt.pad {
	padding-top:6px;
}
.people {
	float:left;
	width:485px;
	margin:17px 0;
}
.people .row {
	float:left;
	width:485px;
	margin-top:12px;
}
.person {
	float:left;
	width:149px;
}
.person-wrap {
	float:left;
	width:149px;
	margin-right:19px;
}
.person-wrap.end {
	margin-right:0;
}
.person img {
	float:left;
}
.person a {
	display:block;
	float:left;
	width:145px;
	height:165px;
	margin-bottom:8px;
	overflow:hidden;
	border:2px solid #B9B9B9;
}
.person a:hover {
	border-color:#9d9d9d;
}
body.l10 .h3title {
	overflow:hidden;
	height:23px;
}
body.l10 .two {
	margin-top:40px;
}
.person-txt {
	display:none;
}

/*Photo Archive March 2011
------------------------------------------*/
.search-box{
	width:740px;
	height:75px;
	float:left;
	margin:33px 0 30px 0;
	background:#8e7161;
	clear:both;
}
.search-form{
	margin:20px 0 0 10px;
}
h2.search-title{
	width:219px;
	height:14px;
	float:left;
	margin:23px 0 3px 18px;
	background:url(../images/photo-archive-search-title.gif) no-repeat 0 0;
	text-indent:-9999px;
	color:#FFF;
}
* html h2.search-title{
	margin-left:9px;
}

.example{
	float:left;
	margin-left:18px;
	color:#e4cdc0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	clear:left;
}

fieldset{
	display:inline;
	margin:20px 0 0 18px;
}

.search-box input.photo-search-input{
	width:377px;
	height:24px;
	border:none;
	marign:10px 0 0 0;
	padding:5px;
	display:block;
	float:left;
}

input.search-submit{
	width:75px;
	height:34px;
	border:none;
	text-indent:-9999px;
	float:right;
	display:inline;
	margin:0 15px 0 0;
	background:url(../images/photo-search.gif) no-repeat 0 0;
}

.CategoriesLists{
	margin:26px 0;
	float:left;
	clear:left;
}

.CategoriesLists ul{
	float:left;
	display:inline;
	width:220px;
	margin:0 40px 0 0;
}

* html .CategoriesLists ul{
	margin:0 10px 0 0;
}


ul.CategoryRight{
	margin:0;
	float:right;
}

.CategoriesLists ul li{
	width:220px;
	height:33px;
	display:block;
	background:url(../images/categories-li.gif) no-repeat 0 0;
	margin:-1px 0 0 0;
}

.CategoriesLists ul li a{
	line-height:33px;
	color:#535353;
	padding-left:21px;
}

.photo-archive-img{
	margin:0;
}

.CategorySpecific{
	width:780px;
	margin:0 0 167px 0;
	float:left;
}

body.photo-archive #top{
	width:740px;
	overflow:hidden;
}

.CategorySpecific li{
	width:164px;
	height:260px;
	display:inline;
	float:left;
	margin:0 27px 30px 0;
}
* html .CategorySpecific li{
	margin-right:18px;
	width:166px;
	min-height:194px;
	overflow:hidden;
}

.CategorySpecific li a{
	width:164px;
	min-height:164px;
	display:block;
}
.CategorySpecific li a span.image-title{
	float:left;
	color:#535353;
	margin:12px 0 0 0;
}
.CategorySpecific li a span.ref-number{
	float:left;
	color:#802c87;
	margin:0;
	clear:both;
	display:block;
	font-size:11px;
}
.CategorySpecific li a .img{
	width:164px;
	_height:164px;
	float:left;
	display:block;
	clear:both;
	_overflow:hidden;
	height:250px;
	overflow:hidden;
}
.CategorySpecific li a img{
	width:164px;
	border:1px solid #b9b9b9;
	overflow:hidden;
	float:left;
	background:url("../images/image-unavailable.gif") no-repeat 0 0;
}

.main-photo-wrap{
	width:472px;
	float:left;
	display:inline;
}

h2.photo-title{
	color:#535353;
	font-size:17px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:0 0 10px 0;
}
span.photo-reference-number{
	clear:left;
	display:block;
	font-style:italic;
	font-size:14px;
	color:#802c87;
	margin:0 0 10px 0;
}

.main-photo-wrap .main-photo{
	width:472px;
	border:1px solid #b9b9b9;
}

.extra-info{
	width:472px;
	margin:30px 0;
}

.extra-info .section{
	width:462px;
	height:35px;
	line-height:35px;
	margin:2px 0;
	padding:0 0 0 12px;
	background:#aca099;
	color:#FFF;
}
.extra-info .section:hover{
	cursor:pointer;
}

.extra-info .section span{
	background:url(../images/details-arrow.gif) no-repeat right 6px;
	padding-right:20px;
}

.extra-info .current-section{
	background:#837065;
}

.extra-info .section-detail{
	width:450px;
	padding:12px;
	background:#e2dcd9;
	color:#535353;
	margin:1px 0;
	line-height:19px;
}

.photo-sidebar{
	width:240px;
	float:right;
	display:inline;
}

.photo-sidebar .order-form{
	width:216px;
	height:30px;
	display:block;
	background:url(../images/purchase-link.gif) no-repeat 0 0;
	text-indent:-9999px;
}

.more-info{
	width:251px;
	height:30px;
	display:block;
	background:url(../images/more-photo-info.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin:10px 0 0 0;
}

h3.keywords-list{
	width:240px;
	height:34px;
	margin:20px 0 10px 0;
	line-height:34px;
	background:url(../images/li-border-bottom.gif) repeat-x bottom;
}
.keywords{
	font-size:13px;
	font-style:italic;
}
.back-link{
	float:right;
	display:block;
	margin-top:-40px;
	font-size:14px;
	font-weight:normal;
}

.share{
	margin: 0;
}

.share a{
	width:169px;
	height:19px;
	display:block;
	background:url(../images/share-this-bg.gif) no-repeat;
	line-height:19px;
	color:#FFF;
	padding-left:26px;
}



/*Photo archive updates
----------------------------------------------*/

.form-wrapper{
	width:500px;
	height:550px;
	float:left;
}
.form-wrapper p label,.form-wrapper p span{
	float:left;
	font-size:12px;
	line-height:24px;
}
form{
	margin:0;
	padding:0;
}
.form-wrapper p input.f_input{
	height:18px;
	padding:5px;
	border:1px solid #535353;
	clear:left;
	display:block;
	color:#535353;
}
#AddressTextBox{
	width:463px !important;
}
span.f_right{
	float:left;
	margin-left:10px;
}
input.input_left,input.input_right{
	width:220px;
	height:18px;
	padding:5px;
	border:1px solid #535353;
	display:inline;
	float:left;
}
.form-wrapper p textarea{
	width:463px;
	padding:5px;
	border:1px solid #535353;
	resize:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#535353;
}

fieldset{
	border:none;
	margin:0;
	padding:0;
}

.form-wrapper p .submit{
	width:91px;
	height:26px;
	display:block;
	border:none;
	background:url(../images/btn-enquiry.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin:10px 0 0 0;
}

.form-wrapper p .submit:focus{
	background:url(../images/btn-enquiry.gif) no-repeat 0 0;
}

.form-wrapper .photo-title{
	width:463px;
	padding:10px;
	background:#802c87;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	margin:0 0 10px 7px;
}

.form-wrapper .photo-title span{
	display:block;
	font-style:italic;
	font-weight:normal;
	font-size:12px;
}
.form-wrapper .section-title{
	font-size:14px;
	font-weight:normal;
	color:#535353;
	line-height:10px;	
}

.form-wrapper ul{
	float:left;
	list-style-type:none;
	margin:5px 0 0 0;
	padding:0;
}
.form-wrapper ul li{
	margin:7px 7px 7px 0;
	float:left;
	display:inline;
}
.form-wrapper ul li.print-last{
	width:200px;
}
.form-wrapper ul li label{
	padding:0 12px 0 5px;
	font-size:12px;
}

.f_left,.f_right{
    float:left;
    display:inline;
    width:220px;
}
.f_left{
	margin-right:10px;
}
.f_left input,.f_right input{
	width:220px;
    height:18px;
	padding:5px;
	border:1px solid #535353;
}
.form-wrapper p .submit-info{
	width:91px;
	height:26px;
	display:block;
	float:left;
	clear:left;
	border:none;
	background:url(../images/btn-info.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin:10px 0 0 0;
}
.form-wrapper .error{
	color:#802C87;
}
ul.pages{
	padding-bottom:30px;
	float:left;
}
ul.pages li{
	float:left;
	display:inline;
	font-size:14px;
	margin-right:3px;
}
ul.pages li.current{
	color:#67217A;
}
.main-photo-wrap #bookmark{
	margin-bottom:20px;
}
body.photo-archive #sidebar li#photo-archive-link a {
	background: url("../images/nav-museum.gif") no-repeat -129px -142px;
}
.pricing-table td{
	padding:10px;
	border:1px solid #CCC;
}
