body{
	background: url(../images/bg_page.gif);
}
hr{
	display: none;
}
div#page-wrapper{
	background: #fff url(../images/bg_page-wrapper.gif) repeat-y right;
	border-left: 1px solid #ccc;
	margin: 0 auto;
	overflow: hidden;
	padding-right: 25px;
	width: 941px;
}
	div#page-head{
		background: url(../images/bg_page-head.jpg) no-repeat bottom;
		position: relative;
		min-height: 181px;
		margin-bottom: 20px;
	}
			div#title-bar a{
				display: block;
				background: url(../images/bg_logo.gif) no-repeat bottom;
				text-indent: -1000em;
				outline: none;
				width: 186px;
				height: 31px;
				padding: 29px 0 0 29px;
				float: left;
			}
		div#general-navigation-bar{
			float: right;
		}
			div#general-navigation-bar ul{
				background: #f2f2f2;
				border: 1px solid #ccc;
				border-width: 0 0 1px 1px;
				overflow: hidden;
				width: 435px;
			}
				div#general-navigation-bar ul li{
					border-right: 1px solid #ccc;
					float: left;
					font-size: 1.2em;
				}
				div#general-navigation-bar ul li.last{
					border-right: 0;
				}
					div#general-navigation-bar ul li a{
						display: block;
						padding: 8px 8px;
						text-decoration: none;
					}
						div#general-navigation-bar ul li a:focus,
						div#general-navigation-bar ul li a:hover{
							background: #fff;
						}
					div#general-navigation-bar ul li a.speak{
						background: url(../images/bg_speak.gif) no-repeat right;
						padding-right: 29px;
					}
						div#general-navigation-bar ul li a.speak:focus,
						div#general-navigation-bar ul li a.speak:hover{
							background: #fff url(../images/bg_speak.gif) no-repeat right;
							padding-right: 29px;
						}
		div#search-bar{
			background: #f2f2f2 url(../images/bg_search.png) no-repeat left bottom;
			clear: right;
			color: #a10078;
			float: right;
			min-height: 25px;
			width: 389px;
			padding: 5px 0 0 47px;
		}
			div#search-bar label{
				font-size: 1.2em;
				font-weight: 700;
				margin-right: 10px;
			}
			div#search-bar input.text{
				border: 1px solid #999;
				color: #999;
				font-size: 1.2em;
				margin-right: 10px;
				padding: 1px 0;
				width: 212px;
			}
			div#search-bar input.button{
				background: #a10078;
				border: 1px solid #6c0050;
				border-width: 0 1px 1px 0;
				color: #fff;
				font-size: 1.2em;
				font-weight: 700;
				margin-left: 0;
				width: 57px;
				cursor: pointer;
			}
				div#search-bar input.button{
					background: #a10078;
					border: 1px solid #6c0050;
					border-width: 0 1px 1px 0;
					color: #fff;
					font-size: 1.2em;
					font-weight: 700;
					margin-left: 0;
					width: 57px;
					cursor: pointer;
				}

iframe{
	border: 0;
	height: 2000px;
	width: 100%;
}


div#page-column-one{
	float: left;
	margin-left: 16px;
	width: 184px;
	display: inline;
}
div.form {
	width: 700px;
}
div#page-column-two{
	float: left;
	width: 482px;
	margin-left: 29px;
	display: inline;
}

	div#page-column-two img{
		float: right;
		margin: 5px 5px 5px 5px; /* modified by NS so that the homepage images could have a border around each side (requested by DW) */
	}
	div#page-column-two div#news-events img{
		float: left;
	}
	div#page-column-two ul, 
	div#page-column-two li{
		list-style: disc;
		list-style-position: outside; /* modified by FM on 10/07/08 for correct alignment of bullets */
	}
	div#page-column-two ul{
		margin-bottom: 10px;
	}
	
  div#page-column-two div.type-one ul li{ /* added by FM on 10/07/08 for indentation of unordered lists */
	 margin-left: 27px;
}		
	
  div#page-column-two div.type-one ul li p{ /* added by FM on 10/07/08 to correct indentation of unordered lists containing para tags */
	 margin-left: 0px;
}	
	
iframe.two-column{
	height: 500px;
	width: 682px;
}

iframe.museum{
	height: 700px;
	width: 682px;
}

iframe.licencing{
	height: 700px;
	width: 682px;
}

iframe#licencing{
	height: 700px;
	width: 682px;
}

iframe.JNA{
	height: 1000px;
	width: 702px;
}

iframe#JNA{
	height: 1000px;
	width: 702px;
}

iframe.flashvideo{
	height: 330px;
	width: 682px;
}

iframe#flashvideo{
	height: 330px;
	width: 682px;
}

iframe.planning{
	height: 700px;
	width: 682px;
}

iframe#planning{
	height: 500px;
	width: 682px;
}

iframe#parkingpics{
	height: 700px;
	width: 498px;
}

iframe.parkingpics{
	height: 500px;
	width: 510px;
}

iframe.signpost{
	height: 440px;
	width: 682px;
}

iframe#signpost{
	height: 500px;
	width: 682px;
}

iframe.bslhomesmall{
	height: 180px;
	width: 210px;
}


iframe.bslhomebig{
	height: 240px;
	width: 310px;
}

iframe.working{
	height: 270px;
	width: 440px;
}

iframe.choicevids{
	height: 430px;
	width: 510px;
}


/*Added this below by NS in order to shorten the advanced search page*/
iframe#advanced-search{
	width: 682px;
	height: 1600px;
}

div#page-column-three{
	float: right;
	margin-right: 16px;
	width: 184px;
	display: inline;
}
div#page-column-one h2,
div#page-column-two h2,
div#page-column-two h2,
div#page-column-three h2{
	background: #ccc;
	color: #fff;
	font-size: 1.6em;
	min-height: 21px;
	padding: 5px 10px;

}
div#page-column-one h3,
div#page-column-two h3,
div#page-column-three h3{
	color: #09700E;
	font-size: 1.4em;
	padding: 5px 10px;
}
div#page-column-one p,
div#page-column-two p,
div#page-column-three p{
	font-size: 1.2em;
	margin-bottom: 10px;
}
div#page-column-one p.small,
div#page-column-two p.small,
div#page-column-three p.small{
	font-size: 0.9em;
}
ul li p{
	margin-left: 27px;
}
div#page-navigation h2{
	background: #15742F url(../images/bg_page-navigation.gif) no-repeat right top;
}
div#quick-links h2{
	background: #666 url(../images/bg_quick-links.gif) no-repeat right top;
}
div#contact-us h2{
	background: #50004d url(../images/bg_contact-us.gif) no-repeat right top;
}

div#portals h2{
	background: #036 url(../images/bg_portal.gif) no-repeat right top;
}

div#find-it h2{
	background: #a10078 url(../images/bg_find-it.gif) no-repeat right top;
}
div#do-it h2{
	background: #399 url(../images/bg_do-it.gif) no-repeat right top;
}
div#related-info h2{
	background: #09700E url(../images/bg_related.gif) no-repeat right top;
}

div#page-column-three div.related-info h2{
	background: #09700E url(../images/bg_related.gif) no-repeat right top;
}
div#news-events h2,
div#hot-topics h2{
	background: #c20d38 url(../images/bg_news-events.gif) no-repeat right top;
}
	div#hot-topics ul{
		width: 275px;
	}
	div#hot-topics ul p{
		margin-left: 10px;
	}
	div#hot-topics ul p.border-bottom{
		padding-bottom: 10px;
	}
div#news-events div ul{
	float: right;
	width: 49%;
}
div#page-column-one ul,

/*div#page-column-two div div, 
NS commented this out so that sitelets would not have grey outline-boxes around the elements in the middle of the page. This affected the outlines and spacing on the front page main sections, so the code section below also had to be added to counter this. 
*/
div#page-column-three ul,
div#page-column-three form,
div#page-column-three div div{
	border: 1px solid #ccc; 
	margin-bottom: 17px;
}


div#page-column-two div#hot-topics div,
div#page-column-two div#spotlight div,
{
	border: 1px solid #ccc; 
	margin-bottom: 17px;
}

div#page-column-two div#news-events div
{
border: 1px solid #ccc;
border-bottom: none; 
margin-bottom: 0px;
}

div#page-column-two div#spotlight div h3,
div#page-column-two div#news-events div h3
{
color: #c20d38; 
}

div#page-column-two div div,
div#page-column-three ul,
div#page-column-three form,
div#page-column-three div div{
	overflow: hidden;
}
div#page-column-three form ul,
div#page-column-three div div ul{
	border: 0;
	margin: 0;
}
div#page-column-two div#do-it ul,
div#page-column-two div#spotlight div div{
	border: 0;
	margin: 0;
	float: left;
	width: 49%;
}
div#page-column-two div#do-it ul,
div#page-column-two div#do-it li,
div#news-events div ul,
div#news-events div li,
div#page-column-two div#spotlight ul,
div#page-column-two div#spotlight li,
div#page-column-two div#hot-topics ul,
div#page-column-two div#hot-topics li{
	list-style: none;
	list-style-position: outside;
}
div#page-column-three div#do-it div{
	margin-bottom: 0;
}

/*Added by NS to make page links appear in green and bold throughout the site*/
div#page-column-two a{
	color: #15742f;
	font-weight: bold;

/*old color: 15742f new colour: 003A63*/
}


div#page-column-two ul li.highlight a{
	font-weight: 700;
	padding-top: 5px;
	margin-top: 5px;
	margin-right: 10px;
	color: #000;
}
div#page-navigation ul ul{
	margin-bottom: -1px;
}
	div#page-column-two ul.links,
	div#page-column-two ul.links li{
		list-style: none;
	}
	div#page-navigation ul li a:hover,
	div#page-navigation ul li a:focus,
	div#page-navigation ul li.active li a:hover,
	div#page-navigation ul li.active li a:focus,
	div#page-navigation ul li.active a{
		background-color: #fff;
	}
	div#page-column-one ul li a,
	div#page-column-one ul li.active li a,
	div#page-column-two ul.links li a,
	div#page-column-two ul.links li.active li a,
	div#page-column-two div.type-four ul li a,
	div#page-column-two div.type-four ul li.active li a,
	div#page-column-three ul li a,
	div#page-column-three ul li.active li a{
		color: #000; /*Added by NS to return the links on the homepage back to normal after making page links show in green*/
		font-weight: normal; /*Added by NS to return the links on the homepage back to normal after making page links show in green*/
		background:url(../images/bg_arrow.gif) no-repeat 10px 0.6em;
		display: block;
		font-size: 1.2em;
		padding: 3px 10px 3px 27px;
	}
	div#page-column-two ul li a,
	div#page-column-two ul li.active li a{
		font-size: 1em;
	}
	
/*Added by NS to embolden some of the homepage links. Otherwise these would take the same style as any other homepage link*/
	div#page-column-two ul li.highlight a{
	font-weight: 700; 
	}
	
	div#page-column-two ul#breadcrumb{
		overflow: hidden;
		font-size: 1.2em;
		margin-bottom: 10px;
		list-style: none;
	}
	div#page-column-two ul#breadcrumb li{
    display: inline; /*moved from next section to this one by FM on 23/07/08 to correct breadcrumb wrapping issue */ 
		margin-right: 0.5ex;
		list-style: none;
		font-weight: normal; /*Added by NS to return the links in the breadcrumb back to normal text after making page links show in green*/ 
		color: #000; /*Added by NS to return the links in the breadcrumb back to normal text after making page links show in green*/
	}
	div#page-column-two ul#breadcrumb li a{
		background: 0;
		font-size: 1em;
		padding: 0;
		text-decoration: underline;
		font-weight: normal;
		color: #000;
	}
	div#page-navigation ul li.active{
		border-top: 1px solid #ccc;
	}
	div#page-navigation ul li a,
	div#page-navigation ul li.active li a{
		background: #D0E3D5 url(../images/bg_arrow.gif) no-repeat 10px 50%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
	}
	div#page-navigation ul li.active a{
		background-image: url(../images/bg_page-navigation_down.gif);
	}
	div#page-navigation ul li a#sectionLink.down,
	div#page-navigation ul li.active li a.down{
		background: #fff url(../images/bg_page-navigation_down.gif) no-repeat 10px 50%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
	}
	div#page-navigation ul li ul#section-navigation li a,
	div#page-navigation ul li.active li a{
		background: #fff url(../images/bg_nav_square.gif) no-repeat 0 0.7em;
		margin-left: 28px;
		padding: 2px 10px 2px 10px;
	}
	div#page-navigation ul li a#sectionLink{
		border-bottom: 0;
	}
	div#page-navigation ul#section-navigation li a:focus,
	div#page-navigation ul#section-navigation li a:hover,
	div#page-navigation ul li.active li a:focus,
	div#page-navigation ul li.active li a:hover{
		background: #E7F1EA url(../images/bg_nav_square.gif) no-repeat 0 50%;
	}
		div#page-navigation ul li.active li.active{
			background: #E7F1EA url(../images/bg_nav_square.gif) no-repeat 0 50%;
		}
	div#quick-links ul li a{
		background-color: #f2f2f2;
	}
	div#contact-us ul{
		background-color: #EDE5ED;
		padding-top: 7px;
	}
		div#contact-us ul li.email,
		div#contact-us ul li.myeaccount,
		div#contact-us ul li.tel,
		div#contact-us ul li.sign{
			border-bottom: 1px solid #ccc;
			padding: 3px 10px 7px 27px;
			margin: auto 10px;
			min-height: 32px;
			margin-bottom: 7px;
			font-size: 1.2em;
		}
		
		div#contact-us ul li.address{
			border-bottom: 1px solid #ccc;
			padding: 3px 10px 7px 27px;
			margin: auto 10px;
			min-height: 32px;
			margin-bottom: 7px;
			font-size: 1.2em;
		}
		
		div#contact-us ul li.translation{
			border-bottom: 1px solid #ccc;
			padding: 3px 10px 7px 27px;
			margin: auto 10px;
			min-height: 32px;
			margin-bottom: 7px;
			font-size: 1.2em;
		}
	
			div#contact-us ul li.email a,
			div#contact-us ul li.myeaccount a,
			div#contact-us ul li.tel a,
			div#contact-us ul li.address a,
			div#contact-us ul li.sign a,
			div#contact-us ul li.translation a{
				background: 0;
				font-size: 1em;
				padding: 0;
			}
		
		div#contact-us ul li.email{
			background: transparent url(../images/bg_icon_email.jpg) no-repeat left center;
			padding: 12px 0 0 39px;
			border-top:1px solid #CCCCCC;
		}
		div#contact-us ul li.myeaccount{
			background: url(../images/eaccount2.gif) no-repeat;
			padding: 6px 0 0 39px;
		}
		div#contact-us ul li.tel{
			background: url(../images/bg_icon_tel.jpg) no-repeat;
			padding: 6px 0 0 39px;
		}
		div#contact-us ul li.address{
			background: url(../images/bg_icon_address.jpg) no-repeat;
			padding: 7px 0 7px 39px;
		}
		div#contact-us ul li.translation{
			background: url(../images/translation_icon.jpg) no-repeat;
			padding: 7px 0 7px 39px;
		}
		div#contact-us ul li.sign{
			background: url(../images/bg_icon_bsl.jpg) no-repeat;
			padding: 4px 0 0 55px;
		}


	div#portals ul{
		background-color: #dbedfb;

	}

			div#portals ul li.portal a,
		{
				background: 0;
				font-size: 1em;
				padding: 0;
			}


	div#do-it div{
		background-color: #E6F5F5;
	}
	div#related-info ul{
		background-color: #E7F1EA;
	}
	div#news-events div,
	div#hot-topics div,
	div#spotlight div{
		background-color: #F9E6EB;
	}
		div#page-column-two div#spotlight h3{
			margin-bottom: 10px;
		}
		div#spotlight ul li{
			margin: 0 10px;
		}
		div#page-column-two div#spotlight ul li a{
			margin-right: 0;
			padding-bottom: 5px;
			padding-left: 17px;
			background-position: 0 0.7em;
		}
	div#find-it form{
		background-color: #F5E5F1;
	}
		div#find-it form h3{
			color: #A10078;
		}
		div#find-it form label{
			display: block;
			font-size: 1.2em;
			margin: 0 0 5px 10px;
		}
		div#find-it form input{
			border: 1px solid #999;
			font-size: 1.2em;
			margin-left: 10px;
			padding: 2px 0;
			width: 107px;
		}
		div#find-it form input.button{
			background: #a10078;
			border: 1px solid #6c0050;
			border-width: 0 1px 1px 0;
			color: #fff;
			font-weight: 700;
			margin-left: 0;
			width: 48px;
		}
	div#useful-sites div{
		background-color: #F1FAFD;
	}
		div#useful-sites div h3{
			color: #0E2A50;
		}
	div#page-column-one ul ul{
		border: 0;
	}
	
div#footer{
	background: url(../images/bg_footer.png) no-repeat left bottom;
	clear: both;
	overflow: hidden;
	width: 912px;
	padding: 10px 20px 0 15px;
	margin: 0 auto 10px;
	font-size: 1.1em;
}
	div#footer ul{
		border-top: 1px solid #ccc;
		padding-top: 5px;
	}
	div#footer ul li{
		float: left;
		margin-right: 1ex;
		margin-bottom: 15px;
	}
	div#footer ul li#precedent{
		float: right;
	}
		div#footer ul li#precedent a{
			color: #999;
		}
div#page-column-two div.type-one,
div#page-column-two div.type-two,
div#page-column-two div.type-three,
div#page-column-two div.type-four{
	overflow: hidden;
}
div#page-column-two div.type-one h2,
div#page-column-two div.type-two h2,
div#page-column-two div.type-three h2,
div#page-column-two div.type-four h2{
	background: 0;
	color: #09700E;
	min-height: 0;
	padding: 5px 0;
	font-size: 1.7em;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
div#page-column-two div.type-two h2.subtitle,
div#page-column-two div.type-three h2.subtitle,
div#page-column-two div.type-four h2.subtitle
{
	font-size: 1.4em;
}
div#page-column-two div.type-one h2.subtitle
{
	font-size: 1.2em;
}
div#page-column-two div.type-one h3,
div#page-column-two div.type-two h3,
div#page-column-two div.type-three h3,
div#page-column-two div.type-four h3{
	padding: 5px 0;
}
div#page-column-two div.type-one div,
div#page-column-two div.type-two div,
div#page-column-two div.type-three div,
div#page-column-two div.type-four div{
	border: 0;
}
	div#page-column-two div.item-section p{
		margin-bottom: 1em;
	}
	div#page-column-two div * {
		font-size:1.2em;
	}
	div#page-column-two div * *{
		font-size:1em !important;
	}
	div#page-column-two div h2{
		font-size: 1.6em;
	}
	div#page-column-two div.type-two ul,
	div#page-column-two div.type-two li{
		list-style: none;
		list-style-position: outside;
	}
	div.type-three div.item-one,
	div.type-three div.item-two,
	div.type-three div.item-three{
		float: left;
		margin-right: 22px;
		width: 145px;
	}
	div.type-three div.item-three{
		margin: 0;
	}
	div#page-column-two div.type-three h3 a{
		color: #09700E;
	}
div#page-column-two div.type-four{
	background: #E7F1EA;
/*	border: 1px solid #ccc;*/
}
	div#page-column-two div.type-four h2{
		border: 0;
		font-size: 1.4em;
		padding: 5px 10px;
		margin-bottom: 5px;
	}
	div#page-column-two div.type-four ul{
		float: left;
		width: 49%;
		list-style: none;
	}
	div#page-column-two div.type-four li{
		list-style: none;
		list-style-position: outside;
	}
div#page-column-three div#page-column-three-content div{
	border: 0;
}
div#page-column-three div#page-column-three-content div#useful-sites{
	border: 1px solid #ccc;
}
div#page-column-three div#page-column-three-content div#useful-sites div{
	margin-bottom: 0;
}
div#page-column-three div#page-column-three-content div#useful-sites ul{
	border: 0;
}
div#page-column-three div#page-column-three-content ul{
	border: 1px solid #ccc;
	padding-bottom: 3px;
}
div#bottom-links ul,
div#bottom-links li{
	list-style: none;
	list-style-position: outside;
}


.hidden{
	display: none;
}
.left{
	float: left !important;
}
.right{
	float: right !important;
}
.border{
	border: 1px solid #ccc !important;
}
.border-top{
	border-top: 1px solid #ccc !important;
}
.border-bottom{
	border-bottom: 1px solid #ccc !important;
}
.border-right{
	border-right: 1px solid #ccc !important;
}
.border-left{
	border-left: 1px solid #ccc !important;
}
img.border{
	margin: 10px;
}

.item-section a:link,
.item-section a:visited{
	color: #008343;
	text-decoration: underline;
}
.adobe-link{
	overflow: hidden;
	zoom:1;
}
.adobe-link p{
	float: left;
	width: 380px;
}


body.iframe-body {
background: none;
background-color:#FFFFFF;
}

.iframe-body {
background: none;
background-color:#FFFFFF;
}

/*
Added these to try to remove links from the JNA pages in the Early years section. Did not work.
a#lnkCentreCalendar {
display: none;
visibility: hidden;
}

a#lnkCentreActivities {
display: none;
visibility: hidden;
}

a#lnkSearchActivities {
display: none;
visibility: hidden;
}

a#lnkSearchPostcode {
display: none;
visibility: hidden;
}*/

div.sitelet-content h3
{
border-bottom: 1px solid #ccc;
}

h4 {
font-size: 18px;
font-weight: bold;
color: #15742f;
}


ul#deaf {
border:0;
margin:0;

}

ul#deaf li{
display: inline;
list-style:none;
border:0;
margin:0;
font-size: 1.8em !important;
}

ul#deaf li a#deaf{
width: 150px;
height: 80px;
text-align: center;
color: #FFFFFF;
text-decoration: none;
text-decoration: bold;
}

ul#deaf li a:hover#deaf{
color:#FFCC33;
}


ul#deaf li#one{
background:url(../images/deaf_button1.jpg) no-repeat;
}

ul#deaf li#two{
background:url(../images/deaf_button2.jpg) no-repeat;
}

ul#deaf li#three{
background:url(../images/deaf_button3.jpg) no-repeat;
}

/* Doorways */

.doorwayListItem
{    
    height: 25px;
    margin: 0 0 0 0;
    border-bottom: solid #D0D0D0 1px;
    border-right: solid #D0D0D0 1px;
    padding: 5px 5px 0 0
}

.halfWidth
{
    width:50%;
}

.colRowHeight
{
    height:35px;
}

/* Homepage restructure */

/* HEADER OVERRIDES */
h2#eaccount-button 
{
/* my eAccount login image and text */
	background: url("../images/my-eaccount-tag.png") no-repeat top left;
	overflow: visible;
	float: right;
	width: 194px;
	height: 81px;
	position: relative;
	left: 477px; 
	top: 110px; 
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

h2#eaccount-button a 
{
/* login text colour */
	color: #09700E;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	width: 194px;
	height: 40px;
}

h2#eaccount-button a span
{
/* controls the aligment of the login text withing the image */
	display: block;
	line-height: 1.75em;
	padding-top: 16px;
	padding-left: 40px;
	margin: 0;
}

h2#eaccount-button a:hover 
{
/* mye eaccount login text hover style */
	text-decoration: underline;
}


/* FIND-IT OVERRIDES */

div#fi-top
{
	overflow: hidden;
}

div#fi-top-right
{
	overflow: hidden;
}

div#page-column-one div#find-it ul
{
	display: block;
	border:none;
	margin-bottom:0px;
}
img#find-it-icon{
	overflow: visible;
	margin: 5px 0px 5px 5px;
}

div#find-it div#fi-body
{
	border:1px solid #CCCCCC;
	margin-bottom:17px;
}

div#find-it ul li.highlight a
{
	color:#333333;
	font-weight: 700; 
}

/* CONTACT US OVERRIDES */

div#contact-us div#cu-body
{
	background-color:#EDE5ED;
	border:1px solid #CCCCCC;
	margin-bottom:17px;
}

div#page-column-three div#contact-us ul
{
	display: block;
	border:none;
	margin-bottom:0px;
}


div#page-column-three div#contact-us ul.links
{
	padding-left:10px;
}

div#contact-us ul.links li {
	height: 1.4em;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
margin-bottom: 5px;
	
}

div#contact-us ul li.highlight a
{
	color:#333333;
	font-weight:700;
}

/* BANNER OVERRIDES */
div#page-column-two div#banner
{
	float : left;
	width : 100%;
	margin: 0px 0px 17px 0px;
}

div#page-column-two div#banner IMG
{
		float: none;
		margin: 0px 0px 0px 0px;
}

/* DO-IT OVERRIDES */
div#di-body
{
	border:1px solid #CCCCCC;
	margin-bottom : 17px;
}

div#di-body ul
{
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
	white-space:nowrap;
	list-style-type:none;
}

div#di-body ul li.highlight
{
	display: inline; /* show on the same line */
}

div#di-body ul li.highlight a
{
	color:#333333;
	font-weight:700;
	margin: 0;
}


div#di-body div#do-it-footer
{
	/* centers the most popular tasks footer list */
	margin-left: 5%;
	margin-right: 5%;
}

div#di-body div#do-it-footer ul
{
	
}

/* HIGHLIGHTS IMAGES OVERRIDES */
div#highlights{
	overflow : hidden;
	/*margin : 0px 0px 5px 0px;*/
}

div#highlights IMG{
	height : 100px;
	width : 150px;
	margin-left: 18px;
	margin-right: 18px;
	margin-bottom:17px;
    float: none;
}

div#highlights-left{
	float : none;
	width : 150px;
	border: 0px solid #CCCCCC;

}
div#highlights-middle{
	float : none;
	width : 150px;
	border: 0px solid #CCCCCC;

}

div#highlights-right{
	float : none;
	width : 150px;
	border: 0px solid #CCCCCC;
}

/* NEWS OVERRIDES*/

div#news div.section {
	background:url("../images/news-box-bg.png") repeat-x scroll 0 0 transparent;
	border:1px solid #CCCCCC;
	margin-bottom:17px;
}

div#main-news-headline p, div#main-news-summary p
{
	margin-bottom: 3px;
}

div#main-news-headline p a
{
	font-size: 1.2em !important;
	font-weight: bold;
	color: #333333;
}

ul#main-news-link.links
{
	border-bottom:1px solid #CCCCCC;
	margin-right: 5px;
}

ul#other-items.links {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin-right: 8px;
}


ul#other-items.links li.highlight a
{
	color:#333333;
	font-weight:700;
	margin: 4px 0px;
	
}

div#social-links div div ul {
margin-top: 15px;
	
}


div#social-links div div.column-left
{
	width:290px;
}

div#social-links div div.column-left ul li
{
	
}

div#social-links div div.column-left ul li.highlight a
{
	color:#333333;
	font-weight:700;
}

div#social-links div div.column-left ul li.islington-life
{
	background:url("../images/islingtonlife-text.png") no-repeat scroll 10px center transparent;
	margin-right:10px;
}

div#social-links div div.column-left ul li.islington-life a {
	background:url("../images/holder.png") no-repeat top left;
}

div#social-links div div.column-left ul li.islington-life a span{
	
	margin-left: 67px;
}

div#social-links div div ul li.twitter a
{
	background:url("../images/twitter-icon.png") no-repeat scroll 0.6em transparent;
	color:#000000;
	display:block;
	font-size:1.2em;
	font-weight:normal;
	padding:5px 10px 3px 32px;
}

div#social-links div div ul li.youtube a
{
	background:url("../images/youtube-icon.png") no-repeat scroll 0.6em transparent;
	color:#000000;
	display:block;
	font-size:1.2em;
	font-weight:normal;
	padding:5px 10px 3px 32px;
}

div#social-links div div ul li.flickr a
{
	background:url("../images/flickr-icon.png") no-repeat scroll 0.6em transparent;
	color:#000000;
	display:block;
	font-size:1.2em;
	font-weight:normal;
	padding:5px 10px 3px 32px;
}

div#social-links div div ul li.facebook a
{
	background:url("../images/facebook-icon.png") no-repeat scroll 0.6em transparent;
	color:#000000;
	display:block;
	font-size:1.2em;
	font-weight:normal;
	padding:5px 10px 3px 32px;
}

div#social-links div div ul li.rss-link a
{
	background:url("../images/rss-icon.png") no-repeat scroll 0.6em transparent;
	color:#000000;
	display:block;
	font-size:1.2em;
	font-weight:normal;
	padding:5px 10px 3px 32px;
}

/* ISLINGTONNOW AND EVENTS OVERRIDES */

.column-left
{
	border: 0;
	margin: 0;
	float: left;
}

div#news h2,
div#islingtonnow-events h2
{
	background: #c20d38 url(../images/bg_news-events.gif) no-repeat right top;
}

div#islingtonnow-events div h3
{
	color: #c20d38;
}

.section
{
	background-color: #F9E6EB;
	border: 1px solid #ccc; 
	margin-bottom: 17px;
}

div#islingtonnow-events-footer{
		color: #000000; /*Added by NS to return the links on the homepage back to normal after making page links show in green*/
		font-weight: normal; /*Added by NS to return the links on the homepage back to normal after making page links show in green*/
		/*background:url(../images/bg_arrow.gif) no-repeat 10px 0.6em;*/
		display: block;
		font-size: 1.2em;
		padding: 3px 0px 3px 0px;
		border-top: 1px solid #ccc !important;
}

div#islingtonnow-events-footer a{
	padding-left : 10px;
	padding-top : 3px;
	margin-top : 5px;
	color : Black;
}

div#main-news-headline
{
	font-size : 18pt !important;
	margin-top: 5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px
}

div#main-news-summary
{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px
}

#sustainbanner {
height: 100px
}

#sustainlayout{
width: 650px
}

#sustaintop {
width: 650px;
margin: 20px 0px;

background:  url(../images/environment/sustainability/getinvolved_new.gif) no-repeat top right;
background-color: #d0e3d5;
}

#sustaintop ul{
margin-top: 35px;
width: 320px;
}

#sustaintop ul li{
margin-bottom: 5px;
}


#sustainmid {
background:  url(../images/environment/sustainability/findout_new.gif) no-repeat top right;
}

#susmidleft {
float: left;
margin-top: 43px;
}

#susmidright {
float: right;
margin-top: 43px;
}

#susbox {
width: 310px;
background-color:#eee;
margin-bottom: 7px;
}

#susbox p {
margin: 5px;
}

#sustainbottom {
text-align:left;
margin-top: 10px;
width: 650px;
clear: both;
}


#susbottomleft {
float: left;
width: 155px;
height: 110px;
background-color:#ede5ed;
}
#susbottommid {
float: left;
margin-left: 10px;
width: 155px;
height: 110px;
background-color:#ede5ed;
}
#susbottomright {
float: left;
margin-left: 10px;
width: 155px;
height: 110px;
background-color:#ede5ed;
}

#susbottomleft p, 
#susbottommid p,
#susbottomright p,
#susbottomleft p, 
#susbottommid p,
#susbottomright p {
margin: 5px;
}

#sustainbottom a:link,
#sustainbottom a:active,
#sustainbottom a:visited
{
color: #000;
}

#sustainmid a:link,
#sustainmid a:active,
#sustainmid a:visited
{
color: #036;
}

#exhibition {
width: 680px;
background: url(../images/leisure/sickertback.png) no-repeat right bottom;
background-color: #393137;
color: #fff;
}

#exhibition h3.exhibitionhead {
width: 680px;
background: url(../images/leisure/sickerthead.png) no-repeat top left;
font-size: 450%;
color: #fff;
height: 100px;
}

#exhibition h3.exhibitionsubhead {
background: url(../images/leisure/sickerthead-text.png) no-repeat center;
font-size: 260%;
color: #fff;
height: 170px;
position:relative;
left:40px;
}


#exhibition h3.exhibitiontitle {
clear: both;
color: #fff;
margin: 30px;
font-size: 260%;
}

img.exhibition {
float:right;
position: relative;
right: 80px;
}

#exhibition p.exhibition{
color:#FFF;
font-size: 160%;
position: relative;
left: 80px;
width: 300px;
}

#exbox {
padding-top: 20px
}

#exhibition hr.exhibition {
display: block;
clear: both;
border: 0;
width: 60%;
color: #222;
background-color: #222;
height: 1px;
padding: 0px 5px;
}

#exhibition #exhibition-spacer {
height: 90px;
width: 680px;
}

#exhibition p.exhibitionmain {
color: #fff;
font-size: 200%;
margin: 20px 20px;
margin: 30px 100px;
width: 476px;
}

#exhibition p.exhibitionsmall {
font-size: 110%;
position:relative;
left: 80px;
top: 10px;
width: 300px;
}

#exhibition p.exhibitionmainsmall {
font-size: 150%;
margin: 20px 0px;
width: 300px;
position:relative;
left: 80px;
color: #fff;
}

#exhibitionmain {
margin: 0px 100px;
width: 476px;
height: 300px;
}

strong.exhibition {

}

#exhibition ul.exhibition {
color: #fff;
font-size: 150%;
margin: 20px 20px;
margin: 30px 100px;
width: 476px;
list-style:circle;
}

#exhibition ul.exhibition li {
list-style:circle;
position:relative;
}

#exhibition ul.exhibition li a{
color: #fff;
text-decoration:underline;
}

#exhibition p.exhibition a {
color: #fff;
text-decoration:underline;
}

#exhibition p.exhibitionmainsmall a {
color: #fff;
text-decoration:underline;
}

#exhibition li.exhibition {

}

#lhc {
width: 700px;
background: url(../images/leisure/lhc_back.jpg) no-repeat center top;
padding-top: 230px;
min-height: 100px;
}

#lhctwo {
width: 380px;
background-color: #fff;
}

#lhc h3.lhcheading {
}

#lhc p.lhcheading {
}

#lhc h3.lhcsubheadingtop {

}

#boxtop {
width: 485px;
position:relative;
left: 180px;
}

#boxbottom {
float: left;
}

.set-clear {
clear:both;
}

#lhc p.boxtop {
color: #FFFF99;
font-size: 130%;
padding: 10px 0px;
}

#lhc #boxbottom h3.lhcsubheadingbottom {
color: #FFFF99;
padding: 10px 0px;
font-size: 170%;
width: 250px;
position:relative;
left: 180px;
}

#lhc p.boxbottom {
font-size: 130%;
padding: 10px 0px;
width: 250px;
color: #FFFF99;
position:relative;
left: 180px;
}

#lhc p.boxbottom a {
color:#fff;
}

#lhc img.lhcimg-right {
float: right;
}

#lhc img.lhcimg-left {
float: left;
}

/* Do it page styles - added 6/12/2010 by FM */


.doit div#page-column-two {
	width: 710px;
	float: left;
}

#left-sliders, #right-sliders {
	width:238px;
	float:left;
}

#third-sliders {
	width:233px;
	float:left;
}

div#doitseven, div#doitfour, div#doitone {
		width:230px;
		margin-top: 18px;		
}
div#doitfive, div#doittwo, div#doitthree, div#doitsix, div#doiteight, div#doitnine, div#doitten, div#doiteleven, div#doittwelve {
		width:230px;
		margin-top: 8px;			
}

#top-doitone {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/parkingheader.gif);
}
#top-doittwo {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/recyclingheader.gif);
}
#top-doitthree {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/sportheader.gif);
}
#top-doitfour {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/ctaxheader.gif);
}
#top-doitfive {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/housingheader.gif);
}
#top-doitsix {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/birthsheader.gif);
}
#top-doitseven {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/planningheader.gif);
}
#top-doiteight {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/schoolsheader.gif);
}
#top-doitnine {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/neighbourhoodheader.gif);
}
#top-doitten {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/businessheader.gif);
}
#top-doiteleven {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/contactsheader.gif);
}
#top-doittwelve {
	display:block;
	width:230px;
	height:30px;
	background-image:url(http://www.islington.gov.uk/images/doit/jobsheader.gif);
}

#doitone-content, #doittwo-content, #doitthree-content, #doitfour-content, #doitfive-content, #doitsix-content, #doitseven-content, #doiteight-content,
#doitnine-content, #doitten-content, #doiteleven-content, #doittwelve-content  {
	background-color: #d8d8d8;
	position: relative;
	padding: 4px 4px 6px 4px;
	margin: 0px;	
} 

.list  {
	height: 7.1em;
} 

div#page-column-two #left-sliders ul, div#page-column-two #right-sliders ul, div#page-column-two #third-sliders ul {
  margin-bottom: 0px;
  margin-top: 0px;	
}

div#page-column-two #left-sliders ul li, div#page-column-two #right-sliders ul li, div#page-column-two #third-sliders ul li {
  padding-bottom: 1px
}

div#page-column-two #left-sliders ul.more, div#page-column-two #right-sliders ul.more, div#page-column-two #third-sliders ul.more {
  padding-bottom: 1px;
	margin-bottom: 30px;
}
div#page-column-two #left-sliders ul.more .readmore, div#page-column-two #right-sliders ul.more .readmore, div#page-column-two #third-sliders ul.more .readmore {
  padding-top: 10px;
	list-style-type: none;
	margin-left: 10px;
}

div#page-column-two #left-sliders ul.expand, div#page-column-two #right-sliders ul.expand, div#page-column-two #third-sliders ul.expand {
	padding-top: 2px;
	margin-top: 5px;
	border-top: 1px solid #a4a5a7;
	position: absolute;
	width: 96%;	
	bottom: 5px;	
}
div#page-column-two #left-sliders ul.expand li, div#page-column-two #right-sliders ul.expand li, div#page-column-two #third-sliders ul.expand li {
	list-style: none;
	margin-left: 65px
}
	
div#page-column-two #left-sliders a, div#page-column-two #right-sliders a, div#page-column-two #third-sliders a {
  color: #000000;
  font-weight: normal;
}
#doitten-content, #doiteleven-content, #doittwelve-content {
	padding: 4px 4px 6px 4px;
	margin: 0px;
	margin-bottom: 30px
}

#doiteaccount hr {
  display: block;
	margin-top: 15px;
  margin-bottom: 10px
}

#doiteaccount img {
 padding-top: 5px
}