/* CSS Doc*/
*, img { margin:0; padding:0; border:0;}

body
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#ebf2eb;
	background:#90C07A;/*#8B4754;*/	
}

h1{}
h2{ font-size:95%;}
h3{ font-size:95%;}
p{}

strong, b { font-weight:bold;}


#container { width:990px; margin:auto; margin-top:15px;}

#header_container { width:990px; margin:0; padding:0; height:156px; clear:both;}

	#logo { float:left; width:404px; margin:0; padding:0; height:156px;}
		#logo h1{ background:url('./images/shropshire_county_hotels.jpg') no-repeat top; width:404px; height:156px;}
			#logo h1 a{ display:block; cursor:pointer; width:404px; height:156px;}
				#logo h1 a span{ display:none;}
	#head_img { float:left; width:586px; padding:0;	margin:0; height:156px;}

#menu { margin:0; padding:1px 0 4px 0; text-align:right; background-color:#0a3e06;}

#menu_inner { padding-right:20px;}

/* LEFT AND RIGHT COLUMN CONTAINER */
#central_container { width:990px; margin:0; padding:0; background:url('./images/index_bgd.jpg') top left repeat-y; }
#page_container { width:990px; margin:0; padding:0; background:url('./images/page_bgd.gif') top left repeat-y;}

	/* LEFT COLUMN */
	#leftcol { float:left; width:404px; min-height:334px; background:url('./images/leftbg354.png') no-repeat;}/* same min-height on right col */

	#wide_leftcol { float:left; width:555px; min-height:666px; padding: 20px 0 0 0; color:#043901; background:url('./images/wide_leftbg_555.png') top left no-repeat;}
		
		#hotel_contact { margin:0; padding:0;}
		#hotel_contact h2 {background:#0a3e06; padding: 4px 0 4px 20px; margin:0 0 10px 20px; font-size:16pt; color:#fff;}
		.contact_deets { margin:0; padding:0 0 0 40px; font-size:10pt; font-weight:bold;}
		
		#hotel_deets { width:515px; margin:0; padding:0 0 0 40px;}/* same width as wide_leftcol minus padding on hotel_deets div*/
			
			#hotel_contact_form, #recommend_form { padding-top: 10px; width: 480px; margin: 0 auto; }
			
			#recommend_form form label { width:130px;}
			
			#hotel_deets ul
			{
				list-style-image:url("./images/bullet.png");
				list-style-type:disc;
				padding: 0 0 0 25px;
				width:255px;
			}
			#hotel_desc { float:left; width:317px; font-size:10pt;}
				#hotel_desc ul li { margin:4px 0; padding:0;}
			#location { float:left;	width:173px; padding:0 0 0 25px; margin:0; vertical-align:bottom;}
				#location h3 { font-size:10pt; padding-bottom: 5px; }
				#location p { padding:0 5px 0 0; margin:0 0 10px 0; font-size:8.5pt;}
				#location img { float:right; vertical-align:bottom; margin:0; padding:0;}
				#location #location_map { text-align:center}
				
				
	/* SCROLLING MARQUEE */
	
	#marquee { width:400px; height:334px;}
	
	/* TANNERS AD */
	#tanners_ad { padding:5px 0; margin:35px 0 0 0; font-size:10pt; font-weight:normal; text-align:center;}
	#tanners_ad img#image { border:2px solid #fff; padding:2px;}
	#tanners_ad p { margin:7px 0; padding:0;}
	
	#tanners_ad a { text-decoration:underline; color:#fff;}
	#tanners_ad a:link {text-decoration: underline; color:#fff;}
	#tanners_ad a:visited {text-decoration: underline; color:#fff;} 
	#tanners_ad a:hover {text-decoration: none; color:#fff;} 
	#tanners_ad a:active {text-decoration: underline; color:#fff;}

	/* TANNERS LOGO */
	
	#tanners 
	{
		width: 100%;
		background: #235C34;
	}
	#tanners #tanners_logo
	{
		padding: 12px 0 6px 0;
		margin: 0 auto;
		width: 380px;
	}

	/* RIGHT COLUMN */
	#rightcol {float:left; width:586px; font-size:12px; background: #338134; font-size:10pt; min-height:500px}
	#rightcol h2, #rightcol h3 { font:normal 20pt "Script MT Bold"; margin:10px 0 10px 40px; padding:0; color:#b1d58b;}
	
	.right_central { width:456px; padding:0 60px 20px 70px; text-align:left; font-size:11pt;}
	
		.right_central #locations { width:456px; padding: 10px 0; }
		
		.right_central #locations ul
		{
			list-style-position: inside;
			list-style-type: none;
		}
		
		.right_central #locations #locations_hotels { float: left; width:218px; margin: 10px 10px 10px 0px }
		
		.right_central #locations #locations_hotels a { text-decoration:underline; color:#fff;}
		.right_central #locations #locations_hotels a:link {text-decoration: underline; color:#fff;}
		.right_central #locations #locations_hotels a:visited {text-decoration: underline; color:#fff;} 
		.right_central #locations #locations_hotels a:hover {text-decoration: none; color:#fff;} 
		.right_central #locations #locations_hotels a:active {text-decoration: underline; color:#fff;}
		
		.right_central #locations #locations_places { float: left; width:228px; margin:10px 0px 10px 0px}
		
		.right_central #locations .location_header {overlfow: hidden;}
		.right_central #locations .location_header img {float:left;}
		
		.right_central #offers { padding: 5px 0px; }
		.right_central #offers #offers_entry { padding-bottom: 10px; }
		.right_central #offers #offers_entry h4 { padding: 10px 0px 5px 0px; font-size: 120%; text-decoration: underline; }
		
		.right_central #offers_form { padding-top: 10px; }
		.right_central #tell_a_friend_form { padding-top: 10px; }
		
	#slim_rightcol { float:left; width:415px; margin:0; padding:20px 0 0 20px; font-size:9pt;}/* same min-height on left col */
	
		#right_central_slim_text { float:left; width:260px; margin:0; padding:0 15px 0 0}
		#right_central_slim_images { float:left; width:140px; padding:350px 0 0 0; margin:0;}
		#right_central_slim_images img {margin:0 0 10px 0; padding:0; float:right;}
		
		#return_print, #return_print a { font-size:10pt; color:#bedc94; text-decoration:none; cursor:pointer;}

/* FOOTER DIV*/
#footer_brdr { background-color:#0a3e06; line-height:0.2em; margin:0; padding:0;}
#footer {color:#568142; background-color:#bddc94; margin:0; padding:0;}
#footer p {	padding: 0px 5px 0 5px; margin:0;text-align:center; font-size:7pt;}
#footer p#one { margin:0; padding:5px 0;}
#footer p#two {font-size:8pt; margin:0; padding:0 0 5px 0;}
#footer p#three {margin:0; padding:0 0 5px 0; text-align:center;}

	#address { font-size:14pt;}
	#addressname { font-weight:bold;}
	#addressdetail, #addressdetail2, #addressdetail3, #addressdetail4, #addressdetail5  { font-weight:bold; margin-left:4px;}

/* LINKOLOGY */

a { text-decoration:none; color:#338134;}
a:link {text-decoration: none; color:#338134;}
a:visited {text-decoration: none; color:#338134;} 
a:hover {text-decoration: underline; color:#338134;} 
a:active {text-decoration: none; color:#338134;}

.scrolling_header a:link{color:#fcfdfc;}
.scrolling_header a:visited{color:#fcfdfc;}
.scrolling_header a:hover{color:#c6e39b; text-decoration:none;}
.scrolling_header a:active{color:#fcfdfc;}

a.footerlink:link{color:#568142;}
a.footerlink:visited{color:#568142;}
a.footerlink:active{color:#568142;text-decoration: underline;}


a.menulink { color:#fff; padding:0 12px 0 12px; font-size:13px;}
a.menulink:link {color:#fff;}
a.menulink:visited {color:#fff;}
a.menulink:hover {color:#c6e0a3; text-decoration:none;}
a.menulink:active {color:#fff;}

a.highlight { text-decoration:none; padding:0 12px 0 12px; font-size:13px; color:#c6e0a3;}

a.footer_highlight { font-weight:bold; text-decoration:underline;}

.scrolling_header {background:#0a3e06; height:23px;	color:#fff; padding:2px 0 0 10px;}
.scrolling_hotel { margin:10px 33px 10px 33px;}
.scrolling_hotel img { float:right;}
.scrolling_hotel p { color:#0a3e06; padding:10px 10px 0 10px; line-height:14px;}

.form fieldset
{
	border: 2px solid #90C07A;
	padding: 10px 10px 5px 10px;
}

.form label
{
	clear: left;
	float: left;
	

	text-align:right;
	
	padding-right: 10px;
	
	width: 100px;
}

.form input, .form textarea
{
	background:#FFFFFF url(_img/input_bg.jpg) repeat-x;
	
	border: 1px solid #CCCCCC;
	
	margin-bottom: 4px;

}

.form .submit
{
	
	margin-left: 110px;

}

/************************************/
/************ MESSAGES **************/
/************************************/

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

	margin: 1em; 
	margin-left: auto;
	margin-right: auto;
	padding: 1em; 
	width: 98%;
	
	text-align: center;
	color: #000000;
}

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

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

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

.message_box_short
{
	width: 90%;
}