* { margin: 0; padding: 0; }
body { font-size: 0.8em; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; background-color: #0b2832; color: #414042; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }

.clear { clear: both; font-size: 0; line-height: 0; height: 0px; }
.float-left { float: left; }
.float-right { float: right; }

.hidden { display: none; }
.show { display: inherit; }

div.hr hr { display: none; }
div.hr { border-bottom: 1px solid #2B7E9F; margin-bottom: 1em; }

p { margin-bottom: 1em; line-height: 1.2em; }
ul, ol { margin-left: 1.5em; margin-bottom: 0.5em; padding-left: 1.5em; }
li { margin-bottom: 0.3em; }
img { border: 0; }
a { text-decoration: underline; color: #032E41; }
a:hover { color: #284a51; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 0.7em; font-family: gillsansmtregular, Verdana, sans-serif; font-weight: normal; }
h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.15em; }

.shadow { -moz-box-shadow: 2px 2px 4px #000000; -webkit-box-shadow: 2px 2px 4px #000000; box-shadow: 2px 2px 4px #000000; }

.button { background-color: #dde565; color: #52602b; height: 22px; padding: 0 4px; border: 1px solid #dde565; }

#root { width: 980px; margin: 0px auto; padding-top: 20px; }
	.important-links { float: left; padding: 5px 0; width: 200px; }
		.important-links ul { list-style-type: none; margin: 0; padding: 0; }
			.important-links li { float: left; margin: 0; padding: 0; }
		.important-links a { display: block; text-decoration: underline; font-size: 0.8em; margin-right: 18px; }
		.important-links a:hover { color: #FFFFFF; }
	#header { border-bottom: 3px solid #8c9856; }
	#imagery { position: relative; width: 980px; height: 299px; border-bottom: 1px solid #FFFFFF; }
		#main-image { float: left; width: 675px; }
			#main-image img { z-index: 5; }
			.main-image-text { position: absolute; bottom: 0; left: 0; width: 160px; padding: 20px 20px 15px; color: #E2E578; font-family: gillsanslight, Verdana, sans-serif; z-index: 20; font-size: 1.3em; background-color: #000000; opacity: .7; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
				.main-image-text .heading { font-size: 1.2em; text-transform: uppercase; color: #FFFFFF; font-family: gillsansmtregular, Verdana, sans-serif; letter-spacing: 0.1em; }
			/*.main-image-text-bg { position: absolute; top: 0; left: 0; width: 210px; height: 299px; }*/
		#main-image-nav { position: absolute; top: 0; right: 0; width: 320px; z-index: 10; }
			#main-image-nav ul { margin: 0; padding: 0; list-style-type: none; width: 320px; background-image: url(../images/main-image-nav-bg-shadow.png); background-repeat: no-repeat; }
				#main-image-nav li { margin: 0; padding: 0; }
				#main-image-nav a { display: block; text-align: right; width: 295px; height: 29px; padding: 46px 25px 0 0; background-image: url(../images/main-image-nav-bg.gif); font-family: gillsanslight, Verdana, sans-serif; text-transform: uppercase; color: #284a51; font-size: 1.3em; }
				#main-image-nav a:hover { color: #7E8959; }
					#main-image-nav a span { font-family: gillsansmtregular, Verdana, sans-serif; }
				#main-image-nav a.active { background-image: url(../images/main-image-nav-bg-active.gif); }
	#main-navigation { height: 30px; background-color: #dde565; border-bottom: 1px solid #FFFFFF; }
		#main-navigation ul { list-style-type: none; margin: 0; padding: 0; }
			#main-navigation li { margin: 0; padding: 0; display: inline; }
				#main-navigation a { display: block; float: left; height: 23px; padding: 7px 16px 0; background-image: url(../images/main-nav-bg.gif); background-repeat: no-repeat; background-position: center right; font-size: 0.9em; color: #284a51;  }
					#main-navigation a.last { background-image: none; }
				#main-navigation a:hover, #main-navigation a.active { color: #000000; }
	#main { position: relative; background-image: url(../images/main-bg.gif); background-repeat: repeat-y; background-color: #FFFFFF; border-bottom: 2px solid #dde565; height: 1%; }
		#main-left-column { float: left; width: 191px; padding: 10px 4px 10px 0; padding-bottom: 150px; }
			#nav2 { height: 1%; }
				#nav2 ul { list-style-type: none; margin: 0 0 10px; padding: 0; }
					#nav2 li { margin: 0; padding: 0; }
						#nav2 a { display: block; width: 181px; padding: 3px 0px 2px 10px; font-family: gillsansmtregular, Verdana, sans-serif; font-size: 1.3em; color: #334d47; text-decoration: none; }
						#nav2 a:hover { color: #7E8959; }
						#nav2 a.active { background-color: #297d9f; color: #FFFFFF; }
						#nav2 ul a.children { background-image: url(../images/nav2-active-bg.gif); background-repeat: no-repeat; background-position: bottom right; }
					#nav2 ul ul { background-color: #e1edf1; margin-bottom: 10px; }
						#nav2 ul ul li { padding: 1px 0; }
							#nav2 ul ul a { display: block; width: 176px; padding: 2px 5px 2px 10px; color: #6C6363; font-size: 1em;  }
							#nav2 ul ul a:hover, #nav2 ul ul a.active { color: #6C6363; background-color: #c0d9e2; background-image: none; }
					#nav2 ul.expanded { display: block; }
					#nav2 ul.collapsed { display: none; }
			#social-media { position: absolute; left: 10px; bottom: 10px; width: 175px; }
				#social-media p { margin-bottom: 4px; font-family: gillsansmtregular, Verdana, sans-serif; color: #284a51; }
				#addthis { margin-bottom: 10px; }

		#main-center-column { position: relative; float: left; width: 590px; }
			#locality-map { position: relative; width: 570px; height: 350px; margin: 10px 10px 10px; }
				.map-location { position: absolute; z-index: 10; -webkit-transition: -webkit-transform .2s ease-in-out, -webkit-box-shadow .2s ease-in; }
					.map-location a { display: block; text-decoration: none; }
					.map-location:hover { -webkit-transform:scale(1.1); }
			.feature-box { position: absolute; left: 10px; top: 348px; width: 580px; height: 165px; font-family: gillsansmtregular, Verdana, sans-serif; }
				#feature-links { padding-top: 22px; }
					.feature-link { float: left; width: 155px; height: 29px; padding: 31px 30px 0 0; margin: 0 7px 10px 0; background-color: #284a51; color: #FFFFFF; text-align: right; font-size: 1.6em; }
					.feature-link:hover { background-color: #999999; }
				.feature { position: relative; font-size: 1.5em; background-image: url(../images/feature-arrow.gif); background-repeat: no-repeat; background-position: 45px 0; padding-top: 12px; }
					.featurebg { width: 545px; height: 133px; padding: 10px 15px 15px 10px; background-color: #2f292b; color: #8f986c; }
					.feature-image { float: left; margin-right: 30px; }
					.feature span { color: #cec9cb; text-transform: uppercase; font-size: 1.1em; letter-spacing: 0.1em; line-height: 2.5em; }
					.featurebg .distance { position: absolute; bottom: 15px; right: 30px; font-family: handwriting-dakota, gillsansmtregular, Tahoma, sans-serif; color: #cec9cb; }
			#main-centre-image { margin-bottom: 10px; }
			#main-text { width: 570px; padding: 10px 0 0 10px; }
				#main-text h1, h2, h3 { color: #2B7E9F; }
				.search-result { border-top: 1px dotted #999999; padding-top: 0.3em; }
				#directory-google-map { width: 320px; height: 220px; }

			#subpage-thumbs { padding: 10px 0 0 10px; }
				.subpage-thumb { float: left; }
					.subpage-thumb a { display: block; width: 179px; height: 136px; padding: 4px 0 0 4px; color: #297d9f; font-family: handwriting-dakota, gillsansmtregular, Tahoma, sans-serif; background-image: url(../images/subpage-thumb-bg.png); background-repeat: no-repeat; margin: 0 10px 10px 0; }
						.subpage-thumb span { margin-top: 3px; }
						.subpage-thumb a:hover { color: #9f2219; }
			#subpage-list { padding: 10px 10px 0 10px; }
				.subpage-item { background-color: #FFFFFF; margin-bottom: 10px; }
					.subpage-item-heading { background-color: #2B7E9F; height: 30px; }
					.subpage-item h3 { float: left; color: #FFFFFF; padding: 5px 0 0 10px; margin: 0; }
						.subpage-item-link { float: right; border-left: 3px solid #98c8d8; background-image: url(../images/subpage-item-link-bg.gif); background-repeat: repeat-x; }
						.subpage-item .subpage-item-date { float: right; font-family: gillsansmtregular, Verdana, sans-serif; color: #FFFFFF; padding: 5px 5px 0 10px; margin: 0; font-size: 1.15em; }
							.subpage-item-link a, .subpage-item-link .button-style { display: block; text-decoration: none; height: 23px; padding: 7px 26px 0 10px;  color: #FFFFFF; font-family: gillsansmtregular, Verdana, sans-serif; }
							.subpage-item-link a:hover { background-color: #6ea6c0; }
							.subpage-item-link .button-style { padding-right: 10px; }
							.subpage-item-link a.icon { padding-right: 10px; }
					.subpage-item-image { float: left; margin: 10px; width: 125px; }
					.subpage-item-text { margin-left: 125px; padding: 10px; }
					.subpage-item-text-noimage { padding: 10px; }
						.subpage-item-contact { font-size: 0.8em; }
						.subpage-item-text-byline { text-align: right; font-size: 0.8em; }

		#main-right-column { float: left; width: 175px; padding: 10px; }
			.right-advert { display: block; width: 155px; padding: 10px 10px 8px 10px; background-color: #284a51; margin-bottom: 10px; color: #FFFFFF; }
			.right-advert a { text-decoration: none; }
			a.right-advert, .br-arrow { text-decoration: none; background-image: url(../images/br-arrow-right.gif); background-position: bottom right; background-repeat: no-repeat; }
				.right-advert span { font-family: gillsansmtregular, Verdana, sans-serif; color: #FFFFFF; }
					.right-advert span.heading { font-size: 1.6em; line-height: 1em; }
					.right-advert .feed-item { display: block; font-family: gillsansmtregular, Verdana, sans-serif; border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; font-size: 0.9em; padding: 3px 0; clear: both; }
					.right-advert .feed-item .feed-item-date { display: block; float: right; padding-left: 8px; }
					.image-banner { background-image: none; background-color: none; padding: 0; width: auto; }

			#searchfield { margin-top: 6px; }

	#br-links { float: right; margin: 5px 0; width: 780px; }
		#br-links ul { float: right; list-style-type: none; margin: 0; padding: 0; }
			#br-links li { float: left; margin: 0; padding: 0; }
		#br-links a { display: block; text-decoration: underline; font-size: 0.8em; margin-left: 18px; color: #FFFFFF; }
		#br-links a:hover { color: #808080; }
	#copyright { float: right; color: #677049; margin: 0 0 30px; font-size: 0.8em; }
		#copyright a { color: #677049; text-decoration: none; }

.blue-bg { background-color: #284a51; }
.orange-bg { background-color: #cd4e18; }
.green-bg { background-color: #6b7847; }
.red-bg { background-color: #9f2219; }
.brown-bg { background-color: #453209; }
.lime-bg { background-color: #cedd41; color: #6a585e; }

/* directory styles */
.directoryentry { }
.tier2 .subpage-item-heading { background-color: #CC6600; }
.tier3 .subpage-item-heading { background-color: #E2E2E2; }
.tier3 .subpage-item-heading h3 { color: #202020; }
.tier4 .subpage-item-heading { background-color: #FFCC00; }

/* events styles */
.events-months { border-bottom: 1px solid #8c9856; }
.events-months ul { list-style: none; margin: 0; padding: 0; }
.events-months li { display: inline; }
.events-months a { color: #202020; background-color: white; border: 1px solid #8c9856; border-bottom: 0; display: block; float: left; padding: 2px 9px; margin: 4px 1px 0px 1px; font-family: gillsansmtregular, Verdana, sans-serif; font-size: 10pt; text-decoration: none; }
.events-months a:hover { background-color: #e4e5d4; }
.events-months .selected-month a { color: #404040; font-size: 12pt; background-color: #f0ecd4; border: 1px solid #8c9856; border-bottom: 0; margin-top: 0px; }

.event { padding: 8px; margin-bottom: 8px; height: 1%; }
.eventdateicon { float: left; width: 48px; }
.eventdateiconday, .eventdateiconmonth, .eventdateiconyear { font-size: 10pt; color: #2b7e9f; text-align: center; font-family: gillsansmtregular, Verdana, sans-serif; margin: 0; padding: 0; line-height: 10pt; }
.eventdateiconnumber { font-size: 20pt; color: #2b7e9f; text-align: center; font-family: gillsansmtregular, Verdana, sans-serif; margin: 0; padding: 0; line-height: 20pt; }
.eventdetails { margin-left: 60px; }
.eventname { font-weight: bold; margin-bottom: 0.2em; }
.eventcontent { margin-bottom: 0.5em; }
.eventvenue { font-style: italic; font-weight: normal; }
.eventtimes { float: left; font-size: 0.8em; }
.eventlink { float: right; }

.alt1 { background-color: #e4e5d4; }
.alt2 { background-color: #f0ecd4; }
.nextevent { background-color: #dde565; }

#event-name { float: left; margin-bottom: 0.2em; }
#event-date { float: right; margin-bottom: 0; }
#event-timesvenues { margin-bottom: 1em; }
#event-address { float: left; }
#event-numbers { float: right; }

.gallery_items { margin-top: 10px; }
.gallery_item { float: left; margin: 0px 7px 10px; }
.gallery_album { margin: 0px 1% 10px; float: left; width: 48%; }
.gallery_album_image { float: left; }
.gallery_album_text { margin-left: 110px; }
#gallery-comments { margin-top: 20px; }

.pagination { text-align: right; margin: 10px 0 20px; }

/* events styles */
.tabs { border-bottom: 1px solid #8c9856; }
.tabs ul { list-style: none; margin: 0; padding: 0; }
.tabs li { display: inline; }
.tabs a { color: #202020; background-color: white; border: 1px solid #8c9856; border-bottom: 0; display: block; float: left; padding: 2px 15px; margin: 4px 4px 0px 4px; font-family: gillsansmtregular, Verdana, sans-serif; font-size: 10pt; text-decoration: none; }
.tabs a:hover { background-color: #e4e5d4; }
.tabs .selected-tab a { color: #404040; font-size: 12pt; background-color: #f0ecd4; border: 1px solid #8c9856; border-bottom: 0; margin-top: 0px; }

.search-results-container { margin: 8px 0 20px 0; }
.search-results-pagination { text-align: right; }

.status { font-weight: bold; text-align: center; color: green; margin: 10px 0; }
.error { font-weight: bold; text-align: center; color: red; }

#viewbasket { margin-bottom: 10px; }
table.basket { margin-bottom: 5px; }
table.basket th { padding: 4px; background-color: #e6e5e0; }
table.basket td { padding: 4px; background-color: #f8f8f8; }
table.basket .optionlabels { font-size: 0.9em; }

table.form { margin-bottom: 5px; }
table.form th { padding: 4px; background-color: #e6e5e0; }
table.form td { padding: 2px 4px; background-color: #f8f8f8; }

/* tooltip styling */
.location-feature-tooltip { display: none; z-index: 250; filter: none !important;  background-image: url(../images/location-feature-tooltip.png); height:175px; padding:20px 30px 0px 30px; width:331px; font-family: gillsansmtregular, Verdana, sans-serif; }
.location-feature-tooltip .location-feature-heading { color: #cec9cb; text-transform: uppercase; font-size: 1.3em; letter-spacing: 0.1em; padding-top: 10px; }
.location-feature-text { color: #FFFFFF; }
.location-feature-image { float: left; margin-right: 10px; }
.location-feature-distance { text-align: right; font-size: 1.2em; font-family: handwriting-dakota, gillsansmtregular, Tahoma, sans-serif; color: #cec9cb; }
@font-face { font-family: gillsanslight; src: url(fonts/gillsanslight.eot); src: url(fonts/gillsanslight.eot?iefix) format('eot'), url(fonts/gillsanslight.woff) format('woff'), url(fonts/gillsanslight.ttf) format('truetype'), url(fonts/gillsanslight.svg#webfont) format('svg'); }

@font-face { font-family: gillsansmtregular; src: url(fonts/gillsansmtregular.eot); src: url(fonts/gillsansmtregular.eot?iefix) format('eot'), url(fonts/gillsansmtregular.woff) format('woff'), url(fonts/gillsansmtregular.ttf) format('truetype'), url(fonts/gillsansmtregular.svg#webfont) format('svg'); }

@font-face { font-family: handwriting-dakota; src: url(fonts/handwriting-dakota.eot); src: url(fonts/handwriting-dakota.eot?iefix) format('eot'), url(fonts/handwriting-dakota.woff) format('woff'), url(fonts/handwriting-dakota.ttf) format('truetype'), url(fonts/handwriting-dakota.svg#webfont) format('svg'); }form.formhandler fieldset {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 -1em 0;
	padding: 0 0 1.5em 0;
	border-style: none;
	border-top: 1px solid #dedede;
	background-color: #ffffff;
	background-image: url(../images/formbg.gif);
	background-repeat: repeat-x;
}

form.formhandler legend {
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}

form.formhandler fieldset ol {
	padding: 1em 1em 0 1em;
	margin: 0;
	list-style: none;
}

form.formhandler fieldset li {
	padding-bottom: 0.5em;
}

form.formhandler fieldset.submit {
	border-style: none;
	margin: 0; padding: 0;
	background-image: none;
}

form.formhandler label {
	float: left;
	width: 10em;
	margin-right: 1em;
}

form.formhandler label.inline {
	float: none;
	display: inline;
	width: auto;
	margin: 0;
}

/* left aligned labels */
form.formhandler fieldset li {
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.25em;
}

form.formhandler fieldset {
	float: left;
	clear: left;
	width: 100%;
	margin: 0 0 0.75em 0;
}

/* background stuff */
form.formhandler fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-left: 12em;
	background-color: transparent;
}

form.formhandler fieldset.submit input {
	width: auto;
}

/* nested fieldsets */
form.formhandler fieldset fieldset {
	margin-bottom: 0;
	padding-bottom: 0;
	border-style: none;
	background-color: transparent;
	background-image: none;
}

form.formhandler fieldset fieldset label.legend {
	float: left;
	width: 10em;
	margin-right: 1em;
	vertical-align: top;
}

form.formhandler fieldset fieldset ol {
	position: relative;
	top: -1.1em;
	margin: 0 0 0 11em;
	padding: 0;
}

form.formhandler fieldset fieldset li {
	padding-bottom: 0;
}

form.formhandler fieldset fieldset label {
	float: none;
	width: auto;
	margin-right: auto;
}
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_line.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#main-navigation { height: 30px; background-color: #dde565; border-bottom: 1px solid #FFFFFF; position: relative; width: 100%; z-index: 100; }
* html #main-navigation { padding-bottom: 0; }
	#main-navigation ul { list-style-type: none; margin: 0; padding: 0; }
		#main-navigation li { margin: 0; padding: 0; float: left; position: relative; }
			#main-navigation a { display: block; height: 23px; padding: 7px 16px 0; background-image: url(../images/main-nav-bg.gif); background-repeat: no-repeat; background-position: center right; font-size: 0.9em; color: #284a51; text-decoration: none; }
				#main-navigation a.lastnavigation { background-image: none; }
			#main-navigation a:hover, #main-navigation a.active { color: #000000; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#main-navigation ul ul { margin: 0; padding: 0; visibility: hidden; position: absolute; width: 200px; height: 0; top: 30px; left: 0px; }
/* another hack for IE5.5 */
* html #main-navigation ul ul { top: 15px; t\op:16px; }

/* position the third level flyout menu */
#main-navigation ul ul ul { left: 164px; top: 0px; width: 200px; border-top: 0; }

/* position the third level flyout menu for a left flyout */
#main-navigation ul ul ul.left { left: -153px; }

/* style the table so that it takes no part in the layout - required for IE to work */
#main-navigation table { position: absolute; top: 0; left: 0; }

/* style the second level links */
#main-navigation ul ul a { text-align: left; width: 200px; padding: 7px 16px; height: auto; text-transform: none; border: 0; border-top: 1px solid #FFFFFF; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000000; background-color: #DDE565; background-image: none; }

#main-navigation ul ul li { float: none; margin: 0px; padding: 0px; }
/* yet another hack for IE5.5 */
* html #main-navigation ul ul a { width: 200px; w\idth: 199px; }

#main-navigation ul ul ul a {  }
#main-navigation ul ul ul a:hover { background-color: #209CD3; }

/* style the top level hover */
#main-navigation a:hover { color: #000000; }
#main-navigation :hover > a, #main-navigation ul ul :hover > a { color: #000000; }

/* style the second level hover */
#main-navigation ul ul a:hover, #main-navigation ul ul :hover > a {  }

/* make the second level visible when hover on first level list OR link */
#main-navigation ul li:hover ul,
#main-navigation ul a:hover ul{ visibility: visible; }
/* keep the third level hidden when you hover on first level list OR link */
#main-navigation ul :hover ul ul{ visibility: hidden; }
/* make the third level visible when you hover over second level list OR link */
#main-navigation ul :hover ul :hover ul{ visibility: visible; }#criteria form { margin-bottom: 1em; }
#alphabet { margin-bottom: 10px; }
	#alphabet ul { list-style-type: none; margin: 0; padding: 0; }
		#alphabet li { float: left; margin: 0; padding: 0 10px 0 0; }
			#alphabet li a { display: block; margin: 0;  }
	#searchboxes { position: relative; }
		#searchbyservice { float: left; width: 48%; }
		#searchbyname { float: right; width: 48%; }
		#searchsubmit { position: absolute; bottom: 0; right: 0; }

#directory_categorylist .directory_category { float: left; width: 31%; margin: 0 1% 10px; }
#directory_entrylist .directory_entry { background-color: #FFFFFF; margin-bottom: 10px; }♦

.directory_entry_heading { background-color: #2B7E9F; height: 30px; }
	.directory_entry_heading h3 { float: left; color: #FFFFFF; padding: 5px 0 0 10px; margin: 0; }
		.directory_entry_link { float: right; border-left: 3px solid #98c8d8; }
			.directory_entry_link a { display: block; height: 23px; padding: 7px 26px 0 10px; color: #FFFFFF; }
			.directory_entry_link a:hover { background-color: #6ea6c0; }
.directory_entry_image { float: left; margin: 10px; width: 75px; }
.directory_entry_text { float: right; padding: 10px; }
.directory_entry_contact { font-size: 0.8em; }

.pdfdownload { padding: 10px; border-bottom-style: solid; border-bottom-width: 1px; }
.pdficon { float: left; width: 32px; }
.pdftext { margin-left: 42px;}
.pdflink { text-align: right; }
#pdfdownloadreader { padding: 10px; }

#categoryidselect select { width: 390px; }