/*** pembrokeshire ***/

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: #DBDBC8;
	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 { margin: 5px 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: 3px auto 10px auto;;
	text-align: left;
	width: 960px;
	border:1px solid #74764C;
}

#site-header {
	width: 960px;
	height: 210px;
	position: relative;
}

	#site-header #english-link {
		position: absolute;
		top: 5px;
		right: 52px;
	}

	#site-header #welsh-link {
		position: absolute;
		top: 5px;
		right: 10px;
	}

#site-nav {
	width: 960px;
	height: 33px;
	background: #4987BA url("images/bg-n.jpg") repeat-x bottom left;
	color:#FFFFFF;
	
}

	#site-nav-lft {
		width: 960px;
		height: 33px;
		float: left;
	}
	

		#site-nav-lft ul {
			width: 960px;
			height: 33px;
			line-height: 33px;
			list-style: none;
			margin: 0;
			padding: 0;
			border:0px dashed red;
		}

			#site-nav-lft ul li {
				/*width: 135px;*/
				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-right:2px;
				padding-left:20px;
				padding-right:20px;
				text-align: center;
			}
			
			#site-nav-lft ul li#cym { 
			padding-left:10px;
				padding-right:10px; 
				}
			

				#site-nav-lft ul li#tn1 { width: 100px; }
				#site-nav-lft ul li#tn2 { }
				#site-nav-lft ul li#tn3 { }
				#site-nav-lft ul li#tn4 { }
				#site-nav-lft ul li#tn5 { width: 170px; }
				#site-nav-lft ul li#tn6 { }
				#site-nav-lft ul li#tn7 { width: 138px; margin-right: 0; }
				
				#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: #FFFF00; text-decoration: underline; }

	#site-nav-rgt {
		width: 10px;
		min-height: 33px;
		float: right;
		position: relative;
	}

		#site-nav-rgt #hall_id {
			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.png) 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;
					}
					#search_bar{
         position:relative;
         float:right;
	/*width:660px;*/


	text-align:left;
	padding-left:5px;
 padding-right:10px;
	margin-bottom:25px;
	/*background:url("images/bg-n.jpg") repeat-x bottom left;*/
	background-color:#4A84BD;
	color:#FFFFFF;
	padding-top:3px;
 padding-bottom:3px;
	font-weight:bold;
 margin-top:10px;
	}

		#body-rgt {
			width: 670px;
			float: right;
			font-size: 0.8em;
			line-height: 1.5em;
			padding-left: 25px;
			padding-right: 25px;
			padding-bottom: 25px;
			border: 0px dashed red;
		}
		#event_list{
		font-size: 0.8em;
			line-height: 1.5em;
			padding-left: 25px;
			padding-right: 25px;
			padding-bottom: 10px;
			padding-top:10px;
			background-color:#FFFFFF;
			min-height:320px;
		
		}
		#event_details{
		font-size: 0.8em;
			line-height: 1.5em;
			padding-left: 25px;
			padding-right: 25px;
			padding-bottom: 10px;
			padding-top:10px;
			background-color:#FFFFFF;
		}
		
		#events_cal{
		background-color:#FFFFFF;
		min-height:600px;
		
		}
		
		

			/* 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;
    clear:both;
			}
			
			
			


			#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: 85px;
		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:350px;
			padding:15px 10px 0px 5px;
		}

		#site-footer-right {
			float:left;
			width:580px;
			height:80px;
			background:#eee;
			background: url("images/Interreg-carms-banner-2.png") 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;
	}

	
/***************
 CALENDAR
***************/

table.calendar {
	width: 665px;
	border: 1px solid #74764c;
	background: #ebedd1;
	margin-top: 20px;
}

	table.calendar th { background: #74764c; color: #fff; }
	#body-rgt table.calendar th a:link, #body-rgt table.calendar th a:visited { color: #fff; }
	#body-rgt table.calendar th a:hover, #body-rgt table.calendar th a:active { color: #000; }

	table.calendar ul {
		margin: 0; padding: 0;
		width: 665px;
		position: relative;
	}
	
		table.calendar ul li {
			list-style: none;
			float: left;
			margin: 0; padding: 0 0;
			width: 93px;
			height: 93px;
			border: 1px solid #74764c;
			overflow: hidden;
			background: #ebedd1;
			position: relative;
		}
		
		table.calendar ul li:hover {
			overflow: auto;
		}
		
			div.subitem { font-size: 9px; }
		
			table.calendar ul li.grey { background: #fff;  }
			
			
			table.calendar ul li div.subitem div { margin: 0; padding: 0; }
			
			table.calendar ul li div.subitem div span { display: none; }
			
			
div.eventbody { width: 400px; }
div.eventbody p { font-size: 12px; }
			
/***************
 GALLERY IMAGES
***************/

img.gallimg {
	float: left;
	/*
	width: 150px;
	height: 100px;
	*/
	margin: 20px 25px 4px 25px;
}

/*new form style*/

.form_container{
position:relative;
float:left;
background-color:#CCCCCC;
padding:10px;
margin-bottom:10px;
}

.form_row{
position:relative;
float:left;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
width:90%;
}

.input_title{
position:relative;
float:left;
width:150px;
font-weight:bold;

}
.input_area{
position:relative;
float:left;
width:100px;
margin-left:5px;
}

/**********************
 FLASH ANIMBLOCK
***********************/

#flashanim {
	position: relative;
}

#flashanim.mainimage {
	background: transparent;
	width: 250px;
	height: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*contact form styles*/


#contactform {
	width: 450px;
}

	#contactform form { display: inline; }

	#contactform p { margin-top: 5px; }

	#contactform .cont-asterix { color: #f90; }

	#contactform label {
		width: 85px;
		clear: left;
		float: left;
		margin-top: 5px;
		padding-right: 10px;
	}

	input.contform {
		width: 180px;
		border: 1px solid #000;
		float: left;
		font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
		font-size: 1.0em;
		margin-top: 5px;
	}

	textarea.contform {
		width: 180px;
		border: 1px solid #000;
		font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
		font-size: 1.0em;
		float: left;
		margin-top: 5px;
	}

	#buttsend {
		background-color: #008836;
		border: 1px solid #000;
		color: #ffffff;
		font-weight: bold;
		margin: 10px 0 0 95px;
		padding: 3px 5px;
	}

/*end contact form styles */


#flashanim img {
	display:none;
	position:absolute;
	top:0; left:0;
}

#flashanim img.noanim {
	display: block;
}