/* CSS Document for fylde.gov.uk by neamus.net */
/* default view */
@import url("tags.css");
@import url("typo.css");
@import url("modules/access.css");
@import url("modules/jumpMenu.css");
@import url("modules/extras.css");
@import url("modules/calendars.css");
@import url("modules/classic.css");
@import url("modules/accordian.css");
@import url("modules/searchmaster.css");


/* hide items */

.printMe { display:block; }
.bannerWrap,
.jump,
.module.pageExtras,
#AtoZMenu,
#leftMenus,
#rightColumn,
#footer { display:none; }
#contents { width:18cm; margin:0 auto 0 auto; }

.crumb { margin-bottom:1em; }


body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#main { 
	background-color:#FFFFFF;
	border:none;
}
.hide { display:none; }


/* ---- banner area ---- */
.bannerArea { margin-bottom:3px;}
.header { margin-bottom:3px;}
.bannerWrap { clear:both; }
.banner {
	background-image: url(../graphics/banner/bannerBG.gif);
	background-repeat: repeat-x;
	height: 100px;
	background-position: top;
	margin-top:-1px;
}
.banner1 {
	background: transparent url(../graphics/banner/bannerBGright.gif) no-repeat right top;
	height:inherit;
}
.banner2 {
	background: transparent url(../graphics/banner/bannerBGleft.gif) no-repeat left top;
	height:inherit;
}
.banner3 {
	height:inherit;
	background-image: url(../graphics/banner/fyldeLogoGreen.gif);
	background-repeat: no-repeat;
	background-position: 12px top;
}
.bannerWrap { color:#FFFFFF; }
.bannerWrap a { color:#FFFFFF; font-weight:bold; }

#accessTopMenu { float:left; margin-left:275px; margin-top:5px; }



#accessTopMenu div.module  {
	background: transparent url(../graphics/navigation/accessModule_03.gif) no-repeat bottom left;
	display:block;
}

#accessTopMenu div.module div {
	background-color: transparent;
	background-image: url(../graphics/navigation/accessModule_04.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#accessTopMenu div.module div div {
	background-color: transparent;
	background-image: url(../graphics/navigation/accessModule_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#accessTopMenu div.module div div div {
	background-color: transparent;
	background-image: url(../graphics/navigation/accessModule_02.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 5px 5px 5px 5px;
	width: auto !important;
}







/* quick search */
#quickSearch {
	float:right;
	width: 280px;
	height:34px;
	background-image: url(../graphics/banner/SearchBg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color:transparent;
}
#quickSearch p { display:block; margin-top:-1px; }
#quickSearch label { color:#FFFFFF; line-height:29px; font-size:120%; }
.searchField {
	border:none;
	width:168px;
	height:25px;
	vertical-align:bottom;
	font-size:inherit;
	font-weight:normal; 
	margin:0 0 0 8px;
	background:transparent;
}
#quickSearch .searchButton { margin:0 0 0 0; padding:0 0 0 0; position:relative; top:8px; width:37px; height:27px; }
/**/
.otherLinks { 
	display:block; 
	float:right; 	
	clear:right;
	margin:5px 8px 0 0;
	font-size:.93em;
}
.otherLinks a { padding:.1em .3em;}



	.otherLinks a:hover{
		/* slight bg change for extra legibility */ 
			background-color: #004d40;
		}	
	
		/* only text with bg change on the active/focus state */
		.otherLinks a:active , 
		.otherLinks a:focus  { 
			background-color: #002922;
			color: #FFF;
		}
/**/

/* top tabs */


/* top tabs */
#otherTabs {
	float:left;
	font-size:108%;
	line-height:normal;
	position:absolute;
	top:72px;
	margin-top:0px;
	margin-left:268px;
}
	
	#otherTabs ul {
		list-style-type: none;
		margin:0;
		margin-left: 5px;
		padding:0;
	}
	
	#otherTabs li {
		display:inline;
		margin:0;
		padding:0;
	}
	
	#otherTabs a {
		float:left;
		background:url(../graphics/navigation/tabsLeft.gif) no-repeat left top;
		margin:0;
		margin-right: 1px;
		padding:0 0 0 10px;
		text-decoration:none;
		color:#006666;
		border-bottom-style: none;
	}
	
	#otherTabs a span{
		float:left;
		display:block;
		background:url(../graphics/navigation/tabsRight.gif) no-repeat right top;
		padding: 6px 13px 6px 3px;
		font-weight:bold;
		color:#006666;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#otherTabs a span {float:none;}
/* End IE5-Mac hack */

	#otherTabs a:hover span {
		color: #006554;
		
	}

	#otherTabs #current a{ /*Selected Tab style*/
		background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
	}

	#otherTabs #current a span{ /*Selected Tab style*/
		background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
		color: black;
	}

	#otherTabs a:hover{ 
		background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
		text-decoration:underline;
	}

	#otherTabs a:hover span{ /*onMouseover style*/
		background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
	}

/**/

/* atoz */

#AtoZMenu { float:left; }
#AtoZMenu img,
#AtoZMenu p,
#AtoZMenu ul { float:left; display:block; color:#000000; line-height:normal;}


#AtoZMenu div.module  {
	margin:6px 0 0 0;
	background-color: transparent;
	background-image: url(../graphics/navigation/aZmoduleTop.gif);
	background-repeat: no-repeat;
	background-position: right top; 
	display:block; 
	float:left;
	padding-top:4px;
}

#AtoZMenu div.module div.rounded {
	margin:0 0 0 0;
	background-color: transparent;
	background-image: url(../graphics/navigation/aZmoduleBottom.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:4px;
}




#AtoZMenu li { display:inline; margin-right:2px; margin-left:2px; }
#AtoZMenu p { font-weight:bold; margin-right:1em; margin-left:.5em; }
#AtoZMenu p,
#AtoZMenu li { font-size:14px; } 
#AtoZMenu ul { margin-right:10px; }
#AtoZMenu a { color:#FFFFFF; font-weight:bold; }
#AtoZMenu a.noAtoZ { color:#d46f28; text-decoration:none; }
#AtoZMenu a.active { color:#000000; text-decoration:none; background-color:#FFFFFF; padding:0 .3em; border:1px solid #d46f28; }

/* crumb */

.trail { border-bottom:1px solid #dbdbdb; padding-bottom:.5em; text-transform:capitalize; }
.trail p { font-size:.85em; }
.trail p span { font-weight:bold; text-transform:none;}
.trail a { padding-right:.1em; padding-left:.1em; }


/**/


.page p.date { font-weight:bold; color:#999999; }

/* right Column stuff */
#rightColumn a { display:block; line-height:1.3em; padding:0 .3em .1em .3em; margin-bottom:.2em; }
#rightColumn .module { margin-bottom:.5em; }
#rightColumn .module .promo { margin-bottom:.3em;}
#rightColumn .moduleTitle  {
	padding-bottom:8px;
	background-image: url(../graphics/navigation/rightModTitleBottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom:.3em;
}
#rightColumn .moduleTitle p {
	padding:8px 10px 0 10px;
	background-image: url(../graphics/navigation/rightModTitleTop.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color:#FFFFFF;
	font-weight:bold;
}
#rightColumn .module .moduleContent { padding:0 5px 0 5px; }
#rightColumn .module .promo { 
	border-bottom:1px solid #CCCCCC;
	padding-bottom:1px;
}
#rightColumn .module .promo.notes { 
	border-bottom:none;
}
#rightColumn .module .promo p { 
	padding: 0 0 .30em 0;
	font-size: 0.85em;
	color: #222;
}
/* searchmaster override */
	#rightColumn .module.searchmaster .promo p { 
		padding: 0 0 .30em .5em;
		font-size: 1em;
		color: #111111;
	}
	#rightColumn .module.searchmaster .promo p strong { font-weight:bold; font-size:1.077em; line-height:2em; margin-left:-.5em; }



#rightColumn .module  p.title { padding:0 .3em .3em .3em; display:block; font-weight:bold;  }
#rightColumn .module .promo p span { font-size:.78em; padding:0 .3em 0 .3em; display:block;  }
#rightColumn .module.downloads .moduleContent div.icon {  float:left; margin:0 .3em 3px 0; width:18px; padding-right:6px; }

/* right column form */
#rightColumn .module .promo.form { padding:0 .3em .3em .3em; }
#rightColumn .module .promo.form p.marg input { width:168px; }
#rightColumn .module .promo.form input.button { width:100%; margin:.3em 0 1em 0;}
#rightColumn .module .promo.form label { font-weight:bold; }


#rightColumn .module.downloads .moduleContent p { float:left; display:block; width:150px; }
#rightColumn .module .moduleContent p.pair { }
#rightColumn .module .moduleContent p.pair span { float:left; display:inline; margin-bottom:.5em; }
#rightColumn .module .moduleContent p.pair span.label { width:30%; text-align:right; font-weight:bold; }
#rightColumn .module .moduleContent p.pair span.value { width:60%; }


#rightColumn .module.poll {
	background-image: url(../graphics/navigation/pollQuestionbottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:1em;
}
#rightColumn .module.poll .question {
	background-image: url(../graphics/navigation/pollQuestionMark.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
	padding-right: 1em;
	padding-left: 65px;
	min-height:91px;
} 
	#rightColumn .module.poll .question p strong { 
		color:#54266f;
		font-size:1.154em;
		font-weight:bold;
	}
	#rightColumn .module.poll .question p { margin-bottom:.5em;}
	#rightColumn .module.poll .moduleContent { padding:0 1em;}
	#rightColumn .module.poll table { width:100%; margin-bottom:1em; }
	#rightColumn .module.poll table caption { display:none; }
	#rightColumn .module.poll table p { margin-bottom:.5em;}
	td.result div { display:block; height:10px; border-right:1px solid #111111; border-bottom:1px solid #111111;}
	#rightColumn .module.poll input.button { width:100%; margin-bottom:.3em;}
	
	
	


/* postcode */
.module.recycle {}
.module.recycle p.map {
	width:160px;
	background: transparent url(../graphics/default/postcode/top.gif) no-repeat center top;
	color:#006633;
	font-weight:bold;
	padding:.8em 15px 28px 15px;
	font-size:1.154em;
	text-align:right;
	line-height:1.3em;
}
.module.recycle img.truck { float:left; clear:both; margin-top:-36px; margin-left:1em;}
.module.recycle p.field {
	width:183px;
	background: transparent url(../graphics/default/postcode/bottom.gif) no-repeat center top;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0px 35px 7px;
	font-size:1.154em;
}
.module.recycle p.field label { font-size:.85em; float:left; }
.module.recycle p.field label span.label { margin-top:5px; display:block; float:left; }
.module.recycle p.field input.postcode { width:78px; height:25px; border:none; font-size:1.7em; background-color:transparent; }

.module.recycle p.field input.searchButton { width:37px; height:25px; float:left;}


/* left column */


#leftMenus {
	background: transparent;
}
	#leftMenus div.shadow {
		width:180px;
		background-image: url(../graphics/navigation/leftNavShadowBg.gif);
		margin-bottom:1em;
		background-repeat: repeat-y;
		background-position: center top;
	}
	/*#leftMenus div.shadow div.module {
		position: relative;
		top: -5px;
	}*/
	#leftMenus div.shadow div.module p.homeLink {
		width:176px;
		margin:0 2px 0 2px;
		padding:0 0 0 0;
	}
	#leftMenus div.shadow div.module p.menuTitle {
		width:176px;
		margin:0 2px 0 2px;
		padding:0 0 0 0;
	}
	#leftMenus div.shadow div.module p.menuSub  {
		border-right:1px solid #014c40;
		border-left:1px solid #014c40;
		width:174px;
		margin:0 2px 0 2px;
		padding:0 0 0 0;
	}
	#leftMenus div.shadow div.module p.homeLink a,
	#leftMenus div.shadow div.module p.menuTitle a,
	#leftMenus div.shadow div.module p.menuSub a {
		margin:0 0 0 0;
		display:block;
	}
		#leftMenus .shadow a {
						text-decoration: none;
						font-weight: bold;
						border-bottom: 1px dotted #006666;
						background-color: #fff;
					}
		#leftMenus .shadow a:hover {
							  background-color: #f2f9fd;
							  text-decoration: underline;
						   }	
		


	#leftMenus a:hover,
	#leftMenus div.shadow div.module p.menuSub a:hover,
	#leftMenus div.shadow div.module p.menuTitle a:hover { text-decoration:underline; }
	
	#leftMenus div.shadow div.module p.menuTitle a.active,
	#leftMenus div.shadow div.module p.menuSub a.active { text-decoration:none; }
	

	
	#leftMenus div.shadow div.module p { 
		line-height:normal; 
		font-weight:bold;
	}
	#leftMenus div.shadow div.module p.homeLink a {
		width:auto;
		padding-left:15px;
		padding-top:.7em;
		padding-bottom:.5em;
	}
	#leftMenus div.shadow div.module p.menuTitle a {
		width:auto;
		padding-left:15px;
		padding-top:.7em;
		padding-bottom:.5em;
	}
	#leftMenus div.shadow div.module p.menuSub a {
		width:auto;
		padding-left:15px;
		padding-top:.6em;
		padding-bottom:.4em;
	}
	#leftMenus div.shadow div.module p.homeLink a,
	#leftMenus div.shadow div.module p.menuTitle a,
	#leftMenus div.shadow div.module p.menuSub a { color:#FFFFFF; display:block; border-bottom:none;!important }
	#leftMenus div.shadow div.module {
		background-image: url(../graphics/navigation/leftNavBgBottom.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
		padding-bottom: 12px;
	}
/* commented in as its global */
	#leftMenus div.module ul { 
		border-right:1px solid #979797;
		border-left:1px solid #979797;
		width:174px;
		margin:0 2px 0 2px;
		padding:0 0 0 0;
	}
		#leftMenus div.module ul li a:active, 
		#leftMenus div.module ul li a:focus { 
				background-color: #000000;
				color: #FFFFFF;
				text-decoration:underline;
		}
	#leftMenus div.module ul li a {
		padding:6px 3px 6px 15px;
		display:block;
		color:#333333;
		text-decoration:none;
		border-right:1px solid #c4bfbf;
		border-left:1px solid #c4bfbf;
	}
	#leftMenus div.module ul li a:hover {
		color:#000000;
		text-decoration:underline;
	}
	#leftMenus div.module ul li.active a,
	#leftMenus div.module ul li.active a:hover {
		padding:7px 3px 8px 23px;
		display:block;
		color:#333333;
		text-decoration:none;
		border-bottom-style:solid;
		background-image: url(../graphics/navigation/leftNavArrowBlack.gif);
		background-repeat: no-repeat;
		background-position: left -2px;
	}
/* ///////////// */
#leftMenus div.shadow div.module p.homeLink a {
	border-bottom:none;
	background: #01715e url(../graphics/navigation/leftNavHome.gif) no-repeat left top;
}
	#leftMenus div.shadow div.module p.homeLink a:hover {
		border-bottom:none;
		background: #01715e url(../graphics/navigation/leftNavHome.gif) no-repeat -176px top;
	}
	#leftMenus div.shadow div.module p.homeLink a.active {
		border-bottom:none;
		background: #01715e url(../graphics/navigation/leftNavHome.gif) no-repeat -352px top;padding-left:25px;text-decoration:none;
	}
		leftMenus div.shadow div.module p.homeLink a.active:hover {  }
#leftMenus div.shadow div.module p.menuTitle a {
	border-bottom:1px solid #014c40;
	background: #01715e url(../graphics/navigation/menuTitleReadyBg.gif) no-repeat left top;
}
	#leftMenus div.shadow div.module p.menuTitle a:hover {
		border-bottom:1px solid #014c40;
		background: #348d7e url(../graphics/navigation/menuTitleReadyBg.gif) no-repeat -176px top;
	}
	#leftMenus div.shadow div.module p.menuTitle a.active {
		border-bottom:1px solid #014c40;
		background: #348d7e url(../graphics/navigation/menuTitleReadyBg.gif) no-repeat -352px top;
		padding-left:25px;
	}

#leftMenus div.shadow div.module p.menuSub a {
	background-color:#06967e;
	border-top:2px groove #014c40;
	border-bottom:1px solid #014c40;
}
	#leftMenus div.shadow div.module p.menuSub a:hover {
		background-color:#35a895;
		border-top:2px groove #014c40;
		border-bottom:1px solid #014c40;
	}
#leftMenus div.shadow div.module p.menuSub a.active {
	border-top:2px groove #014c40;
	border-bottom:1px solid #014c40;
	padding-left:25px;
	background: #35a895 url(../graphics/navigation/leftNavArrowWhite.gif) no-repeat left top;
}

#leftMenus div.module ul li a {
	background-color:#e7e7e7;
}
#leftMenus div.module ul li a:hover {
	background-color:#ededed;
}
#leftMenus div.module ul li.active a,
#leftMenus div.module ul li.active a:hover {
	background-color:#FFFFFF;
}




/**/

#address {
	width:176px;
	margin:0 2px 0 2px;
	background-image: url(../graphics/navigation/addressBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 1em;
	margin-bottom:1em;
}
#address strong { font-weight:bold; }
#address div {
	background-image: url(../graphics/navigation/ukMap.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding:1em 1em 0 1em;
	font-size:.923em;
}
#address p,
#address address { margin-bottom:.5em; }
#address div p.contactLink { font-size:1.167em; margin-bottom:.8em;}

/**/

#leftMenus div.ads div.module { text-align:center; }
.page .module.ads p { color:#999999; }

/* podcast */
.podcast { width:350px; margin:0 110px 1em 110px; }
.module.promos { margin-bottom:2em; }


/* home cols */

.module.home {}

.module.headline img { float:right; margin:0 0 0 1em; }


.module.home .leftCol,
.module.home .rightCol { float:left; }
.module.home .leftCol { width:270px; margin-right:15px; }
.module.home .rightCol { width:268px; margin-left:15px; }
.module.home .rightCol .module { margin-bottom:1em;}

#contents .page .module.popular ul { margin:0 0 1em 0;  }
.module.popular ul li { list-style:none;  margin:0 0 0 0; padding:0 0 0 0; }
.module.popular ul li a {
	padding:0 0 0 25px;
	margin:0 1px 0 1px;
	background-image: url(../graphics/default/accordian/listDot.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:243px;
}
.module.popular.expressNews ul li  { border-bottom:1px dotted #CCCCCC; display:block; padding-bottom:.3em; }
	.module.popular ul li a:hover {
		padding:0 0 0 25px;
		background-image: url(../graphics/default/accordian/listDotOver.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	
.module.syndicate { border-top:1px solid #dbdbdb; padding-top:1em;}

.module.services {
	background-image: url(../graphics/navigation/servicesAttractionsBG.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0 0 1.8em;
	text-align:center;
}
.module.gallery {
	background-image: url(../graphics/navigation/galleryBG.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0 0 0em;
	text-align:left;
}
.module.home .rightCol .top {
	background-image: url(../graphics/navigation/homeCurveTop.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:10px;
	display:block;
	width:268px;
}
.module.services .moduleContent { padding:0 1em; }
.module.gallery .moduleContent { padding:0 140px 0 1em; }
.module.gallery .moduleContent h4 { white-space:nowrap;}