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

body  {
	font-family:Calibri, Arial, Tahoma;
	font-size:12px;
	background-color:#69bee7;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	width: 100%;
}

h1 {
	font-family:Calibri, Arial, Tahoma;
	font-size: 24px;
 	color:#999999;
	font-weight:bold;
	margin-top:0px;
}

h2 {
	font-family:Calibri, Arial, Tahoma;
	font-size: 16px;
	color:#9ad201;
	font-weight:bold;
	margin-top:0px;
}

h3 {
	font-family:Calibri, Arial, Tahoma;
	font-size: 14px;
 	color: #999;
}

a {
	font-family:Calibri, Arial, Tahoma;
	font-size: 12px;
	color:#3399ff;
	text-decoration: underline;
}

a:hover {
	font-family:Calibri, Arial, Tahoma;
	font-size: 12px;
	color:#999;
	text-decoration: none;
}

a.resources {
	font-family:Calibri, Arial, Tahoma;
	font-size: 12px;
	color:#666666;
	text-decoration: underline;
	margin-bottom:3px;
	line-height:18px;
}

a.resources:hover {
	font-family:Calibri, Arial, Tahoma;
	font-size: 12px;
	color:#999;
	text-decoration: none;
	padding-bottom:3px;
	line-height:18px;
}


a.top {
	font-family:Calibri, Arial, Tahoma; 
	color:#FFF; 
	font-size:11px; 
	text-decoration:none; 
	margin-left:10px;
	margin-right:10px;
}

a.top:hover {
	font-family:Calibri, Arial, Tahoma;
	font-size: 11px;
	color:#fae34a;
	text-decoration: none;
	margin-left:10px;
	margin-right:10px;
}

p {
	font-size: 12px;
	color:#333333;
	font-family:Calibri, Arial, Tahoma;
}

/* Div Styles */

#container {
	text-align: center; 
	margin: 0px auto; 
	padding-left:0px; 
	width: 770px;
	background-color:#FFF;
}
#top {
	width:770px;
	height:65px;
	background-color:#65bfec;
}

#banner {
	height:282px;
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	padding-top:62px; padding-left:403px;
}
#banbutt {width:311px; height:148px; text-align:left; background-image:url(../images/home-button.png); background-repeat:no-repeat; padding:20px;}
.banh1 { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#000000; font-weight:bold;}
.banh2 { font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#3c373b; font-weight:bold;}
.banh3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000000; text-align:right; text-decoration:none; font-weight:bold;}
.banh3:hover { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#060; text-align:right; text-decoration:none font-weight:bold;}
.banh3a { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#069; text-decoration:none; font-weight:bold;}
.banh3a:hover { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#060; text-decoration:none font-weight:bold;}


#banner2 {
	height:166px;
	background-image:url(../images/top3.jpg);
	background-repeat:no-repeat;
}
#banner3{
	height:352px;
	background-image:url(../images/tophol.jpg);
	background-repeat:no-repeat;
}
#banner4{
	height:352px;
	background-image:url(../images/shopping.jpg);
	background-repeat:no-repeat;
}
#nav {height:39px;}
#navitem {height:40px; width:110px; float:left;}
#buttnav {
	height:122px;
	float:left;
}
#area {
	height:122px;
	width:231px;
	float:left;
}
#sports {
	height:122px;
	width:279px;
	float:left;
	text-align:center;
}
#adventure {
	height:122px;
	width:231px;
	float:left;
}

#main {
	width:746px;
	background-color:#FFF;
	padding:12px;
	text-align:left;
	float:left;
}
#maininner {
	width:746px;
	background-color:#FFF;
	padding:12px;
	text-align:left;
	float:left;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-y;
}
#maininner2 {
	width:746px;
	background-color:#FFF;
	padding:12px;
	text-align:left;
	float:left;
}
#textcontent {
	width:366px;
	padding-right:10px;
	float:left;
	margin-top:0px;
	border-right:1px solid #cccccc;
}
#textcontent3 {width:535px; padding-right:10px; float:left; margin-top:12px;}
#textcontent4 {
	width:567px;
	float:left;
	padding-right: 8px;
}
#textcontenth {
	width:100%;
	float:left;
	padding-right: 0px;
}
#textcontent2 { padding:10px; float:left;}
#news {
	float:left;
	width:178px;
	margin-top:0px;
	padding-left:10px;
	padding-right:10px;
}
#buttons {
	width:156px;
	float:right;
	text-align:left;
	/*background-image:url(../images/survey1.jpg);
	background-repeat:no-repeat;
	background-position:top right;*/
	height:320px;
	margin-top:0px;
}

#buttons2 {
	width:176px;
	float:left;
	text-align:right;
	border-left:1px solid #cccccc;
	margin-top:12px;
	padding-left:10px;
}

#buttons3 {
	width:160px;
	float:left;
	text-align:left;
	padding-left:10px;
}


#bottom {height:20px; width:770px; background-image:url(../images/bottom.gif); float:left;}

#copy {height:50px; width:770px; float:right; background-color:#69bee7;}

.newstitle {
	font-family:Calibri, Arial, Tahoma;
	font-size: 18px;
	color:#9ad201;
	font-weight:bold;
	margin-top:0px;
}

#logo { width:300px; float:left; text-align:left; height:65px;}
#search { width:470px; float:left; padding-top:20px; height:45px; text-align:right;}

.table { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold;}
#buttbox { border:1px solid #666666;}

#ltop {height:27px; width:20px; float:left; background-image:url(../images/tls.gif);}
#topbar {height:22px; padding-top:5px; margin-left:20px; margin-right:20px; background-image:url(../images/ts.gif); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:16px;}
#rtop {height:27px; width:20px; float:right; background-image:url(../images/trs.gif);}

#lside {height:100px; width:20px; float:left; background-image:url(../images/lss.gif);}
#boxcont {height:100px; margin-left:20px; margin-right:20px; background-color:#eaeaea;}
#rside {height:100px; width:20px; float:right; background-image:url(../images/rss.gif);}

#lbottom {height:27px; width:20px; float:left; background-image:url(../images/bls.gif);}
#botbar {height:27px; margin-left:20px; margin-right:20px; background-image:url(../images/bs.gif); background-repeat:repeat-x;}
#rbottom {height:27px; width:20px; float:right; background-image:url(../images/brs.gif);}

.title { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px;}

/* New Styles */
#map {
	width:550px; 
	margin:0 auto; 
	height:600px; 
	/*background-image:url(ukmap.gif); 
	background-repeat:no-repeat;*/
	position:relative;
}

#scotland {
	position:absolute;
	width:198px;
	height:301px;
	z-index:1;
	left: 167px;
	top: 2px;
}

#northeast {
	position:absolute;
	width:65px;
	height:87px;
	z-index:2;
	left: 339px;
	top: 226px;
}
#northwest {
	position:absolute;
	width:100px;
	height:143px;
	z-index:3;
	left: 270px;
	top: 267px;
}
#yorkshire {
	position:absolute;
	width:100px;
	height:84px;
	z-index:4;
	left: 345px;
	top: 305px;
}
#wales {
	position:absolute;
	width:106px;
	height:130px;
	z-index:4;
	left: 233px;
	top: 379px;
}
#westmidlands {
	position:absolute;
	width:79px;
	height:115px;
	z-index:5;
	left: 317px;
	top: 394px;
}
#eastmidlands {
	position:absolute;
	width:89px;
	height:104px;
	z-index:6;
	left: 364px;
	top: 371px;
}
#eastanglia {
	position:absolute;
	left:415px;
	top:408px;
	width:94px;
	height:102px;
	z-index:7;
}
#london {
	position:absolute;
	left:421px;
	top:491px;
	width:34px;
	height:27px;
	z-index:9;
}
#southeast {
	position:absolute;
	left:367px;
	top:459px;
	width:132px;
	height:105px;
	z-index:8;
}
#southwest {
	position:absolute;
	left:217px;
	top:492px;
	width:168px;
	height:106px;
	z-index:9;
}
#eire {
	position:absolute;
	left:31px;
	top:262px;
	width:177px;
	height:257px;
	z-index:11;
}
#nireland {
	position:absolute;
	left:119px;
	top:269px;
	width:108px;
	height:82px;
	z-index:12;
}

.scotland {position: relative; background:url(../images/scotland_on.png) no-repeat; white-space: nowrap; display: block; width:198px; height:301px; margin:0; }
.scotland a{display: block; width:198px; height:301px; display: block; text-decoration:none;}
.scotland img { width:198px; height:301px; border:0;}
* html a:hover {visibility:visible;}
.scotland a:hover img {visibility:hidden;}

.northeast {position: relative; background:url(../images/northeast_on.png) no-repeat; white-space: nowrap; display: block; width:65px; height:87px; margin:0; }
.northeast a{display: block; width:65px; height:87px; display: block; text-decoration:none;}
.northeast img {width:65px; height:87px; border:0;}
* html a:hover {visibility:visible;}
.northeast a:hover img {visibility:hidden;}

.northwest {position: relative; background:url(../images/northwest_on.png) no-repeat; white-space: nowrap; display: block; width:100px; height:143px; margin:0;}
.northwest a{display: block; width:100px; height:143px; display: block; text-decoration:none;}
.northwest img {width:100px; height:143px; border:0;}
* html a:hover {visibility:visible;}
.northwest a:hover img {visibility:hidden;}

.yorkshire {position: relative; background:url(../images/yorkshire_on.png) no-repeat; white-space: nowrap; display: block; width:100px; height:84px; margin:0;}
.yorkshire a{display: block; width:100px; height:84px; display: block; text-decoration:none;}
.yorkshire img {width:100px; height:84px; border:0;}
* html a:hover {visibility:visible;}
.yorkshire a:hover img {visibility:hidden;}

.wales {position: relative; background:url(../images/wales_on.png) no-repeat; white-space: nowrap; display: block; width:106px; height:130px; margin:0;}
.wales a{display: block; width:106px; height:130px; display: block; text-decoration:none;}
.wales img {width:106px; height:130px; border:0;}
* html a:hover {visibility:visible;}
.wales a:hover img {visibility:hidden;}

.eastmidlands {position: relative; background:url(../images/eastmidlands_on.png) no-repeat; white-space: nowrap; display: block; width:89px; height:104px; margin:0;}
.eastmidlands a{display: block; width:89px; height:104px; display: block; text-decoration:none;}
.eastmidlands img {width:89px; height:104px; border:0;}
* html a:hover {visibility:visible;}
.eastmidlands a:hover img {visibility:hidden;}

.westmidlands {position: relative; background:url(../images/westmidlands_on.png) no-repeat; white-space: nowrap; display: block; width:79px; height:115px; margin:0;}
.westmidlands a{display: block; width:79px; height:115px; display: block; text-decoration:none;}
.westmidlands img {width:79px; height:115px; border:0;}
* html a:hover {visibility:visible;}
.westmidlands a:hover img {visibility:hidden;}

.eastanglia {position: relative; background:url(../images/eastanglia_on.png) no-repeat; white-space: nowrap; display: block; width:94px; height:102px; margin:0;}
.eastanglia a{display: block; width:94px; height:102px; display: block; text-decoration:none;}
.eastanglia img {width:94px; height:102px; border:0;}
* html a:hover {visibility:visible;}
.eastanglia a:hover img {visibility:hidden;}

.london {position: relative; background:url(../images/london_on.png) no-repeat; white-space: nowrap; display: block; width:34px; height:27px; margin:0;}
.london a{display: block; width:34px; height:27px; display: block; text-decoration:none;}
.london img {width:34px; height:27px; border:0;}
* html a:hover {visibility:visible;}
.london a:hover img {visibility:hidden;}

.southeast {position: relative; background:url(../images/southeast_on.png) no-repeat; white-space: nowrap; display: block; width:132px; height:105px; margin:0;}
.southeast a{display: block; width:132px; height:105px; display: block; text-decoration:none;}
.southeast img {width:132px; height:105px; border:0;}
* html a:hover {visibility:visible;}
.southeast a:hover img {visibility:hidden;}

.southwest {position: relative; background:url(../images/southwest_on.png) no-repeat; white-space: nowrap; display: block; width:168px; height:106px; margin:0;}
.southwest a{display: block; width:168px; height:106px; display: block; text-decoration:none;}
.southwest img {width:168px; height:106px; border:0;}
* html a:hover {visibility:visible;}
.southwest a:hover img {visibility:hidden;}

.nireland {position: relative; background:url(../images/nireland_on.png) no-repeat; white-space: nowrap; display: block; width:108px; height:82px; margin:0;}
.nireland a{display: block; width:108px; height:82px; display: block; text-decoration:none;}
.nireland img {width:108px; height:82px; border:0;}
* html a:hover {visibility:visible;}
.nireland a:hover img {visibility:hidden;}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #999999;
padding: 5px;
background-color:#EFEFEF;
visibility: hidden;
z-index: 100;
text-align:left;
font-family:Arial, Helvetica, sans-serif; 
color:#333; text-decoration:none; font-size:12px;
}

#line {width:100%; height:1px; background-color:#CCC;}

.home {position:relative; background:url(../images/home_on.jpg); no-repeat; white-space:nowrap; display:block; width:110px; height: 40px; margin: 0; }
.home a{display:block; width:110px; height: 40px; display: block; text-decoration: none; }
.home img {width:110px; height:40px; border:0; }
* html a:hover {visibility:visible;}
.home a:hover img {visibility:hidden;}

.shopping {position:relative; background:url(../images/shopping_on.jpg); no-repeat; white-space:nowrap; display:block; width:110px; height: 40px; margin: 0; }
.shopping a{display:block; width:110px; height: 40px; display: block; text-decoration: none; }
.shopping img {width:110px; height:40px; border:0; }
* html a:hover {visibility:visible;}
.shopping a:hover img {visibility:hidden;}

.education {position:relative; background:url(../images/education_on.jpg); no-repeat; white-space:nowrap; display:block; width:110px; height: 40px; margin: 0; }
.education a{display:block; width:110px; height: 40px; display: block; text-decoration: none; }
.education img {width:110px; height:40px; border:0; }
* html a:hover {visibility:visible;}
.education a:hover img {visibility:hidden;}

.health {position:relative; background:url(../images/health_on.jpg); no-repeat; white-space:nowrap; display:block; width:110px; height: 40px; margin: 0; }
.health a{display:block; width:110px; height: 40px; display: block; text-decoration: none; }
.health img {width:110px; height:40px; border:0; }
* html a:hover {visibility:visible;}
.health a:hover img {visibility:hidden;}

.activities {position:relative; background:url(../images/activities_on.jpg); no-repeat; white-space:nowrap; display:block; width:110px; height: 40px; margin: 0; }
.activities a{display:block; width:110px; height: 40px; display: block; text-decoration: none; }
.activities img {width:110px; height:40px; border:0; }
* html a:hover {visibility:visible;}
.activities a:hover img {visibility:hidden;}

.help {position:relative; background:url(../images/help_on.jpg); no-repeat; white-space:nowrap; display:block; width:110px; height: 40px; margin: 0; }
.help a{display:block; width:110px; height: 40px; display: block; text-decoration: none; }
.help img {width:110px; height:40px; border:0; }
* html a:hover {visibility:visible;}
.help a:hover img {visibility:hidden;}

.daysout {position:relative; background:url(../images/daysout_on.jpg); no-repeat; white-space:nowrap; display:block; width:110px; height: 40px; margin: 0; }
.daysout a{display:block; width:110px; height: 40px; display: block; text-decoration: none; }
.daysout img {width:110px; height:40px; border:0; }
* html a:hover {visibility:visible;}
.daysout a:hover img {visibility:hidden;}