/*** carmarthenshire ***/

html { overflow-y: scroll; }

body, html, table, tr, th, td, p, br, div, span, h1, h2, h3, h4, h5, h6, form, img  { border: none; margin: 0; padding: 0; }

body {
	background-color: #d2d2d2;
	color: #000;
	font-family:  verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body { font-size: medium; }

#skiptomain { display: none; }

a:hover, a:active { color: #c00; }
.inline, form { display:inline; }
.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

p { margin: 10px 0 0 0; }
p.fivespace { margin: 5px 0 0 0; }
p.tenspace { margin: 10px 0 0 0; }
p.fifteenspace { margin: 15px 0 0 0; }
p.twentyspace { margin: 20px 0 0 0; }

img.float-right { float: right; margin: 0 0 5px 10px; }
img.float-left { float: left; margin: 0 10px 5px 0; }

h1#main-content { margin-bottom: 15px; }

#wrapper {
	background: #fff;
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

#site-header {
	width: 960px;
	height: 210px;
	position: relative;
}

	#site-header #english-link {
		position: absolute;
		bottom: 0px;
		right: 52px;
	}

	#site-header #welsh-link {
		position: absolute;
		bottom: 0px;
		right: 10px;
	}

#site-nav {
	width: 960px;
	height: 33px;
background: #4987BA url("images/bg-n.jpg") repeat-x bottom left;
}

	#site-nav-lft {
		width: 680px;
		height: 33px;
		float: left;
	}

		#site-nav-lft ul {
			width: 240px;
			height: 33px;
			line-height: 33px;
			list-style: none;
			margin: 0 0 0 440px;
			padding: 0;
		}

			#site-nav-lft ul li {
				height: 33px;
				background: #4A84BD url(/images/bg-site-nav-li.gif) no-repeat right top;
				display: inline;
				float: left;
				font-size: 0.8em;
				font-weight: bold;
				line-height: 33px;
				list-style-type: none;
				margin: 0 1px 0 0;
				padding: 0;
				text-align: center;
			}

				#site-nav-lft ul li#tn1 { width: 69px; }
				#site-nav-lft ul li#tn2 { width: 99px; }
				#site-nav-lft ul li#tn3 { width: 69px; }

				#site-nav-lft ul li a:link, #site-nav-lft ul li a:visited { color: #ffffff; text-decoration: none; }
				#site-nav-lft ul li a:active, #site-nav-lft ul li a:hover { color: #fe0000; text-decoration: underline; }

	#site-nav-rgt {
		width: 280px;
		height: 33px;
		float: right;
		position: relative;
	}

		#site-nav-rgt #HallID {
			width: 200px;
			height: 22px;
			margin: 0;
			position: absolute;
				left: 15px;
				top: 5px;
		}

		#site-nav-rgt #hall-go {
			width: 22px;
			height: 22px;
			margin: 0;
			position: absolute;
				right: 35px;
				top: 5px;
		}

	#site-body {
		width: 960px;
		background: #ffffff url(/images/bg-site-body.gif) repeat-y left top;
	}

		#body-lft {
			width: 200px;
			float: left;
			border: 0px dashed red;
		}

			#body-lft ul {
				width: 190px;
				list-style: none;
				margin: 20px 0px 0px 0px;
				padding: 0px;
				border:0px dashed green;
			}

				#body-lft ul li {
					width: 200px;
					background: transparent url(/images/bg-body-lft-li.gif) no-repeat 8px 8px;
					font-size: 0.8em;
					list-style-type: none;
					margin: 0px 0px 0px 0px;
					padding: 5px 5px 5px 25px;
					border-bottom:1px solid white
				}

					#body-lft ul li a:link, #body-lft ul li a:visited {
					 color: #27577F;
					 text-decoration: none;
					  }


					#body-lft ul li a:active, #body-lft ul li a:hover {
					color: #27577F;
					text-decoration: underline;
					}

		#body-rgt {
			width: 670px;
			float: right;
			font-size: 0.8em;
			line-height: 1.5em;
			padding: 25px;
			border: 0px dashed red;
		}

			/* compensate for IE6's lack of understanding */
			* html #body-rgt { padding-left: 0; }

			#body-rgt h1 {
			font-family: Georgia, serif;
				color: #27577F;
				font-size: 1.6em;
				font-weight: bold;
				letter-spacing:0.5px;
			}

			#body-rgt h2 {
			font-family: Georgia, serif;
				color: #000099;
				font-size: 1.5em;
				font-weight: normal;
			}

				ul#events-tabs {
					float: left;
					margin: 0;
					padding: 0;
					height: 33px;
					width: 680px;
					margin-top: 30px;
				}

					ul#events-tabs li {
						float: left;
						list-style: none;
						margin: 0 0 0 0;
						padding: 3px 0 0 0;
						height: 30px;
						text-align: center;
						line-height: 13px;
					}

						ul#events-tabs li a:link, ul#events-tabs li a:visited { color: #00295c; font-size: 11px; text-decoration: none; padding: 0; margin: 0; }
						ul#events-tabs li a:hover { text-decoration: underline; }
						ul#events-tabs li a:active { text-decoration: none; }

							ul#events-tabs li.active a:link, ul#events-tabs li.active a:visited { color: #00295c; font-size: 11px; text-decoration: none; padding: 0; margin: 0; }
							ul#events-tabs li.active a:hover { text-decoration: underline; }
							ul#events-tabs li.active a:active { text-decoration: none; }

							ul#events-tabs li { width: 100px; background: url(/images/bg-news-toggle-tab-on.gif) no-repeat left bottom; }
								ul#events-tabs li.active { background: url(/images/bg-news-toggle-tab.gif) no-repeat left top; }

						ul#events-tabs li#blanky {
							width: 480px;
							float: right;
							text-align: right;
							background: none;
							border-bottom: 1px solid #dfdfdf;
							margin-top: -1px;
						}

						.events-tabs-content {
							clear: both;
							width: 680px;
							height: 300px;
							display: none;
							background: url(/images/bg-news-toggle-content.gif) no-repeat left bottom;
						}

							.events-container { width: 640px; overflow: auto; padding: 0px 20px; height: 300px; }

							/* events list view */
							table.events-list-view { width: 620px; margin: 0; }
							table.events-list-view th, table.events-list-view td { font-size: 0.85em; vertical-align: top; text-align: left; padding: 4px 10px 4px 0; }

			#body-rgt a:link, #body-rgt a:visited { color: #4A84BD; text-decoration: underline; }
			#body-rgt a:active, #body-rgt a:hover { color: #000000; text-decoration: underline; }

			#links {
				width: 680px;
				margin: 10px 0;
				padding: 0;
			}

			#hall-intro {
				width: 680px;
			}

				#hall-intro-pic {
					width: 250px;
					float: left;
					margin-top: 20px;
				}

				#hall-intro-txt {
					width: 400px;
					float: left;
					padding: 5px 15px;
				}

				#map {
					width: 680px;
					height: 300px;
				}

	#site-footer {
		width: 950px;
		height: 50px;
		background-color: #4684B7;
		color: #fff;
		font-size: 0.7em;
		line-height: 16px;
		margin: 0;
		padding:7px 5px 0px 5px;
	}

		#site-footer a:link, #site-footer a:visited { color: #fff; text-decoration: underline; }
		#site-footer a:active, #site-footer a:hover { color: #000; text-decoration: underline; }

		#site-footer-left {
			float:left;
			width:840px;
			padding:5px 0px 0px 0px;
		}

		#site-footer-right {
			float:left;
			width:110px;
			height:50px;
			background:#eee;
			background: url(/images/site-logo.gif) no-repeat left top;
		}

table.events {
	width: 100%;
	margin-top: 15px;
	border-collapse: collapse;
}

	table.events th {
		text-align: left;
	}

	table.events td {
		padding: 2px 0;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}

		table.events td.overspan {
			background: #e9f4ed;
		}

		table.events td.eventdate {
			width: 120px;
		}

		table.events td.eventdetail {
			width: 320px;
		}

		table.events td.eventcontact {
			width: 130px;
		}

		table.events td.eventnotes {
			width: 110px;
		}

ul.facilitylist {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
}

	ul.facilitylist li {
		float: left;
		width: 200px;
		margin-right: 20px;
		line-height: 20px;
	}

	ul.facilitylist img {
		float: left;
		margin-right: 2px;
	}

/***************
 GALLERY IMAGES
***************/

img.gallimg {
	float: left;
	width: 150px;
	height: 100px;
	margin: 20px 25px 4px 25px;
}

/**********************
 FLASH ANIMBLOCK
***********************/

#flashanim {
	position: relative;
}

#flashanim.mainimage {
	background: transparent;
	width: 250px;
	height: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#flashanim img {
	display:none;
	position:absolute;
	top:0; left:0;
}

#flashanim img.noanim {
	display: block;
}