/* CSS Document */
<style type="text/css" media="screen">

	body {
		margin:0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
		text-align:center; /* Hack for IE5/Win */
		}
	
	#Content {
		width:760px;
		margin:0px auto; /* Right and left margin widths set to "auto" */
		text-align:left; /* Counteract to IE5/Win Hack 
		border:1px dashed #333;
		background-color:#eee;*/
		}
		
	#HeaderTop {
		width:760px;
		height:163px;	
		float:left;
		padding: 62px 0px 0px 0px;
		background:purple;
		text-align:right;
		background: url("../images/struts/header-r3.jpg");
		background-repeat: no-repeat;
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		
		}

	#HeaderTop2 {
		width:760px;
		height:225px;	
		float:left;
		padding: 0px 0px 0px 0px;
		background:purple;
		text-align:right;

		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		
		}

	#LatestNews {
		width:760px;
		height:30px;	
		float:left;
		background:purple;
		padding:0px 10px 10px 35px;
		text-align:left;
		background: url("../images/struts/latestnews.jpg");
		background-repeat: repeat-y;
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		}

	#SubHeader {
		width:760px;
		height:46px;
		background: url("../images/struts/body.jpg");
		background-repeat: no-repeat;	
		float:left;
		padding:30px 10px 10px 35px;
		position:relative;
		}

	#MainBody {
		width:760px;
		padding:10px 10px 10px 35px;
		background: url("../images/struts/body-repeat.jpg");
		background-repeat: repeat-y;	
		float:left;
		text-align:left;
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		}

	.TextContent {
		width:700px;
		padding:10px 10px 10px 0px;	
		float:left;
		text-align:left;
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 20px;
		font-weight: normal;
		color: #000000;
		}
		
	.AddContent {
		width:145px;
		padding:10px 10px 10px 0px;	
		float:left;
		text-align:left;
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		font-weight: normal;
		color: #000000;
		}

	.SubFooter {
		width:645px;
		padding:10px 10px 10px 0px;	
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		font-weight: normal;
		color: #000000;
		}

	#Footer {
		width:760px;
		height:200px;
		float:left;
		background:orange;
		text-align:left;
		padding:10px 10px 10px 35px;
		background: url("../images/struts/footer.jpg");
		background-repeat: no-repeat;
		}

	#Map { 
	  	background-image: url("../maps/jpeg/west-mid.jpg");
		background-repeat: no-repeat;
	  	height: 316px;
	  	width: 503px;
	  	}

	#Menu a {
	    position: absolute;
	    height: 200px;
	    width: 129px;
	    top: 500px; 
		left: 500px;
	    text-decoration: none;
	    }
		
	#Menu a i { visibility: hidden; }
	
	a#Shrewsbury { left: 357px; top:498px; height: 140px; width: 129px;}
	a#Wolverhampton { left: 432px; top:606px; height: 100px; width: 129px;}
	a#Stafford { left: 449px; top:454px; height: 200px; width: 129px;}
	
	a#Shrewsbury:hover { background-image: url("../maps/hovers/shrews.jpg"); background-repeat: no-repeat;}
	a#Wolverhampton:hover { background-image: url("../maps/hovers/wolvo.jpg"); background-repeat: no-repeat;}
	a#Stafford:hover { background-image: url("../maps/hovers/stafford.jpg"); background-repeat: no-repeat;}
	
	a#Shrewsbury:hover { border: none; }
	a#Wolverhampton:hover { border: none; }
	a#Stafford:hover { border: none; }

	.menulinks {
		font-family: Arial, Arial Narrow, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: bold;
		color: #fff;
		text-decoration: underline;
	}
	
	.menulinks:hover {
		font-family: Arial, Arial Narrow, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: bold;
		color: #ED1C24;
		text-decoration: none;
	}

	.menulinksactive {
		font-family: Arial, Arial Narrow, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}

	.menulinksactive:hover {
		font-family: Arial, Arial Narrow, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
	}			

	.scrollerlinks {
		font-family: Verdana, Arial, Arial Narrow, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		text-decoration: underline;
	}
	
	.scrollerlinks:hover {
		font-family: Verdana, Arial, Arial Narrow, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
	}

	.basket {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #ccc;
		text-decoration: underlined;
	}

	.bw {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: black;
		font-style: italic;
	}

	.bwred {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: red;
		font-style: italic;
	}

	.basketwhite {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #000;
		text-decoration: underlined;
	}

	.boldwhitetext {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: underlined;
	}

	.newsa {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #000;
		text-decoration: underlined;
	}
	
	.newsa:hover {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #ED1C24;
		text-decoration: none;
	}

	.newsa:active {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #ED1C24;
		text-decoration: none;
	}

	a {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000;
		text-decoration: underlined;
	}
	
	a:hover {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ED1C24;
		text-decoration: none;
	}

	a:active {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #ED1C24;
		text-decoration: none;
	}
	
	.introlinks {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #74BC19;
		text-decoration: none;
	}
	
	.introlinks:hover {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: normal;
		color: #74BC19;
		text-decoration: underline;
	}

	.contact_text {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		font-weight: normal;
		color: #000;
		font-style: normal;
	}

	.contact_headings {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		font-style: normal;

	}	

	h1 {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 28px;
		font-weight: normal;
		letter-spacing: 2px;
		color: #ED1C24;
		font-style: normal;
		text-decoration: none;
		margin:0;
	}

	h2 {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		letter-spacing: 2px;
		color: #acacac;
		font-style: normal;
		text-decoration: none;
		margin:0;
	}

	.text_subheadings {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		font-style: normal;
		text-decoration: underline;
	}

	.text_scroller {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		font-style: normal;
	}
	
	.navlinks {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		color: #CCC;
		letter-spacing: 1px;
		text-decoration: underlined;
		font-weight: bold;
	}

	.navlinks:hover {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		color: #ED1C24;
		letter-spacing: 1px;
		text-decoration: none;
		font-weight: bold;
	}

	.subnavlinks {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 10px;
		color: #CCC;
		letter-spacing: 1px;
		text-decoration: underlined;
	}

	.subnavlinks:hover {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 10px;
		color: #ED1C24;
		letter-spacing: 1px;
		text-decoration: none;
	}

	.blacktext {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: normal;
		color: #000;		
		text-decoration: none;
	}	

	.basketheaders {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 23px;
		font-weight: normal;
		color: #ED1C24;
		text-decoration: underlined;
	}

	.redtext {
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: bold;
		color: #ff0000;
	}		

	.formbutton {
		width: 110px;
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: bold;
		color: #ffffff;
		background:#000000;
		padding: 1px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #000000;
		border-right-color: #000000;
		border-bottom-color: #000000;
		border-left-color: #000000;
	}

	.formbox {
		width: 30px;
		font-family: Arial, Arial Narrow, Verdana, Helvetica, sans-serif;
		font-size: 11px;
		letter-spacing: 1px;
		font-weight: bold;
		color: #000000;
		padding: 3px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #000000;
		border-right-color: #000000;
		border-bottom-color: #000000;
		border-left-color: #000000;
	}

	.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #333333;
	border-left-color: #FFFFFF;
	background-color: #fff;

}

	.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	font-style: normal;
	line-height: 20px;
	}

	
	br {
		clear: left;
	}
	
	ul,ol { margin-left:35px; margin-bottom:10px; margin-top:10px; }
	

	img { border:none }

</style>