/******************************************
				GLOBAL
******************************************/

* {
	margin:0px;
	padding:0px;
}

body {
	background-image:url(../images/bg_body.gif);
	background-repeat:repeat-x;
	background-color:#a0b18e;
	font-size:62.5%;
	font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.clearleft {
	clear:left;
}

.clearright {
	clear:right;
}

.clear {
	clear:both;
}

a:focus {
	outline: 0;
}

#container {
	width:950px;    /* 1000px w/ drop shadow - 950px w/o drop shadow */
	background-image:url(../images/bg_content.png);
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0 25px;
}

/******************************************
				HEADER
******************************************/

#header {
	width:950px;
	height:200px;
	overflow:hidden;
}

#nav {
	width:950px;	/*Was 903 Glen changed to 950 for extra buttons*/   /*950px*/
	background-image:url(../images/bg_nav.gif);
	background-repeat:repeat-x;
	height:30px;	/*30px*/
	padding-left:0px;  /*Was 47 - Glen changed to 0px*/
}

	#nav ul {
	}
	
		#nav li {
			height:30px;
			float:left;
			list-style:none;
		}
		
			#nav li a {
				text-indent:-9999px;
				overflow:hidden;
				display:block;
				height:30px;
			}
		
		#nav li.home a {
			background-image:url(../images/btn_home.gif);
			width:73px;
			background-repeat:no-repeat;
			background-position: 0 0;
		}
		
		#nav li.news a {
			background-image:url(../images/btn_news.gif);
			width:72px;
			background-repeat:no-repeat;
			background-position: 0 0;
		}
		
		#nav li.about a {
			background-image:url(../images/btn_about.gif);
			width:138px;
			background-repeat:no-repeat;
			background-position: 0 0;
		}
		
		#nav li.whatson a {
			background-image:url(../images/btn_whatson.gif);
			width:95px;
			background-repeat:no-repeat;
			background-position: 0 0;
		}
		
		#nav li.food_and_drink a {
			background-image:url(../images/btn_food_and_drink.gif);
			width:104px;
			background-repeat:no-repeat;
			background-position: 0 0;
		}
		
		#nav li.accommodation a {
			background-image:url(../images/btn_accommodation.gif);
			width:134px;
			background-repeat:no-repeat;
			background-position: 0 0;
		}
		
		#nav li.things a {
			background-image:url(../images/btn_things.gif);
			width:108px;
			background-repeat:no-repeat;
			background-position: 0 0;
		}
		
		#nav li.directory a {
			background-image:url(../images/btn_directory.gif);
			width:136px;
			background-repeat:no-repeat;
			background-position: 0 0;
		}
		
		#nav li.gallery a {
			background-image:url(../images/btn_gallery.gif);
			width:79px;
			background-repeat:no-repeat;
			background-position: 0 0;
		}
		
		#nav li.contact a {
			background-image:url(../images/btn_contact.gif);
			width:82px;
			background-repeat:no-repeat;
			background-position: 0 0;
		}
		
		#nav li a:hover {
			background-position:0pt 100%;
		}
		
		
#content {
	width:950px;
	background-image:url(../images/bg_content3.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
}

/******************************************
				LEFT COLUMN
******************************************/

#leftcol {
	width:180px;	/*200px*/
	min-height:450px;    /*470px*/
	float:left;
	background-image:url(../images/bg_sidenav.gif);
	background-repeat:repeat-x;
	background-color:#a18344;
	color:#FFFFFF;
	padding:10px;
}


/******************************************
				Nav on Home
******************************************/

	.homenav {
		list-style:none;
		width:180px;
	}
	
		.homenav li {
			border-style:dotted;
			border-color:#945c18;
			border-width:0px 0px 1px 0px;
			margin-bottom:5px;
		}
		
			.homenav li a {
				color:#FFFFFF;
				display:block;
				text-decoration:none;
			}
			
			.homenav li a:hover {
				color:#43661E;
				/*background-color:#FFFFFF;*/
			}
			
			.homenav h2 {
				font-size:1.3em;
				text-align:center;
			}
			
			.homenav a img {
				border:1px solid #fff;
				margin:5px 0px;
			}
			
			.homenav a:hover img {
				border:1px solid #43661E;
			}


/******************************************
			Nav of other pages
******************************************/
			
	.sidenav {
		list-style:none;
		width:180px;
	}
	
		.sidenav li {
			font-size:1.2em;
			margin:10px 0px;
		}
		
		.sidenav li.link {
			padding-left:10px;		/*was 20px - changed by Mag*/
		}
		
		.sidenav li.sub {
			padding-left:40px;
		}
		
		.sidenav li a {
			color:#FFFFFF;
			text-decoration:none;
		}
		
		.sidenav li a:hover {
			color:#43661e;
		}
		
/******************************************
				MIDDLE
******************************************/

#middle {
	width:560px;	/*620px*/
	float:left;
	padding:20px 30px;
}
	
	#middle h1 {
		font-size:1.6em;
		color:#43661e;
		font-weight:bold;
		margin-bottom:20px;
	}
	
	#middle h2 {
		font-size:1.6em;
		color:#43661e;
		font-weight:bold;
		margin-bottom:20px;
	}
	
	#middle h3 {
		font-size:1.4em;
		color:#43661e;
	}

	#middle h4 {
		font-size:1.2em;
		color:#43661e;
	}
	
	/*#middle p {
			font-size:1.2em;
		}*/
		
	#middle .text p {
		font-size:1.2em;
	}
	
	#middle .text ul {
		font-size:1.2em;
	}
	
	#middle a {
		color:#43661e;
		text-decoration:none;
		/*border-bottom:1px dashed #9C6;*/
	}
	
		#middle a:hover {
			color:#43661e;
			text-decoration:underline;
			/*border-bottom:1px dashed #360;*/
		}
	
	#middle .banner {
		margin:10px 46px;
		border:1px solid #666;
	}
	
	#middle .banner_noborder {
		margin:10px 46px;
	}
	
	#middle .banner a:hover {
		border:0px;
	}
	
	#middle a img {
		border:0px;
		margin:0px 10px;
	}
	
	#middle .header_banner {
		padding: 4px 8px;
		background-color: #42661E;
		display: block;
	}
	
		#middle .header_banner h1 {
			color: #fff;
		}
		
		#middle .header_banner a {
			color: #fff;
		}
	
/******************************************
				Breadcrumb
******************************************/
	
	#middle .breadcrumb {
		width:560px;
		font-size:0.9em;
		margin-bottom:10px;
		height:12px;
	}
	
		#middle .breadcrumb a {
			color:#43661e;
			text-decoration:underline;
			border-bottom:0px;
		}
		
		#middle .breadcrumb a:hover {
			text-decoration:none;
			border-bottom:0px;
		}
		
		
/******************************************
				Bottom Links
******************************************/
	
	#middle .bottom_links {
		width:560px;
		font-size:0.9em;
		margin:20px 0px 10px 0px;
	}
	
		#middle .bottom_links a {
			color:#43661e;
			text-decoration:underline;
			border-bottom:0px;
		}
		
		#middle .bottom_links a:hover {
			text-decoration:none;
			border-bottom:0px;
		}

/******************************************
		Areas Within Shropshire List
******************************************/
		
.areaslist {
	list-style:none;
	font-size:1.2em;
	border-bottom:1px dashed #43661e;
	padding-bottom:10px;
	margin-bottom:10px;
}			

	.areaslist li {
		margin-left:20px;
	}
	
	.areaslist li.sub {
		margin-left:40px;
		list-style:none;
	}
	
	.areaslist a {
		color:#43661e;
		text-decoration:none;
	}
	
		.areaslist a:hover {
			text-decoration:underline;
		}
		

/******************************************
			Useful Links Box
******************************************/

.useful_links {
	width:478px;
	margin:10px 30px;
	border:1px dashed #693;
	background-color:#CFC;
	padding:10px;
}

	.useful_links a {
		color:#000;
		text-decoration:none;
		border-bottom:1px dashed #339933;
	}
	
	.useful_links a:hover {
		border-bottom:1px dashed #003300;
	}


/******************************************
	      Tourist Info Listings
******************************************/

.touristinfo {
	width:540px;
	border-bottom:1px dashed #669966;
	padding:10px;
	margin-bottom:10px;
	background-image: url(../images/dirbg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.touristinfo_left {
	width:180px;
	float:left;
	margin-right:20px;
}

.touristinfo_right {
	width:340px;
	float:left;
}

	
/******************************************
				A-Z Box
******************************************/
	
#az {
	width:478px;
	margin:10px 30px;
	border:1px dashed #693;
	background-color:#CFC;
	padding:10px;
	font-size:1em;
}

	#az a {
		color:#003300;
		text-decoration:underline;
	}
	
	#az a:hover {
		text-decoration:none;
	}
	

/******************************************
		Service Directory Listing
******************************************/
/*	
.dirlisting {
	width:540px;
	border-bottom:1px dashed #669966;
	padding:10px;
	margin-bottom:10px;
	background-image: url(../images/dirbg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.dir_left {
	width:160px;
	float:left;
	margin-right:10px;
}

.dir_mid {
	width:200px;
	float:left;
	margin-right:10px;
}

.dir_right {
	width:160px;
	float:left;
}*/

/******************************************
		Business Directory Listing
******************************************/

.busdirlist {
	width:558px;
	border:1px dotted #ccc;
	background-image: url(../images/bg_busdir.gif);
	background-repeat: repeat-x;
	background-position:bottom center;
	margin-bottom:10px;
}

.busdirlist_top {
	width:546px;	/*558px*/
	border-bottom:1px dotted #ccc;
	padding:6px;
}

	.busdirlist_top p {
		font-size:1.4em;
		color:#43661e;
		font-weight:bold;
	}
	
	.busdirlist_top span {
		font-size:0.9em;
		color:#a58646;
	}
	
.busdirlist_left {
	width:244px;	/*300px*/
	float:left;
	padding:6px 16px;
}

	.busdirlist_left p {
		font-size:1.2em;
	}
	
.busdirlist_right {
	float:left;
	width:250px;	/*258px*/
	padding:6px 16px;
}

	.busdirlist_right p {
		font-size:1.2em;
		margin:0px 0px 10px;
	}
	
	.busdirlist_right strong {
		color:#43661e;
	}
	
	.busdirlist_right a {
		font-weight:bold;
	}

/******************************************
				Theatre Listing
******************************************/

.theatre {
	border:1px solid #6f924a;
	width:558px;
}

.theatre_top {
	min-height:16px;	/*24px*/
	width:550px;	/*562px*/
	background-image: url(../images/bg_theatre_top.gif);
	background-repeat: repeat-x;
	background-position:bottom;
	background-color:#fff;
	border-bottom:1px dotted #6f924a;
	padding:4px;
}

	.theatre_top p {
		color:#43661e;
		font-weight:bold;
		font-size:1.4em;
	}
	
	.theatre_top span {
		color:#a58646;
		font-size:0.8em;
	}
	
.theatre_left {
	float:left;
	width:340px;	/*360px*/
	min-height:210px;	/*was 177px - changed by Mag*/
	padding:10px;
	border-right:1px dotted #6f924a;
}

	.theatre_left p {
		margin:0px 0px 10px 0px;
		font-size:1.1em;
	}
	
	.theatre_left .thumb_image {
		margin:0px;
	}
	
	.theatre_left .thumbnail {
		float:right;
		margin:0px 0px 10px 10px;
	}

.theatre_right {
	float:left;
	width:176px;	/*196px*/
	padding:10px;
}

	.theatre_right p {
		margin:0px 0px 10px;
	}
		
	.theatre_right p strong {
		color:#43661e;
		font-size:1.1em;
	}


/******************************************
				Details Page
******************************************/

#details_info {
	border-bottom:1px dotted #6F924A;
	padding-bottom:20px;
	margin-bottom:20px;
}

.thumb {
	float:right;
	margin:0px 0px 10px 10px;
}

.thumb_left {
	float:left;
	margin:0px 10px 10px 0px;
}

.label {
	color:#43661e;
	font-weight:bold;
}

#details_blurb {
	font-size:1.2em;
}

/******************************************
				Contact Form
******************************************/

#contact {
	font-size:1.2em;
	padding-top:20px;
	width:440px;
	margin:0px 60px;
}

	#contact label {
		color:#43661e;
		width:100px;
		float:left;
	}


/******************************************
			Submit a Photo Form
******************************************/
	
#submitphoto {
	font-size:1.2em;
	padding-top:20px;
	width:440px;
	margin:0px 60px;
}

	#submitphoto label {
		color:#43661e;
		width:150px;
		float:left;
		margin-left:20px;
	}
	
	#submitphoto p {
		margin-top:10px;
	}
	

/******************************************
			  Site Map List
******************************************/	
	
#sitemap {
	font-size:1.2em;
	list-style:none;
}

	#sitemap .main {
		margin:10px;
		font-weight:bold;
	}
	
	#sitemap .sub1 {
		margin:6px 0px 6px 20px;
		font-weight:normal;
	}
	
		#sitemap .sub1:before {
			content: "» "; 
		}
	
	#sitemap .sub2 {
		margin:6px 0px 6px 40px;
		font-weight:normal;
	}
		
		#sitemap .sub2:before {
			content: "» "; 
		}
		

/******************************************
				Gallery
******************************************/

#gallery_container {
	width:560px;
	font-size:1.1em;
	/*border:1px solid #ccc;*/
}

#gallery_left {
	width:175px;
	float:left;
	padding:0px 5px;
	background-color:#CFC;
	height:264px;
}

	#gallery_left p {
		width:170px;
		border-bottom:1px dashed #9C9;
		padding:5px 0px;
		font-size:1em;
	}

	#gallery_left .title {
		/*font-weight:bold;*/
		color:#43661e;
	}

#gallery_right {
	width:370px;
	float:left;
	padding:0px 0px 0px 5px;
}

#gallery_thumb_container {
	width:560px;
}

	#gallery_thumb_container a img {
		float:left;
		width:11px;
		margin:0px 4px 0px 4px;
	}

/* thumbnails = 100 x 67 */
#gallery_thumbs {
	width:540px;
	margin:10px 0px;
}
	
	#gallery_thumbs a:hover {
		border-bottom:0px;
	}
	
	#gallery_thumbs a img {
		width:100px;
		margin:0px 1px;
		border:1px solid #ccc;
	}
	
		#gallery_thumbs a img:hover {
			border:1px solid #43661e;
		}

/******************************************
				Credits
******************************************/

.credits {
	width:100px;	/*160px*/
	height:100px;	/*120px*/
	border:1px dashed #bbb;
	padding:10px 30px;
	background-color:#eee;
	float:left;
}

	.credits p {
		font-size:1em;
		text-align:center;
		color:#444;
		padding-top:10px;
	}

/******************************************
				RIGHT COLUMN
******************************************/

#rightcol{
	width:120px;   /*130px*/
	float:left;
	padding:3px 5px 2px;
	
	text-align:center;		/*added by Mag - 11/08/08*/
}

	#rightcol .banner {
		margin-bottom:3px;
		margin-top:2px;
		border:1px solid #666;
	}
	
	#rightcol .banner_noborder {
		margin-bottom:3px;
		margin-top:2px;
	}
	
	#rightcol a img {
		border:0px;
	}


/******************************************
				  News
******************************************/

#rightcol .news {
	width:110px;	/*120px*/
	border:1px dotted #43661e;
	margin:4px 0px;
	padding:5px;
}

	#rightcol .news h2 {
		color:#43661e;
		margin-bottom:4px;
		text-align:left;
		font-size:1.4em;
	}
	
	#rightcol .news p {
		text-align:left;
	}
	
	#rightcol .news p a {
		color:#43661e;
/*		font-weight:bold;*/
	}
	
	#rightcol .news p a:hover {
		text-decoration:none;
	}

/******************************************
				FOOTER
******************************************/

#footer {
	min-height:31px;	/*41px*/
	width:950px;
	background-image:url(../images/bg_footer.gif);
	background-repeat:repeat-x;
	background-position: center bottom;
	background-color: #57792F;
	font-size:1.1em;
	color:#FFFFFF;
	text-align:center;
	padding-top:10px;
}

	#footer a {
		color:#FFFFFF;
		text-decoration:none;
		margin:0 4px;
	}
	
	#footer a:hover {
		/*text-decoration:underline;*/
		border-bottom:1px dotted #9C6;
	}
	
	#footer p {
		margin-top:6px;
	}

#footerbtm {
	width:1000px;
	height:30px;
	background-image:url(../images/bg_footerbtm.png);
	background-repeat:no-repeat;
	margin:0 auto;
}