/*-----------GENERAL------------*/
body  {
	font-family:"palatino linotype", Verdana, Geneva, sans-serif;
	font-size:14px;
	background-color: #01572E;
	text-align: center;
	color: #000000;
}


/*-----------LINKOLOGY------------*/
a, a:link, a:visited{
	color: #D2232A;
	text-decoration:underline;
	font-weight:bold;
	font-size:110%;
} 
a:hover, a:active{
	color: #6e4734;
	text-decoration:none;
}


/*-----------FONTS------------*/
.red-txt{color:#CC3333;} /* keep as red for warnings */
.coloured-txt{color:#0f4097;}

.lrg-txt{font-size:18px;}
.med-txt{font-size:16px;}
.sml-txt{font-size:10px;}

.bold{ font-weight:bold;}
.light{ font-weight:bold;}

/*-----------CONTAINER------------*/
#container { overflow:hidden; width:1000px; margin:40px auto 10px auto; background-color:#FFF; }
/* IE 6 fix */
* html #container {width:1006px;}
/* end */
#middle-container{padding:0 20px 15px 20px; overflow:hidden;}

/*-----------HEADER------------*/
#header{overflow:hidden;}

	#header .header-top{}
		#header .header-top .container-top-spacer{ background:url('../img/container-top-spacer-bg.gif') repeat-x top left; width:100%; height:14px;}
	
	#header .header-bottom{}
		#header .header-bottom .header-bottom-leftside{float:left; width:499px;}
			#header .header-bottom .header-bottom-leftside h1{ background:url('../img/shropshire-star-attraction-logo.gif') no-repeat top left; width:499px; height:199px;}
				#header .header-bottom .header-bottom-leftside h1 a{ display:block; width:499px; height:199px; cursor:pointer;}
					#header .header-bottom .header-bottom-leftside h1 a span{ display:none;}
		#header .header-bottom .header-bottom-rightside{float:right; width:501px;}

/*-----------SIDES------------*/
#left-side { width:180px; float:left; margin:auto 10px;}
#right-side { width:760px; float:left; }

/*-----------LEFT MENU------------*/
#nav-container { width:170px; }			
	#nav-container ul {list-style:none outside none; text-align:left;}
		#nav-container ul li {margin:5px 0;}	
		/* IE 6 fix */
		* html #nav-container ul li{margin:0;}
		/* end */
			#nav-container ul li a {color:#FFFFFF;display:block;font-size:13px;padding:5px 5px 5px 23px;text-decoration:none;text-transform:uppercase; font-weight:100;}
			
			#nav-container ul#main-menu li a {background:url("../img/menu_bg.jpg") no-repeat scroll 5px 5px #01572E;}
			#nav-container ul#main-menu li a:hover{background: #FFCB08 url('../img/menu_hover_bg.jpg') no-repeat 5px 5px;color: #01572E;}
			
			#nav-container ul#main-links-menu li a {background:url("../img/menu_hover_bg.jpg") no-repeat scroll 5px 5px #ffca08; color:#01572E}
			#nav-container ul#main-links-menu li a:hover{background: url('../img/menu_bg.jpg') no-repeat 5px 5px #01572E;  color: #fff;}
			
	#left-side h3 {color:#01572E; font-size:130%; text-align:left; margin:20px 0 0 0;}
			
/*-----------MAIN CONTENT------------*/
#main-content {float:left; overflow:hidden; text-align:left;}
	#main-content .main-content-middle{overflow:hidden;}
		#main-content .main-content-leftside{float:left; width:330px; margin:0 5px 0 0; text-align:justify; }
		#main-content .main-content-rightside{float:right; width:410px; text-align:right; margin-top:20px; }
		.home-page #main-content .main-content-leftside{float:left; width:49%; }
		.home-page #main-content .main-content-rightside{float:right; width:48%; margin-top:0; padding-right:15px; }
		.contact-page #main-content .main-content-leftside{text-align:left;}
	
	#main-content h2 {color:#D2232A; font-size:150%; margin:0 0 15px 0;}
	#main-content h3 {color:#01572E; font-size:105%;}
		#main-content p {margin:0 0 20px 0; line-height:1.6em;}
		#main-content p.margin-none {margin:0;}

/*-----------FOOTER------------*/
#footer{overflow:hidden;}
	#footer .sponsors{ text-align:left; padding:0 0 15px 30px;}
	#footer .container-bottom-spacer{ background:url('../img/container-bottom-spacer-bg.gif') repeat-x bottom left; width:100%; height:14px;}
	
/*-----------OUTER FOOTER------------*/
#footer-outer {overflow:hidden; color:#548c6e; text-align:right; width:980px; margin:0 auto 20px auto; font-size:12px;}
	#footer-outer a{ color:#548c6e; text-decoration:none;}
	#footer-outer a:hover{ color:#000; text-decoration:underline;}

		#footer-outer #footer-links { margin: 10px auto; }  

		#footer-outer #developer-details { }
		#footer-outer #w3c-standards { }