/*COLORS

main green:#62927A;
light blue:#61BCD9;

background colors:
sefton:#E57921;
citywaterfront:#B62629;
heartestuary:#996587;
upperestuary:#98C000;
wirralcoast:#47BDDB;

activitiestext:#7F92B2;

mersey:
lightest:#D8E3DF
#BCD1CA
#79A999
#306354

wirral:
lightest:#CFEBEF
#AADEE7
#51BED7
darkest:#2C7596

seftoncoast:
lightest:#F2B282;
#C56E29
#A95F22
darkest:#734603

upperestuary:
#EDF1BD
#D2DF84
#98C000
#5D6800

heartestuary
#D7BCCF
#BB95B3
#996587
#621F37

citywaterfront
#F7D1D4
#F0A2AA
#E36878
#8E3D3C

*/


/*---colors---*/

.merseybasin {
	background-color:#62927A;
}

.merseybasinText {
	color:#62927A;
}

.seftoncoast {
	background-color:#EF7C00;
}

.seftoncoastMap {
	background-color:#fdebd9;
	border-top:15px solid #E57921;
}

.seftonText {
	color:#E57921;
}

.citywaterfront {
	/*PDFbackground-color:#B62629;*/
	background-color:#B53E42;
}

.citywaterfrontMap {
	background-color:#f6e8e8;
	border-top:15px solid #B62629;
}

.citywaterfrontText {
	color:#B62629;
}

.heartestuary {
	background-color:#966E90;
}

.heartestuaryMap {
	background-color:#f4f0f4;
	border-top:15px solid #996587;
}

.heartestuaryText {
	color:#996587;
}

.upperestuary {
	/*background-color:#98C000;*/
	background-color:#8cc63f;
}

.upperestuaryMap {
	background-color:#eef7e2;
	border-top:15px solid #98C000;
}

.upperestuaryText {
	color:#98C000;
}

.wirralcoast {
	background-color:#1FBFD9;
}

.wirralcoastMap {
	background-color:#e6f4f6;
	border-top:15px solid #47BDDB;
}

.wirralcoastText {
	color:#47BDDB;
}

.leisure {
	background-color:#48BDDB;
}

.leisureLight {
	background-color:#CFEBEF;
}

.leisureText {
	color:#47BDDB;
}

.activities {
	background-color:#7F92B2;
}

.activitiesText {
	color:#7F92B2;
}


/*---global---*/

h1 {
	font-size:17px;
}

h2 {
	font-size:17px;
}

h3 {
	font-size:17px;
}

h4 {
	font-size:14px;
}

html,body {
	height:100%;
	padding:0;
	margin:0;
}

body {
	margin:0px;
	text-align:center;
	xborder-top:5px solid #ababab;
	background-color:#F0F0F0;
}

body * {
	text-align:left;
	font-family:arial,sans-serif;
	font-size:11px;
	color:#333;	
}

* html div#layoutContainer {
	height:100%;
	overflow:visible;
}

div#layoutContainer {
	min-height:100%;
	margin:0px auto;
	overflow:auto;
	width:966px;
	background:url(../images/bg_tile.gif) repeat-y;
}

div#insideContentContainer {
	margin:10px 25px;
}

div#headerContainer {
	height:90px;
}

div#mainTitle{
	float:left;
	width:250px;
}

div#mainTitle img{
	border:0px;
}

div#navigationContainer{
	float:right;
	xtext-align:right;
}

div#navigationContainer img{
	float:left;
}

div#navigationContainer a.subnav{
	color:#79A999;
	text-decoration:none;
	line-height:24px;
	margin-right:10px;
}

div#navigationContainer a.subnav:hover{
	color:#1fbfd9;
}

div#navigationContainer a.selected {
	font-weight:bold;
	color:#306555;
	line-height:24px;
	margin-right:10px;
	text-decoration:none;	
	cursor:text;
}

div#navigationContainer a.selected:hover {
	cursor:arrow;
}

div#mainImageContainer img {
	border:0px;
}

div#mainContent {
	float:left;
	width:100%;
}

div#mainContent.homepage {
	xpadding-bottom:140px;
}

div#mainCopy.homepage a {
	text-decoration:none;
}

/*---mdetail---*/

div#mainCopy{
	float:left;
	font-size:12px;
	width:470px;
	padding-bottom:140px;
}

div#mainCopy a{
	text-decoration:none;
}

div#mainCopy a:hover{
	text-decoration:underline;
}

div#mainCopy .homepage{
	width:540px;
}

div#mainCopy.contactinfo {
	width:800px;
	padding-left:117px;
}

div#mainCopy.contactinfo p.merseytravel {
	width:685px;
}

div#mainCopy.contactinfo img.h1Image {
	margin-bottom:20px;
}

div#mainCopy h1{
	line-height:60px;
}

div#mainCopy p{
	font-size:12px;
	line-height:16px;
}

div#mainCopy p.intro{
	font-weight:bold;
	margin-top:0px;
}

div#mainCopy p.homepage{
	font-size:14px;
	line-height:18px;
}

div#mainCopy *{
	color:#fff;
}

div#mainCopy h1 {
	font-size:20px;
}

div#pageTitles {
	height:90px;
}

div#pageTitles img.h1Image {
	float:left;
	margin-bottom:22px;
}

div#pageTitles img.h2Image {
	clear:left;
	float:left;
}

div#didyouknow img.didyouknowIcon {
	margin-left:17px;
}

div#didyouknow img.didyouknowText {
	margin-left:6px;
	padding-bottom:5px;
}

div#didyouknow {
	float:left;
	width:264px;
	padding-top:42px;
}

div#didyouknow *{
	color:#fff;
}

div#didyouknow h2{
	color:#BCD1CA;
}

div#didyouknow p{
	padding-left:58px;
	font-size:13px;
	padding-right:32px;
	line-height:16px;
	margin-top:8px;
}

div#didyouknow ul{
	margin-left:32px;
	padding-right:32px;
	margin-top:8px;
}

* html div#didyouknow ul{
	padding-left:42px;
}

div#didyouknow ul li{
	font-size:13px;
}

div#didyouknow span.touristCentreLabel {
	font-size:12px;
	font-weight:bold;
}

div#didyouknow p.touristCentre {
	margin-bottom:5px;
}


/*---map page---*/

div#flashMap {
	float:left;
	font-size:12px;
	width:917px;
	padding-bottom:0px;
}

div#flashMap p {
	font-size:12px;
}

div#getFlashMessage {
	float:left;
	background-color:#eee;
	width:777px;
	padding:10px;
	margin:0px 20px;
	text-align:center;
}

div#mapContainer {
	width:100%;
	float:left;
	padding-top:20px;
}

div#mapContainer div#locationHeader {
	margin-bottom:25px;
	padding-left:40px;
}

div#subNav {
	margin-top:16px;
	height:26px;
	width:100%;
	background-color:#91B2A1;
	margin-bottom:10px;
}

div#subNav img {
	border:0px;
	margin:0px 2px;
}

div#subNav a {
	border:0px;
}

div#attractionsCol1 {
	clear:left;
	width:400px;
	padding-left:40px;
	float:left;
}

div#attractionsCol2 {
	width:400px;
	padding-left:30px;
	float:left;
}

div#attractionsCol1 p, div#attractionsCol2 p {
	color:#333;
	font-size:12px;
}

div#attractionsCol1 a, div#attractionsCol2 a {
	font-size:12px;
	text-decoration:none;
}

div#attractionsCol1 a:hover, div#attractionsCol2 a:hover {
	text-decoration:underline;
}

.attractionTitle {
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}

div#mapContainer.wirralcoastMap div#attractionsCol1 .attractionTitle,div#mapContainer.wirralcoastMap div#attractionsCol2 .attractionTitle {
	color:#47BDDB;
}

div#mapContainer.seftoncoastMap div#attractionsCol1 .attractionTitle,div#mapContainer.seftoncoastMap div#attractionsCol2 .attractionTitle {
	color:#E57921;
}

div#mapContainer.citywaterfrontMap div#attractionsCol1 .attractionTitle,div#mapContainer.citywaterfrontMap div#attractionsCol2 .attractionTitle {
	color:#B62629;
}

div#mapContainer.heartestuaryMap div#attractionsCol1 .attractionTitle,div#mapContainer.heartestuaryMap div#attractionsCol2 .attractionTitle {
	color:#996587;
}

div#mapContainer.upperestuaryMap div#attractionsCol1 .attractionTitle,div#mapContainer.upperestuaryMap div#attractionsCol2 .attractionTitle {
	color:#98C000;
}

.stations {
	font-weight:bold;
	font-size:12px;
	color:#000;
	line-height:20px;
	vertical-align:middle;
}

.wctext {
	font-weight:bold;
	font-size:12px;
	color:#000;
	line-height:20px;
	vertical-align:middle;
}

img.mapIcon {
	margin-right:5px;
	vertical-align:top;
	margin-top:2px;
}


/*---contacts---*/

div#contactsCopy {
	float:left;
	font-size:12px;
	width:800px;
	padding-bottom:0px;
	padding-left:117px;
	line-height:14px;
}

div#contactsCopy a{
	text-decoration:none;
}

div#contactsCopy a:hover{
	text-decoration:underline;
}

div#contactsCopy *{
	color:#fff;
}

#contactsCol1 {
	width:215px;
	margin-right:20px;
	float:left;
}

#contactsCol2 {
	float:left;
	width:215px;
	margin-right:20px;
}

#contactsCol3 {
	float:left;
	width:215px;
}

#contactLogosContainer {
	width:657px;
	height:281px;
	background:url(../images/contacts_thanks_bg.gif) no-repeat;
	float:left;
	margin-top:50px;
}

#contactLogos {
	padding:40px 20px 20px 20px;
}

#contactLogos * {
	color:#62927A;
}

#contactLogos p {
	margin-top:5px;
	margin-bottom:10px;
}

.imgspacer {
	margin-right:15px;
}

div#mainCopy .linksCategory {
	font-size:18px;
	margin-top:0px;
}

span.infoTitle {
	font-weight:bold;
	line-height:10px;
}

div#mainCopy a {
	text-decoration:none;
}

div#mainCopy a:hover {
	text-decoration:underline;
}


/*---footer---*/

#footer{
	clear:left;
	color:#999;
	padding:20px 0px;
}

#footer a{
	color:#999;
	text-decoration:none;
}

#footer a:hover{
	color:#999;
	background-color:#F7F6F4;
	text-decoration:underline;
}

#footer greenPipe{
	color:#62927A;
}