@charset "utf-8";
/* CSS Document */

/*-----------GENERAL------------*/
body  {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.6em;
	background:url('../img/main-bg.jpg') repeat top;
	background-color: #fff;
	text-align: center;
	color: #000000;
}


/*-----------LINKOLOGY------------*/
a, a:link, a:visited{color: #0f4097;text-decoration:underline;} 
a:hover, a:active{color: #6e4734;text-decoration:none;}

/*-----------FONTS------------*/
.red_txt{color:#CC3333;} /* keep as red for warnings */
.lrg_txt{font-size:18px;}
.med_txt{font-size:16px;}
.sml_txt{font-size:10px;}
.coloured_txt{color:#5b764c;}
.bold{ font-weight:bold;}

hr{ margin:20px auto; border:1px dashed #ccc;}



/*-----------TABLES------------*/
table{margin:0 0 20px 0;}
table tr td{padding:5px;}
	table tr td.title{ background-color:#889a7d; font-weight:bold; color:#fff;}
	table tr td.data{ border-bottom:1px dashed #ccc;}

/*-----------CONTAINERS------------*/
#container { overflow:hidden; width:937px; margin:0 auto; background-color:#fff;}
	/*#bg-colour-container{ background-color:#fff; overflow:hidden;}*/

/*-----------HEADER------------*/
#header{overflow:hidden;width:937px; margin:0 auto;}
	#header #header-main-image{ background:url('../img/header-image.png') no-repeat top; height:308px;}
	.home #header #header-main-image{ background:url('../img/header-image.png') no-repeat top;}
	.shropshire-hills #header #header-main-image{ background:url('../img/header-image-shropshire.png') no-repeat top;}
	.accommodation #header #header-main-image{ background:url('../img/header-image-cottage.png') no-repeat top;}
	#header #header-title-image{ background:url('../img/header-website-title.jpg') no-repeat top; height:45px;}
		#header #header-title-image p span{ display:none;}
	#header #header-bottom-image{ background:url('../img/header-image-bottom.jpg') no-repeat top; height:28px;}
	

/*-----------SIDES------------*/
#left-side { width:160px; float:left; margin:auto 10px 0 23px;}
/* ie 6 fix */
* html #left-side{margin:auto 10px 0 11px;}
/* end */
#right-side { width:704px; float:left; margin:auto 20px;}

/*-----------LEFT MENU------------*/
#left-menu {float:left; width:160px; margin:0 0 15px 0;}
	#left-menu ul { list-style:none; text-align:left; font-weight:bold;}
		#left-menu li { background:url('../img/menu-button-bg.gif') no-repeat top #cad4ca; width:156px; height:34px;}
		#left-menu li.end { background:url('../img/menu-button-bg-end.gif') no-repeat top #cad4ca; height:115px;}
			#left-menu a, #left-menu a:link, #left-menu a:visited { line-height:2.6em; padding:0 0 0 10px; color:#fff; text-decoration:none;}
			#left-menu a:hover, #left-menu a:active { color:#b3c538; text-decoration:underline;}
			
#left-side .assessment-logo-container{margin:15px 0;}

/*-----------MAIN CONTENT------------*/
#main-content {overflow:hidden; text-align:left;}
	#main-content #main-content-left{float:left; width:465px;}
	#main-content #main-content-right{float:left; width:200px; margin:0 15px 0 20px; text-align:right}
		.contact #main-content #main-content-left{float:left; width:350px;}
		.contact #main-content #main-content-right{float:left; width:300px; margin:0 15px 0 20px; text-align:right}
	/* ie 6 fix */
	* html #main-content #main-content-right{margin:0 10px 0 10px;}
	/* end */
		#main-content h1{ margin:0 0 15px 0; color:#999999; font-size:22px; font-weight:100;}
		#main-content h2{ margin:0 0 15px 0; color:#999999; font-size:18px; font-weight:100;}
		#main-content h3{ margin:0; color:#879a7c;}
			#main-content p{margin: 0 0 15px 0;}
			#main-content ul{margin: 0 0 15px 40px;}
		
	#main-content .comment-box{ width:460px; margin:0 0 20px 0; }
		#main-content .comment-box .comment-box-top{ background:url('../img/comment-box-top.gif') no-repeat top; height:20px;}
		#main-content .comment-box .comment-box-middle{ background-color:#dce9dc;}
			#main-content .comment-box .comment-box-middle .visitor-comment{width:90%; margin:0 auto;}
			#main-content .comment-box .comment-box-middle .visitor-name{ padding:5px 0 0 0; width:90%; text-align:right; margin:0 auto; color:#647109;}
		#main-content .comment-box .comment-box-bottom, #main-content .comment-box .comment-box-bottom-v2, #main-content .comment-box .comment-box-bottom-v3{ height:33px;}
		#main-content .comment-box .comment-box-bottom{ background:url('../img/comment-box-bottom.gif') no-repeat top;}
		#main-content .comment-box .comment-box-bottom-v2{ background:url('../img/comment-box-bottom-v2.gif') no-repeat top;}
		#main-content .comment-box .comment-box-bottom-v3{ background:url('../img/comment-box-bottom-v3.gif') no-repeat top;}
		
	#main-content .customer-comment {}
		#main-content .customer-comment p{margin:0 auto;}
		#main-content .customer-comment p.visitor-name { margin:5px 0; color:#647109;}

	#main-content #main-content-right img{ margin:0 0 20px 0; border:4px solid #889a7d; width:186px; height:135px;}

/*-----------FOOTER------------*/
#footer{overflow:hidden;background:url('../img/footer-bg.jpg') repeat-x top left;margin:0 auto;width:937px; height:41px; font-size:14px; font-weight:bold; color:#fff;}
	#footer .left{float:left; text-align:left; padding:13px 0 0 30px; }
	#footer .right{float:right; text-align:right; padding:13px 30px 0 0;}
		#footer a, #footer a:link, #footer a:visited{ color:#fff; text-decoration:none;}
		#footer a:hover, #footer a:active{ color:#b3c538; text-decoration:underline;}
	
/*-----------OUTER FOOTER------------*/
#footer-outer {overflow:hidden; width:940px; margin:20px auto; font-size:11px;}

	#footer-outer .menu-container { font-size:90%;overflow:hidden; width:90%;margin:0px auto 10px auto; }
		#footer-outer .menu-container ul{ list-style:none;}
			#footer-outer .menu-container li{ float:left; border-left:1px solid #b0a175; line-height:1.1em; padding:0 5px;}
			#footer-outer .menu-container li.top{border:0; }
				#footer-outer .menu-container a, #footer-outer .menu-container a:link, #footer-outer .menu-container a:visited{color:#000; }
				#footer-outer .menu-container a:hover,#footer-outer .menu-container a:active{ color:#000; text-decoration:underline; }
				#footer-outer .menu-container a.start{ border:0;}
	
	#footer-outer #footer-links { font-size:90%; overflow:hidden; width:95%; margin:10px auto; text-align: center } 
		
		#footer-outer #footer-links a, 
		#footer-outer #footer-links a:link, 
		#footer-outer #footer-links a:visited{color:#000; }
		#footer-outer #footer-links a:hover,
		#footer-outer #footer-links a:active{ color:#000; text-decoration:underline;}


	#footer-outer a, #footer-outer a:link, #footer-outer a:visited{ color:#000; text-decoration: none;}
	#footer-outer a:hover, #footer-outer a:active{ color:#718100; text-decoration: underline;}
	
	#footer-outer .left {float:left; padding:20px 0 0 35px;text-align:left}
		#w3c-standards { }
		#developer-details { }
				
	#footer-outer .right{float:right;}
		#footer-outer .grant-logos{}
			#footer-outer .grant-logos p{ background:url('../img/grant-logos.gif') no-repeat top; width:263px; height:78px;}
				#footer-outer .grant-logos p span{ display:none;}
		
	
		
/************************************/
/************ MESSAGES **************/
/************************************/

.message_box
{
	border-style: solid;
	border-width: 1px;

	margin: 10px 0px;
	
	padding: 1em; 
	width: 98%;
	
	text-align: center;
	color: #000000;
}

.message_box_short
{
	width: 70%;
}

.red_message_box
{
	border-color: #FF0000;
	background: #FFB0B0;
}

.green_message_box
{
	border-color: #235C34;
	background: #B8F5B1;
}

.blue_message_box
{
	border-color: #0000FF;
	background: #99CCFF;
}

.short_message_box
{
	width: 90%;
}