/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */

body{
	margin:0;
	color:#808080;
	font:12px/18px Arial, Helvetica, sans-serif;
	background:#fff url('../images/bg-body.gif') repeat-x;
}
img{
	border:0;
	display:block;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form,
fieldset{
	margin:0;
	padding:0;
	border:0;
}

#tabledata tr td{
	vertical-align:top;
}

#tabledata tr{
	vertical-align:top;
}

/* -- START OF MY FORM STUFF (CFH) -- */

form fieldset #FirstName input{
	width:150px;
	margin-bottom:15px;
}
form fieldset #Surname input{
	width:150px;
	margin-bottom:15px;
}
form fieldset #Email input{
	width:200px;
	margin-bottom:15px;
}

form fieldset #Message textarea{
	width:380px;
	height:180px;
	margin-bottom:15px;
}

#SignupForm label{
	display:block;
	width:200px;
}
#ContactForm label{
	display:block;
	width:200px;
}

.Actions{
	padding-bottom:20px;
	margin-bottom:20px;
	margin-top:10px;
}

#MuseumFinder{
	display:block;
	width:280px;
	height:190px;
	background-color:#FFD400;
	padding: 10px 10px 0px 10px;
	margin: 0px 10px 10px 0px;
	font-weight:bold;
	color:#000000;
}
#MuseumFinder label{
	display:block;
	width:90px;
	float:left;
	font-weight:bold;
	color:#000000;
}
#MuseumFinder #MuseumType{
	display:block;
	padding-bottom:10px;
}
#MuseumFinder #Keyword{
	display:block;
	padding-bottom:10px;
}
#MuseumFinder #County{
	display:block;
	padding-bottom:10px;
}

#museum-col1{
	display:block;
	width:120px;
	float:left;
}
#museum-col2{
	display:block;
	width:420px;
}

#museum-row2-col1{
	display:block;
	width:120px;
	float:left;
}
#museum-row2-col2{
	display:block;
	width:420px;
}

#ServiceFinder{
	display:block;
	width:280px;
	height:190px;
	background-color:#BBBBBB;
	padding: 10px 10px 0px 10px;
	margin: 0px 10px 10px 0px;
	font-weight:bold;
	color:#000000;
}
#ServiceFinder label{
	display:block;
	width:90px;
	float:left;
	font-weight:bold;
	color:#000000;
}
#ServiceFinder #IMAStatus{
	display:block;
	padding-bottom:10px;
}
#ServiceFinder #Keyword{
	display:block;
	padding-bottom:10px;
}
#ServiceFinder #Category{
	display:block;
	padding-bottom:10px;
}

#PublicationFinder{
	display:block;
	width:280px;
	height:220px;
	background-color:#BBBBBB;
	padding: 10px 10px 0px 10px;
	margin: 0px 10px 10px 0px;
	font-weight:bold;
	color:#000000;
}

#PublicationFinder label{
	display:block;
	width:90px;
	float:left;
	font-weight:bold;
	color:#000000;
}
#PublicationFinder #Title{
	display:block;
	padding-bottom:10px;
}
#PublicationFinder #Author{
	display:block;
	padding-bottom:10px;
}
#PublicationFinder #Year{
	display:block;
	padding-bottom:10px;
}
#PublicationFinder #Keyword1{
	display:block;
	padding-bottom:10px;
}

#ContactForm label{
	display:block;
	width:90px;
	float:left;
	font-weight:bold;
	color:#000000;
}
#ContactForm #Email{
	display:block;
	padding-bottom:10px;
}
#ContactForm #Message{
	display:block;
	padding-bottom:10px;
}
#ContactForm #Message textarea{
	width:340px;

}
#ContactForm_ContactForm_action_ContactAction{
	float:right;
	padding-right:40px;
	margin-right:40px;

}

#CampaignMon label{
	display:block;
	width:140px;
	float:left;
	font-weight:bold;
	color:#000000;
}
#CampaignMon input{
	display:block;
	padding-bottom:1px;
}
#CampaignMon select{
	width:150px;
	display:block;
	padding-bottom:1px;
}
#CampaignMon .sub{
	float:right;
	padding-right:180px;
	margin-right:180px;
}

p.museum-page{
	display:block;
	clear:both;
}
#map{
	display:block;
}
/* -- END OF MY FORM STUFF (CFH) -- */

#wrapper{
	width:802px;
	margin:0;
	min-height:680px;
}
#header{
	width:802px;
	overflow:hidden;
	margin:0 0 33px;
}
.top-nav{
	width:100%;
	overflow:hidden;
	padding:3px 0 41px;
}
.top-nav ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.top-nav ul li{
	background:none;
	float:left;
	margin:0 0 0 4px;
}
.top-nav ul li a{
	font-size:10px;
	color:#666;
}
.mail{
	background:url('../images/ico-mail.gif') no-repeat 100% 3px;
	padding:0 20px 0 0;
}
.logo{
	float:left;
	width:61px;
	margin:0 0 0 30px;
}
.logo a{
	display:block;
	height:61px;
	overflow:hidden;
	text-indent:-9999px;
	background:url('../images/logo.gif') no-repeat;
}
#nav{
	margin:0;
	padding:11px 14px 0 0;
	list-style:none;
	overflow:hidden;
	height:1%;
	float:right;
}
#nav li{
	float:left;
	background:url('../images/separator-nav.gif') no-repeat;
	padding:9px 18px 8px 23px;
	margin:0 0 0 -23px;
}
#nav li a{
	font-size:14px;
	font-weight:bold;
	color:#231f20;
	position:relative;
}
#nav li a:hover{
	font-size:14px;
	font-weight:bold;
	color:#231f20;
	position:relative;
}
.menu{
	width:776px;
	margin:0 -1px 25px 0;
	overflow:hidden;
	padding:0 0 0 27px;
}
.menu .block{
	width:192px;
	margin:0 2px 0 0;
	float:left;
}
.search-form{
	height:52px;
	padding:23px 0 0 9px;
	background:url('../images/bg-search.gif') no-repeat;
	overflow:hidden;
}
.inner .search-form {
	background:url('../images/bg-in-search.gif') no-repeat;
	padding:23px 2px 0 9px;
	height:52px;
	overflow:hidden;
}
.search-form .text{
	background:none;
	width:140px;
	border:none;
	padding:4px 5px 6px;
	font-size:10px;
	color:#666;
	float:left;
	margin:0 6px 0 0;
}
.inner .search-form .text {
	width:114px;
	padding:4px 5px 6px;
	margin:0 6px 0 0;

}
inner .search-form .image{
	float:left;
	width:18px;
	height:18px;
	margin:0px 0 0;
}


.search-form .image{
	float:left;
	width:18px;
	height:18px;
	margin:3px 0 0;
}

.blurb a.btn{
	background:url('../images/btn_arrow.gif') no-repeat 100% 0;
	padding:0 15px 0px 0px;
	
}


.ttls{
	width:163px;
	height:24px;
	display:block;
	padding:2px 0 0 29px;
	line-height:24px;
	font-size:10px;
	text-transform:uppercase;
	color:#fff;
}
.inner .ttls {
	width:142px;
	padding:5px 0 0 22px;
	font-size:10px;
	text-transform:uppercase;
	color:#fff;
}
.ttls a{
	font-size:10px;
	text-transform:uppercase;
	color:#fff;
	line-height:24px;
}
.finder .ttls{
	background:#ffd400 url('../images/arrow-finder.gif') no-repeat 7px 6px;
}
.finder .ttls a{
	color:#000;
}
.matter .ttls{
	background:#533916 url('../images/arrow-matter.gif') no-repeat 7px 6px;
}
.events .ttls{
	background:#ab2a50 url('../images/arrow-events.gif') no-repeat 7px 6px;
}
.search .ttls{
	background:#5591ae url('../images/arrow-search.gif') no-repeat 7px 6px;
}
.inner .search .ttls{
	background:#5591ae url('../images/arrow-search.gif') no-repeat 2px 7px;
}
.inner .block search .ttls{
	background:#5591ae url('../images/arrow-search.gif') no-repeat 2px 7px;
}
.promo-block{
	height:1%;
	overflow:hidden;
	padding:0 0 0 34px;
}
.promo-block .main-img{
	margin:0 0 26px 28px;
	float:right;
}
.about-museum {
	font-size:14px;
	color:#666;
	line-height:20px;
	display:block;
}
#main {
	overflow:hidden;
	width:100%;
}
strong{
	color:#000000;
}
.index #sidebar {
	float:left;
	width:167px;
	padding:0 0 0 34px;
}
.inner #sidebar {
	float:right;
	width:165px;
	padding:10px 0 0;
	background:url('../images/bg-line.gif') repeat-x;
}
.index #content {
	float:right;
	width:580px;
}
.inner #main {
	width:656px;
	padding:0 0 0 146px;
}
.inner .holder {
	overflow:hidden;
	width:654px;
}
.inner #content {
	float:left;
	width:466px;
}
.inner #main h1{
	margin:0 0 6px;
	font-size:18px;
	color:#231f20;
}
.breadcrumbs-holder {
	overflow:hidden;
	width:100%;
	font-size:10px;
	margin:0 0 11px;
}
.breadcrumbs-holder span {
	float:left;
	color:#555;
	line-height:normal;
}
.breadcrumbs {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	overflow:hidden;
}
.breadcrumbs li {
	float:left;
	background:url('../images/bg-corner-breadcrumbs-new.gif') no-repeat 0 4px;
	margin:0 6px 0 -6px;
	padding:0 1px 0 8px;
	line-height:normal;
	color:#000;
}
.breadcrumbs li a {
	color:#555;
}
.inner .main-img {
	background:url('../images/bg-line.gif') repeat-x;
	padding:11px 0 0;
	margin:0 0 11px;
}
.inner .main-img-line {
	background:url('../images/bg-line.gif') repeat-x;
	padding:11px 0 0;
	margin:0 0 2px;
}
.inner p {
	margin:0 0 17px;
	line-height:19px;
}
.inner h2 {
	margin:0;
	font-size:12px;
	color:#333;
}
.img-holder {
	float:right;
	margin:0 3px 0px 10px;
	display:inline;
}
.img-holder img {
	margin:0 0 9px;
}
.img-holder strong {
	font-size:10px;
	font-weight:normal;
	color:#333;
	display:block;
	border-bottom:1px solid #e6e6e6;
	padding:0 0 2px;
}

ul {
	margin:0;
	padding:0px 0 6px 32px;
	list-style:none;
}

ul li{
	background:url('../images/bg-corner-list.gif') no-repeat 0 6px;
	padding:0 0 0 10px;
	margin:0 0 4px;
}
.list {
	margin:0;
	padding:2px 0 6px 6px;
	list-style:none;
}
.list li {
	background:url('../images/bg-corner-list.gif') no-repeat 0 6px;
	padding:0 0 0 8px;
	margin:0 0 4px;
	line-height:14px;
}
.list li a {
	color:#808080;
	line-height:normal;
}
.inner .more {
	font-weight:bold;
	color:#000;
	background:url('../images/arrow-down.gif') no-repeat 100% 1px;
	padding:0 20px 3px 0;
}
.inner .nav {
	margin:7px 0 17px;
	padding:0;
	list-style:none;
}
.inner .nav li {
	background:url('../images/bg-line-nav-item.gif') repeat-x 0 100%;
	padding:0 0 3px;
	margin:0 0 3px;
}

.inner .nav li a {
	color:#333;
}

.inner .subnav {
	margin:0px 0 3px 24px;
	padding:0;
	background:none;
}
.inner .subnav li {
	padding:0 0 0px;
	margin:0 0 0px;
	list-style-image:url('../images/sub-nav-arrow.gif');
	background:none;
	list-style-position:outside;
	line-height:14px;
}
.inner .subnav li a {
	color:#9a9a9a;
	list-style:none;
	list-style-image:none;
}
.inner .subnav li a.lev3 {
	color:#9a9a9a;
	list-style:none;
	list-style-image:none;
	margin-left:9px;
}


.news-links {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	background:url('../images/bg-line.gif') repeat-x;
}
.news-links li {
	background:none;
	margin:0 0 8px 0;
	line-height:normal;
	height:1%;
	padding:0px;
}
.news-links li a {
	color:#808080;
}
.news-links li a.active{
	font-weight:bold;
	background:url('../images/arrow-museum-news.gif') no-repeat 100% 2px;
	font-size:14px;
	padding:0 23px 0 0;
	color:#231f20;
}

.social-links {
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	background:url('../images/bg-line.gif') repeat-x;
	height:30px;
}
.social-links li {
	background:none;
	display:block;
	float:left;
	margin:0 0 0px 0;
	line-height:30px;
	height:30px;
	padding:0px;
}
.rss {
	background:url('../images/btn-rss.gif') no-repeat 100% 0;
	padding:0 21px 0 0;
	height:30px;
	line-height:30px;
	display:block;
	float:left;
}
.twitter {
	background:url('../images/btn-twitter.gif') no-repeat 100% 0;
	padding:0 21px 0 0;
	height:30px;
	line-height:30px;
	display:block;
	float:left;
}
.facebook {
	background:url('../images/btn-facebook.gif') no-repeat 100% 0;
	padding:0 21px 0 0;
	height:30px;
	line-height:30px;
	display:block;
	float:left;
}

.main-news-holder {
	background:url('../images/bg-line.gif') repeat-x;
	overflow:hidden;
	width:100%;
}
.main-news {
	margin:0;
	padding:9px 0 0;
	list-style:none;
	float:left;
	width:428px;
}
.main-news li {
	background:url('../images/bg-main-news-item.gif') repeat-x 0 100%;
	overflow:hidden;
	margin:0 0 19px;
	padding:0 0 19px;

}
.main-news h2 {
	margin:0 0 -1px;
	color:#231f20;
	font-size:14px;
	line-height:16px;
}
.main-news h2 a {
	margin:0 0 -1px;
	color:#231f20;
	font-size:14px;
	line-height:16px;
}
.main-news h2 a:hover {
	margin:0 0 -1px;
	color:#231f20;
	font-size:14px;
	line-height:16px;
	text-decoration:underline;
}
.main-news .date {
	display:block;
	font-size:11px;
	text-decoration:underline;
}

.main-news .news-title {
	display:block;
	font-size:12px;
	margin:0 0 -1px;
	color:#231f20;
	font-size:12px;
	line-height:16px;
}

.main-news p {
	margin:0;
} 

.main-news-inner {
	margin:0;
	padding:9px 0 0;
	list-style:none;
	float:left;
	width:438px;
}
.main-news-inner li {
	background:url('../images/bg-main-news-item.gif') repeat-x 0 100%;
	overflow:hidden;
	margin:0 0 19px;
	padding:0 0 19px;
}
.main-news-inner h2 {
	margin:0 0 -1px;
	color:#231f20;
	font-size:14px;
	line-height:16px;
}
.main-news-inner h2 a {
	margin:0 0 -1px;
	color:#231f20;
	font-size:14px;
	line-height:16px;
}
.main-news-inner h2 a:hover {
	margin:0 0 -1px;
	color:#231f20;
	font-size:14px;
	line-height:16px;
	text-decoration:underline;
}
.main-news-inner .date {
	display:block;
	font-size:11px;
	text-decoration:underline;
}
.main-news-inner .event-title {
	display:block;
	font-size:12px;
	margin:0 0 -1px;
	color:#231f20;
	font-size:12px;
	line-height:16px;
}
.main-news-inner .news-title {
	display:block;
	font-size:12px;
	margin:0 0 -1px;
	color:#231f20;
	font-size:12px;
	line-height:16px;
}
.main-news-inner p {
	margin:0;
} 


/* Catch Up On Cultural styles */
p.datenav{
	margin:0px;
	padding:0px;
	color:#808080;
}
p.datenav span{
	color:#5CAC50;
	font-weight:bold;
}
p.datenav a {
	margin:0px;
	padding:0px;
	color:#000000;
	text-decoration:none;
}
p.datenav a:hover {
	margin:0px;
	padding:0px;
	color:#000000;
	text-decoration:underline;
}
.catch-up-listing {
	margin:0;
	padding:0px 0 10px 0;
	float:left;
	width:438px;
}
.catch-up-listing tr td.break {
	background:url('../images/culture-dashedline-break.jpg') repeat-x 0 100%;
	overflow:hidden;
	margin:2px 0 4px;
	padding:2px 0 4px;
	height:4px;
}

.catch-up-listing tr td {
	vertical-align:top;
	padding-top:8px;
	color:#808080;
}
.catch-up-listing tr td.img {
	vertical-align:top;
	width:90px;
	
}
.catch-up-listing tr td.moreinfo {
	vertical-align:top;
	float:right;
	color:#808080;
	
}
.catch-up-listing tr td.moreinfo img {
	vertical-align:top;
	width:17px;
	height:18px;
	float:right;
}
.catch-up-listing tr td.moreinfo a{
	vertical-align:top;
	color:#808080;
	font-size:12px;
	text-decoration:none;
	float:right;
	margin-right:3px;
}
.catch-up-listing tr td.moreinfo a:hover{
	vertical-align:top;
	color:#808080;
	font-size:12px;
	text-decoration:underline;
	float:right;
	margin-right:3px;
}
.catch-up-listing tr td.details {
	vertical-align:top;
	width:240px;
	color:#808080;
}
.catch-up-listing tr td.details a {
	vertical-align:top;
	color:#000000;
}

.catch-up-listing tr td.details span.event {
	color:#000000;
	font-style:italic;
}

.catch-up-listing h2 {
	margin:0 0 -1px;
	color:#000000;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}

.catch-up-listing .date {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#808080;
}
.catch-up-listing .culture-event {
	display:block;
	font-size:12px;
	margin:0 0 -1px;
	font-size:12px;
	line-height:16px;
	font-style:italic;
}

.catch-up-listing p {
	margin:0;
	float:left;
	vertical-align:top;
} 


#EventCultureFinder{
	display:block;
	width:165px;
	height:161px;
	background-color:#88DD70;
	padding: 10px 10px 0px 10px;
	margin: 0px 10px 10px 0px;
	font-weight:bold;
	color:#ffffff;
	background:url('../images/bg-culture-finder-search.jpg') no-repeat;
}

#EventCultureFinder p{
	display:block;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding:0px;
	clear:both;
}
#EventCultureFinder #Name{
	display:block;
	padding-top:0px;
	background-color: transparent;
	padding-bottom:3px;
}
#EventCultureFinder #County{
	display:block;
	padding-top:4px;
	padding-bottom:14px;	
	height:16px;
}
#EventCultureFinder #EventDate{
	display:block;
	padding-top:0px;
	padding-bottom:14px;
	height:16px;
}

#EventCultureFinderForm_EventCultureFinderForm_County{
	width:142px;
	font-size:12px;
}
#EventCultureFinderForm_EventCultureFinderForm_Name{
	border:none;
	background-color: transparent;
	background:url('../images/bg-culture-search.gif') no-repeat;
	padding-left:20px;
	height:16px;
	font-size:11px;
	width:122px;
}
#EventCultureFinderForm_EventCultureFinderForm_EventDate{
	width:142px;
	font-size:12px;
}


/* end of cultural style */



.any-news {
	float:right;
	text-indent:-9999px;
	outline:none;
	background:url('../images/bg-any-news.gif') no-repeat;
	width:110px;
	height:109px;
	margin:26px 11px 0 0;
	display:inline;
}
#footer {
	min-height:50px;
	background:#ccc;
	padding:10px 26px 0 26px;
	font-size:10px;
	color:#666;
	margin:10px 0 0 0;
}
* html #footer {
	height:50px;
}
#footer .holder {
	width:746px;
	overflow:hidden;
}
.nav-info {
	margin:0;
	padding:2px 0 0;
	list-style:none;
	overflow:hidden;
	height:1%;
	float:left;
	line-height:40px;
}
.nav-info li {
	background:none;
	float:left;
	margin:0 2px 0 0;
}
.nav-info li a {
	color:#666;
}
#footer .holder p {
	margin:0;
	float:right;
}
#footer .holder p span {
	float:right;
	margin:1px 19px 0 0;
	display:inline;
	line-height:40px;
}
#footer .holder p a.support-logo-1 {
	float:right;
	text-indent:-9999px;
	width:113px;
	height:30px;
	background:url('../images/footer-logo-1.gif') no-repeat;
	margin-left:4px;
	padding-left:4px;
	padding-right:20px;
}
#footer .holder p a.support-logo-2 {
	float:right;
	text-indent:-9999px;
	width:125px;
	height:30px;
	background:url('../images/footer-logo-2.gif') no-repeat;
	margin-left:4px;
	padding-left:4px;
	
}