/* CSS Document neamus.net */
/* */
@import url("typo.css");
@import url("tags.css");	
@import url("tabs.css");
@import url("forms.css");
@import url("calendar.css");

/* --- navigation styles --- */
#accessbar { width: auto; height: 1px; position: relative; padding: 0; margin: 0;}
#accessbar li { position: absolute; display: block; margin: 0; padding: 0; }
#accessbar a { height: 1px; display: block; text-decoration: none; }
/* topNav */

.topBanner {  
	background-image:url(../graphics/banner/topBanner.jpg);
	background-position:0 28px;
	background-repeat:no-repeat;
	white-space:nowrap;
	width:100%;
	display:block;
	height: 114px;
	z-index:1; }
	
	.bannerNav {
		display:block;
		margin-left:280px; }
		.accessNav { 
			white-space:nowrap; 
			float:left; 
			display:block; 
			padding-top: 5px; 
			height: 23px; }
		.accessNav p {
			font-size:.75em;
			white-space:nowrap; }
	.subBanner { 
		background-image:url(http://www.dunstable.gov.uk/graphics/banner/Dunstable_logo_banner.gif);
		background-repeat:no-repeat; 
		display:block;
		width:100%;
		height:114px;
		z-index:2;}
	div.textHeader { visibility:hidden; }

.topNav { 
	padding-top: 0px;
	padding-bottom: 0px;
	display:block;
	width:100%;
	height:114px;
	clear:both;	
	background-image:url(../graphics/banner/topBanner.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.printMe { display:none; height:0px; }

.quickSearch { float: right; display:block; }
.quickSearch p {
	background:url(../graphics/navigation/quicksearchLeft.gif) no-repeat left top;
	padding:0 0 0 9px;
	font-size: 0.8em; }
.quickSearch span {
	display:block;
	background:url(../graphics/navigation/quicksearchRight.gif) no-repeat right top;
	padding: 3px 12px 3px 3px;
	color:#FFF; }

	#crumb { margin-left:18.1%; }
	#crumbFull { margin-left:0; }
	#crumbFull p,
	#crumb p {
	padding:6px 10px 5px 13px; /* Missing something?  Colour values kept in the sections sheets */
	line-height:normal;
	text-transform:capitalize;
	border-top-width: 3px;
	border-top-style: solid;
	min-height:18px;
	font-size:0.72em; } /* Mozilla fix */
	#crumb .declare { font-weight: bold; padding-right:5px;} /* Missing something?  Colour values kept in the sections sheets */
	
	/*------- all background colours for each section are in the section stylesheets understyle/sections ------*/
	#crumb a, #crumbFull a { background-color: transparent; text-decoration:underline;}  /* Missing something?  Colour values kept in the sections sheets */
	
	

/* main navigation */
.leftColumn { background: transparent; margin-top:-63px;}

#mainTabs { margin-left:18%!important;}

	.leftColumn div.leftMenu a { text-decoration: none; }
		
	.leftColumn div.leftMenu a:hover {text-decoration: underline; }	
		
	.leftColumns div.leftMenu a:hover { text-decoration:underline;}

	.leftColumn div.leftMenu ul,
	.leftColumn div.leftMenu .filler {
		margin:0; /* This is the distance of the menu from the left hand side */
		padding:0; 
		list-style-type: none;
		list-style:none;
		border-top:none;
		text-align:left; }

	.leftColumn div.leftMenu ul li {
		margin:0;
		padding:0;
		font-weight:bold;
		text-align:left;
		list-style-type: none;
		list-style:none;
		font-size:.813em;
		line-height:1.4em; }
		.leftColumn div.leftMenu ul li a:active, 
		.leftColumn div.leftMenu ul li a:focus { 
			background-color: #fff;
			color: #000;
			text-decoration:underline; }
	.leftColumn div.leftMenu ul li a {
		background-image: url(../graphics/navigation/bullet.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding:4px 3px 4px 26px;
		display:block;
		color:#333;
		text-decoration:none;
	}
	.leftColumn div.leftMenu ul li a:hover {
		background-image: url(../graphics/navigation/bullet-over.gif);
		background-repeat: no-repeat;
		background-position: left top;
		color:#000;
		text-decoration:underline;
	}
	.leftColumn div.leftMenu ul li.active a,
	.leftColumn div.leftMenu ul li.active a:hover {
		background-image: url(../graphics/navigation/bullet-over.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding:4px 3px 6px 26px;
		display:block;
		color:#333;
		text-decoration:none;
		border-bottom-style:solid;
	}

/*-- END LEFT MENU --*/

.advertTop { 
	height:25px; 
	width:100%; 
	display:block; 
	margin:0 0 5px 0; 
	padding:0px; 
	min-height:29px; } /* Mozilla fix */
.adModule {
	display:block;
	font-size:.78em;
	border-bottom: 1px #ccc dotted;
	clear:both;
	float:none;
	width:auto;
	overflow:hidden;
	min-height: 70px;
	padding:6px 6px 6px 0;
}
.adModule img { 
	margin: 0 1em 10px 0;
	border:1px solid #ccc;
	float:left; 
	width:69px; 
	height:69px; }
.adModule p { 
	padding:0 0 6px 0;
}
.adModule p a { 
	display:block;
	margin-bottom:.5em;
}

/* content */

#print {
	font-size:81.5%;
	line-height:normal;
	margin:0 -.3em 0 0;
}
	
	#print a {
		float:left;
		background:url(../graphics/navigation/printLeftTab.gif) no-repeat left top;
		margin:0;
		margin-right: 5px;
		padding:0 0 0 9px;
		color:#000000;
		text-decoration:none;
		color:#000000;
		border-bottom-style: none;
	}
	#print a:hover { text-decoration:underline;}
	#print a span{
		float:left;
		display:block;
		background:url(../graphics/navigation/printRightTab.gif) no-repeat right top;
		padding: .5em 12px .3em 3px;
		font-weight:bold;
		color:#000000;
	}
	
/* home page promoTabs */
.IndexSection { 
	clear:both; 
	background-image:none;
	display:block; 
	width:97%;
	margin-top:0.8em;}
	
.leftPromo { width:32%; float:left; margin: 0 3px 0 3px; }

.IndexSection .menu { padding:0 2px 0 5px;}

.IndexSection .module { margin-bottom:.8em;}
.module { margin-bottom:.5em;}

.IndexSection p.menuTitle,
p.menuTitle { 
	margin:0;
	padding:0;
	clear:both;
	line-height:normal;
}
		.IndexSection p.menuTitle { 
			width:100%;	
		}
		p.menuTitle,
		p.moduleTitle { 
			width:208px;
		}

	.IndexSection p.menuTitle a,
		p.menuTitle a {
		float:left;
		margin-right: 2%;
		text-decoration:none;
		color:#000000;
		border-bottom-style: none;
		background-repeat: no-repeat;
		background-position: left top;
		width:85%;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 15%;
		}
	
	.IndexSection p.menuTitle a span,
	p.menuTitle a span {
	display:block;
	font-weight:bold;
	color:#000;
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 0px;
	}
	
	
	
/* blue bg tabs */
/* left */
	.IndexSection p.menuTitle a,
	.eventPromo p.menuTitle a {
		background-image: url(../graphics/navigation/promoMenuTabL.gif);
	}
	
/* right */	
	.IndexSection p.menuTitle a span,
	p.menuTitle a span {
		background-image: url(../graphics/navigation/promoMenuTabR.gif);}
	

	.IndexSection p.menuTitle a span span,
	.IndexSection p.menuTitle a:hover span span,
	p.menuTitle a span span,
	p.menuTitle a:hover span span {
		background-repeat: no-repeat;	
		background-position: -2px -5px;
		padding:0px 0px 0px 8px;
		margin-left:-10px;
		font-size:0.9em;
	}
	.IndexSection p.menuTitle a span span,
	 p.menuTitle a span span {	
		background-image: url(../graphics/navigation/bullet_2.gif);
	}
	.IndexSection p.menuTitle a:hover span span,
	 p.menuTitle a:hover span span { 
		background-image: url(../graphics/navigation/bullet_2-over.gif);
	}

	.IndexSection p.menuTitle a:hover,
	p.menuTitle a:hover { 
		background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
		text-decoration:underline;
	}
	.IndexSection p.menuTitle a:hover span,
	p.menuTitle a:hover span { /*onMouseover style*/
		background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
	}
	
	
	
/* back to centre home menus */
.promoList,
.promoList div {
	background-image: url(../graphics/navigation/promoListBgL.gif); }
	.promoList {
		background-repeat: no-repeat;
		background-position: left top;
		clear:both;
		margin:0;
		padding:0 0 0 1px;
		border-top:1px solid #869ace; }
	.promoList div {
		background-repeat: no-repeat;
		background-position: right top;
		margin:0;
		padding:0 1px 0 0; }
	.promoList ul {	
		width:100%;
		margin:0 0 0.4em 0;
		padding: 0; }
	.promoList li { 
		width:96%;
		font-size:0.82em;
		margin:0 0 0 0;
		padding:0 2% 0 2%;
		text-align:left;
		list-style-type: none;
		line-height:1.2em; }
	.promoList ul li a {
		background-image: url(../graphics/navigation/bullet.gif);
		background-repeat: no-repeat;
		background-position: left -3px;
		padding:4px 3px 4px 26px;
		display:block;
		text-decoration:none;
		border-bottom:1px solid #e9e9e9; }
	.promoList ul li a:hover {
		background-image: url(../graphics/navigation/bullet-over.gif);
		background-repeat: no-repeat;
		background-position: left -3px;
		text-decoration:underline; }
		.promoImage { margin:0 5px 0 0; }

/* right column modules without linked titles */

p.moduleTitle {
	background-repeat: no-repeat;
	background-position: center top;
	width:168px;
	font-weight:bold;
	color:#000000;
	clear:both;
}


/* right column menus and components */
.box { 
	clear:both;
	width:190px;
	border:1px solid #cabfb5;
	padding:8px; }
.box p { font-size:0.82em;}

		.eventPromo .box,
		.eventCalendarPromo .box { 
			border:1px solid #999;
			margin-bottom:0.8em;
		}
		.pollPromo .box { 
			border-top:1px solid #6a855d;
		}
	.eventPromo  { width:190px;}
	.eventCalendarPromo,
	.eventPromo .promoContent,
	.pollPromo .promoContent { 
		padding:.5em; 
		font-size:0.8em; }
	
	.promoContent p a { 
		display:block;
		margin-bottom:.3em;
	}
		.promoContent .otherLinks p a { 
			display:inline;
			margin-bottom:.3em;
		}
		.promoContent li.pdf {
			background-image: url(../graphics/default/pdf-small.gif);
			background-repeat: no-repeat;
			background-position: left top;
			padding-left: 20px;
		}
		

/* footer and components */
#footer a img { margin:0 .5em 0 0; padding:0 0 0 0; line-height:normal; display:block; float:left;}
#footer a:active, #footer a:focus { 
	background-color: #f4f4f4;
	color: #000000;
} 
	#footer span.pipe { margin-right:.3em; margin-left:.3em;}	
	.footerNav { 
		clear:both;
		padding:.4em 1% .3em 1%; /* Missing something?  Colour values kept in the sections sheets */
		font-size:.885em;
		margin-bottom:.3em;
	}
	.footerNav .topLink {
		display:block;
		float:right
	}
	.footerNav .topLink a {	
		background-image: url(../graphics/default/upArrow.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
		padding-left:13px;
	}
	.footerNav .topLink a:hover {	
		background-image: url(../graphics/default/upArrowOver.gif);
		background-repeat: no-repeat;
		background-position: left 3px;
		padding-left:13px;
	}
	.footerNav a { 
		background:transparent;
		text-decoration:none;
		border-bottom-style:none;
	}
	.footerNav a:hover,
	.legal a:hover { text-decoration:underline;}
	.legal {
		padding:.4em 1% .3em 1%;
		background-image: url(../graphics/default/dot.gif);
		background-repeat: repeat-x;
		background-position: top;
		font-size:.885em;
		margin-bottom:.3em;
	}
	.legal a { 
		border-bottom-style:none;
	} 
	.syndicate { clear:both; margin-bottom:.3em;}
	.syndicate img { margin-right:1em;}
	.badges { 
		margin-top: 8px;
		margin-bottom:1em;
		float:right;
	}


/* ---- Promo content - all central content must go in a .promo DIV ---- */

.promoImage a, #footer a, .address a { border:none; }

.middleColumn .promo,
.middleColumn .content,
.middleColumnFull .content { 
	display: block; 
	clear:both;
}
	.middleColumn .content { width:95%; }
	.middleColumnFull .content { width:98%; }
.promo { font-weight:normal!important; }


.promo {  border-bottom: #ccc 1px dotted; width:auto; overflow:hidden; padding-bottom:.5em; margin-bottom:1em;}

.promo p { padding: 0!important; font-size:0.90em;}

.promoTitle p { clear: right;}
.promoTitle p a { display:block; margin-bottom:0.4em;}


.content p.Full { padding: 0 0 1em 0;}


.content {
	font: .8em helvetica, arial, sans-serif; line-height: 1.3em;
}
.content p {
	padding: 0 0 0.6em 0; 
	font-size: 1em;
	color: #000000;
	margin-bottom:0;
}
p.date { font-size:0.72em; color:#666; }

.content .promo p a { padding-bottom:.5em; width:auto; overflow:hidden; display:block; }

.content p strong { font-weight:bold; }



/*--- Address menu ---*/	

#address { display:block; margin-bottom:1em; }
	#address a {display:block;}
	#address div.addBody { 
		border:1px solid #999;
		padding:0.5em;
		font-size:.7em; 
		margin-bottom:1em;
		line-height:1.8em;
		}
address { font-style:normal;}
div#address ul { margin:0; padding:0; list-style:none; list-style-type:none;}	
div#address ul li { margin:0; padding:0; list-style:none; list-style-type:none; font-size:0.8em; }	
	
div#address ul li a { 
	background:url(../graphics/navigation/contactTab.gif) #e7e7e7!important; 
	padding:0!important;
	display:block; } 
div#address ul li a span { 
	background:url(../graphics/navigation/contactTab.gif) 100% 0 #e7e7e7;
	color:#333;
	display:block;
	margin:0 0 0 28px;
	padding:5px 0 2px 0; } 
	
div#address ul li a:hover { 
	background:url(../graphics/navigation/contactTab.gif) 0 -100px  #e7e7e7!important; 
	padding:0!important;
	display:block; } 
div#address ul li a:hover span { 
	background:url(../graphics/navigation/contactTab.gif) 100% -100px #e7e7e7; 
	display:block;
	margin:0 0 0 28px;
	padding:5px 0 2px 0; } 
div#address ul li a:hover { text-decoration:underline; } 


.leftColumn .ads { display:block; width:175px; overflow:hidden; }
.leftColumn .ads p { padding:3px 5px 0 5px;}
.leftColumn .ads img { margin-bottom:.5em;}




/* CSS Document for curvy titles */

.moduleTitle { display:block; clear:both; position:relative; width:auto; overflow:hidden;}
div.moduleTitle  {
  	border: 0px solid #cccccc;
	margin-bottom:.5em;
	display:block;
}
div.moduleTitle div div div {
	padding: 5px 5px 5px 5px;
	width: auto !important;
}
div.moduleTitle h2,
div.moduleTitle h3 {
	margin: .2em .3em .1em .3em;
	padding:0 0 0 0;
}
/*--- Left menu ---*/
	
.leftColumn div.leftMenu ul li.menuHome a,
.leftColumn div.leftMenu ul li.menuHome a {
	border-right: 0px none!important;   /* delete border for top item */
	border-left: 0px none!important; }    /* delete border for top item */
	
.menuHome a { 
	background:url(../graphics/navigation/tabs_all.gif) 0 0 transparent!important; 
	color:#333!important;
	padding:0!important;
	display:block;
	border:0!important; } 
.menuHome a span { 
	background:url(../graphics/navigation/tabs_all.gif) 100% 0 transparent; 
	color:#333!important;
	display:block;
	margin:0 0 0 28px;
	padding:5px 0 2px 0; } 
.menuHome a:hover { 
	text-decoration:underline;
	background:url(../graphics/navigation/tabs_all.gif) 0 -600px transparent!important;  } 
.menuHome a:hover span { 
	background:url(../graphics/navigation/tabs_all.gif) 100% -600px transparent;
	color:#FFF!important;  } 
	

/* ---- List classes ---- */	

ul.atoz { list-style: none;}
ul.atoz li { 
	list-style: none; 
	display:inline;
	line-height:normal; }
ul.atoz li.here a {
	color:#ccc;
	text-decoration:underline; }
	
ul li.disc { list-style:square!important; list-style-position:outside; margin-left:15px; }

/* ---- Global tweaks---- */	

.addressLeft {
	float: left;
	padding-right: 8px;
	font-weight:bold;
	font-size:11px;
	display:block;
}
.addressRight {
	font-size:11px;
	display:block;
}

.clearRight { clear:right; float:none; }
.clearBoth 	{ clear:both; float:none; width:auto; height:1em; }
.clearAll 	{ clear:both; float: none; height:10px; float:none; font-size:1px; }

.imgcapleft { float:left; margin: 0 1em 0 1em; clear:left; text-align:center;}
.imgcapright { float:right; margin: 0 0 0 1em; clear:right; text-align:center;}

.imageLeft { float:left; margin: 0 8px 4px 4px;}
.imageRight { float:right; margin: 0 8px 0 8px;}

.imgcapleft img,
.imgcapright img { margin-bottom:1em;}




.imageHome { float:left; margin: 0 8px 8px 14px;}

h1.indexHeading { text-indent:3px;}

div.atozItem { 
	font-size:1.2em;
	border-bottom: 1px dotted #ccc;}
div.atozItem p { padding:0.3em 0 0 0.3em;  }

td a { text-decoration:underline; }
.mainItemLabel { 
	display:block; 
	font-size:0.82em;
	height: 1.8em;
	width:100%;
	overflow:hidden;
}


	p.eventLabel a { font-size:1.2em!important; }
.mainItemLabel span { 
	width:70px; 
	display:block;  
	margin: 0 0 7px 0px; 
	float:left;
	font-weight:bold;
}
.content address { font-size: 0.82em; margin-bottom:1em;}
/*.mainItemLine { border-bottom: #ccc 1px dotted; display:block; height:3px; clear:both; margin-bottom:0.6em;}*/
.labelSet img { margin: 0 8px 0 8px;}
.imgcapright img { clear:both; margin-bottom:2px; }