/** 
 * 
 * 	Nelson City Council Main Layout Stylesheet
 *
 */
 
/*  Misc Styles and defaults 
-------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	color: #222;
 	/* font-size: 62.5%; */
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif; 
	
}
html {
	background: #1588C9 url(../images/background.jpg) no-repeat 50% 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
.clear{
	clear:both;
}
a {
	text-decoration: none;
	color: #0158a7;
	outline: none;
}
	a:hover {
		text-decoration: underline;
	}
a img {
	border: none;
}
.print {
	display: none;
}

.hidden {
	display: none;
}

#ContentContainer div.thumbnail {
	width: 202px;
	height: 112px;
	background: url(../images/thumbnail_frame.gif) no-repeat;
	padding: 20px 0px 0px 17px !important;
	margin: 0 0 3px 0;
}

#ContentContainer .htmlBlock .typography {
	float: none;
	width: 200px;
	padding: 10px 10px 0 0;
	margin: 0 15px;
}

#Middle .htmlBlock h1,
#Middle .htmlBlock h2,
#Middle .htmlBlock h3,
#Middle .htmlBlock h4,
#Middle .htmlBlock h5,
#Middle .htmlBlock h6 {
	margin: 9px 5px 2px;	
}

#Middle .htmlBlock p {
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
}

#Middle div .htmlBlock ul, #Listing div .htmlBlock ul {
	list-style-type: disc;
	margin-left: 24px;
}
#Middle div .htmlBlock ul ul, #Listing div .htmlBlock ul ul {
	list-style-type: circle;
}

#Middle div .htmlBlock ol, #Listing div .htmlBlock ol {
	margin: 5px 0;
	margin-left: 24px;
	list-style-type:decimal;
}
	#Middle div .htmlBlock ol ol, #Listing div .htmlBlock ol ol {
		list-style-type: lower-alpha;
	}
	#Middle div .htmlBlock ul li, #Listing div .htmlBlock ul li, #Middle div .htmlBlock ol li, #Listing div .htmlBlock ol li  {
		padding: 3px 0;
	}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 960px;  
	margin: 0 auto; 
}
#Container { 
	
}
.Layout {
	background: #fff;
	clear: both;
	overflow: hidden;
}
#ContentContainer {
	float: left;
	position: relative;
}
	#ContentContainer h2.pageTitle {
		margin: 10px 0 0 10px;
	}
#BodyContent, #theform {
	padding-top: 0;
}
.hasSideBar #BodyContent,
#BodyContent.withSidebar,
#theform.withSidebar {
	float: left;
	width: 500px;
}

/* HEADER
----------------------------------------- */
#Header { 
 	margin: 0 auto;
	overflow: hidden;
	height: 125px;
	position: relative;
}
 	#Header h1 { 
		float: left;
	  	color: #fff; 
		font-size: 1.6em; 
		font-family: Helvetica, Arial, sans-serif;
		padding-top: 10px;
	}
	#HomeLink {
		display: block;
		width: 310px;
		height: 80px;
		text-indent: -9999em;
	}
	#HomeLink:hover {
		background-color: transparent;
	}
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}
#SearchContainer {
	float: right;
	width: 245px;

}	
#PrintPageTitle {
	font-size: 26px;
	font-weight: normal;
	margin-top: 50px;
}

/* LAYOUT FRAMEWORK
----------------------------------------- */	
.Layout {
	position: relative;
	overflow: visible;
}
.col2 {
	width: 50%;
	float: left;
}
.col3 {
	overflow: hidden;
	float: left;
	width: 33%;
}
.col4 {
	width: 25%;
}
.hidden {
	display: none;
}

/* GENERAL PAGE STYLING 
------------------------------------------*/
#ContentContainer .typography h2.pageTitle {
	margin: 0 0 10px 0;
	letter-spacing: 1px;
	color: #0158A7;
}
	
/* HOMEPAGE FEATURED
----------------------------------------- */	
#WelcomeText {
	color: #0059A6;
	font-size: 1.8em;
}
	#PortalPage #WelcomeText {
		color: #00cdff;
		font-size: 1.2em;
	}
#Featured {
	overflow: hidden;
	padding: 0 8px;
}
	#Featured #FeaturedContent div {
		width: 100%;
		height: 100%;
	}
#FeaturedContent {
	width: 100%;
	float: left; 	
	margin: 0;
	text-align: left;
	display: block;
	height: 240px;
	overflow: hidden;
	color: #000;
	z-index: 0;
}
	#FeaturedContent a {
		width: 100%;
	}	
#ContentNav {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: left;
	width: 25% !important;
	height: auto;
	z-index:1;
	background: url('../images/whitescreen.png') repeat;
}
#ContentNav p {
	padding-top: 0;
	display: inline;
	float: left;
	padding-left: 10px;
}
#ContentNav ul {
	padding-top: 5px;
}
	#ContentNav ul li {
		padding: 5px 5px 5px 10px;
		margin-bottom: 5px;
	}
		#ContentNav ul li:hover {
			background: #FFF;
		}
	#ContentNav ul p, #ContentNav ul {
		display: block;
		padding: 0;
		float: none;
	}

/* HOMEPAGE FEATURED
----------------------------------------- */

#Featured {
	position: relative;
}
	#HomePage #FeaturedContent{
		position: relative;
	}
		#Featured #FeaturedContent .featuredText {
			position: relative;
			overflow: hidden;
			bottom: 0;
			background: url('../images/featured_text_background.png') repeat;
			height: 100%;
			width: 275px;
			left: 664px;
			color: #fff;
			padding-left: 5px;
		}
			#Featured #FeaturedContent .featuredText h3 {
				font-size: 1.8em;
				margin-left: 12px;
				margin-top: 20px;
				margin-right: 10px;
			}
			#Featured #FeaturedContent .featuredText p {
				margin-right: 10px;
			}
				#Featured #FeaturedContent .featuredText h3 a {
					color: #fff;
				}
		#Featured #FeaturedControls {
			position: absolute;
			width: 280px;
			bottom: 0;
			right: 8px;
			padding: 15px 0;
			background: #656363;
		}
		#Featured #FeaturedControls a {
			color: #ffcb05;;
		}
			#Featured #FeaturedControls span {
				font-size: 1.2em;
			}
			#Featured #FeaturedControls #SlidePager {
				margin-left: 50px;
				float: left;
				color: #fff;
				padding-top: 3px;
			}
		#Featured #FeaturedControls .prev {
			float: left;
			margin-left: 15px;
			padding-left: 18px;
			padding-top: 3px;
			background: url(../images/slide_prev.gif) no-repeat;
		}
		#Featured #FeaturedControls .next {
			float: right;
			margin-right: 15px;
			padding-right: 18px;
			padding-top: 3px;
			background: url(../images/slide_next.gif) no-repeat 100% 0;
		}

/* TEMP to get nav lists looking nice */
* ul, * p {
	list-style: none;
	padding: 10px;
	line-height: 150%; 
}
.col3 ul, .col3 ul li, .col3 p, .col2 ul, .col2 ul li, .col2 p {
	padding: 0;
}

/* CHECK UP POSSIBLE ORPHANS?
----------------------------------------- */
#SubHeader {
	float: left;
}
#ReplaceMe {
	float: left;
	width: 75%;
}

/* RIGHT
----------------------------------------- */	
#Right {
	clear: right;
	float: right;
}    
#Right div {
	float: left;
	overflow: visible;
}
#Right div div {
	border: 0;
}
#Right div.widget {
	width: 230px;
	background-color: #CFECF8;
}
#Right .widget .top {
	text-indent: 10px;
	line-height: 0.9em;
}
#Right .widget .top, #Right .widget .body {
	width: 100%;
}
	#Right .widget .top {
		color: #fff;
		background-color: #0158A7;
		font-size: 16px;
	}
		#Right .widget .top a,
		#Right .widget .bottom a
		 {
			display: block;
			text-indent: -9999em;
			height: 30px;
		}
#ServicesWidget,
#EmissionsWidget,
#EventCalendar,
#LibraryBlogLatest,
#CountdownWidget {
	margin-top: 12px;
}
#EventCalendar div.body ul li a {
	display: inline;
}
#Events div {
	border: 0;
}

#Right h3 {
	display: block;
	float: left;
	width: 90%;
	padding: 10px 0 10px 0;
}
#Right #CivilDefenceStatus {
	float: left;
	margin-bottom: 0;
}
	#Right #CivilDefenceStatus .top {
		line-height: 0;
		height: 10px;
		width: 100%;
	}
		#Right #CivilDefenceStatus .top a {
			display: block;
			width: 230px;
			height: 27px;
			text-indent: -9999em;
		}
		#Right #CivilDefenceStatus div.body {
			width: 100%;
		}
	#Right #CivilDefenceStatus .body {
		/*text-transform: uppercase;*/
	}
		#Right #CivilDefenceStatus .body a {
			display: block;
			padding: 8px 35px 0 15px;
			margin: 0 0 10px 0;
		}
		#CivilDefenceStatus.Preparedness a {
			color: darkgreen;
		}
		#CivilDefenceStatus.Alert a {
			color: #fff;
		}
		#CivilDefenceStatus.Emergency a {
			color: #FFCD00;
		}
	#Right #CivilDefenceStatus.Preparedness .top {
		background: #cfecf8 url(../images/defense_status_top_green.gif) no-repeat;
	}
	#Right #CivilDefenceStatus.Preparedness div.body {
		color: #b10000;
		background: #cfecf8 url(../images/defense_status_green.gif) no-repeat 98% 5px;
	}
	#Right #CivilDefenceStatus.Emergency .top {
		background: #af1f23 url(../images/defense_status_top_red.gif) no-repeat;
	}
	#Right #CivilDefenceStatus.Emergency div.body {
		background: #af1f23 url(../images/defense_status_red.gif) no-repeat 98% 5px;
		min-height: 32px;
	}
	#Right #CivilDefenceStatus.Alert .top { background: #d57828 url(../images/defense_status_top_orange.gif) no-repeat; }
	#Right #CivilDefenceStatus.Alert div.body { background: #d57828 url(../images/defense_status_orange.gif) no-repeat 98% 5px; }

#Right #Utils {
	
}
#Right #Utils div {
	float: left;
	margin: 4px 4px 4px 0px;
	padding: 0px 4px 4px 4px;
	width: 68px;
	height: 30px;
	line-height: 32px;
}
	#Right #Utils div a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#Right #Utils #email a {
		padding-left: 35px;
		background: url(../images/icons/email.gif) no-repeat 0 50%;
	}
	#Right #Utils #rss {
		width: 58px;
		margin-left: 10px;
	}
	#Right #Utils #rss a {
		padding-left: 25px;
		background: url(../images/icons/feed.gif) no-repeat 0 50%;
	}
	#Right #Utils #print a {
		padding-left: 35px;
		background: url(../images/icons/print.gif) no-repeat 0 50%;
	}

#Right #ContactWidget .top {
	width: 100%;
	background: url(../images/contact_top.gif) no-repeat 0 50%;
	line-height: 0px;
	padding: 0px;
}
	#Right #ContactWidget .top a {
		
	}
#Right #ContactWidget .body {
	background: #CFECF8;
}
	#Right #ContactWidget .body ul {

	}
	#Right #ContactWidget .body li {
		height: 33px;
		margin-top: -10px;
		padding-top: 20px;
		padding-left: 50px;
		float: none;
		
	}
	#Right #ContactWidget .body li.email {
		background: url(../images/contact_email.gif) no-repeat 0 50%;
	}
	#Right #ContactWidget .body li.phone {

		background: url(../images/contact_phone.gif) no-repeat 0 50%;
	}

#Right #HaveYourSayWidget .top {
	padding: 0;
	background: url(../images/have_your_say_top.gif) no-repeat 0 50%;
}
#Right #HaveYourSayWidget .body {
	background: #CFECF8 url(../images/have_your_say_bottom.gif) no-repeat 0 100%;
	padding-bottom: 15px;
}
#Right #HaveYourSayWidget .body ul li {
	margin: 0;
	float: left;
	margin: 0 4px;
	width: 96px
}

#Right #CountdownWidget .top {
	background: url(../images/rugby_countdown_header.gif) no-repeat 0 100%;
	text-indent: -9999em;
}
	#Right #CountdownWidget .duration { float: left; width: 51px; text-align: center; }
	#Right #CountdownWidget .days { margin-left: 16px; }
	#Right #CountdownWidget .label { float: left; width: 51px; font-size: 12px; color: #CACFDF; text-align: center; margin-top: 5px; }
	#Right #CountdownWidget .first { margin-left: 16px; }
	#Right #CountdownWidget .clear { height: 0; }

	#Right #CountdownWidget .body {
		height: 89px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 30px;
		background: url(../images/rugby_countdown_bg.gif) no-repeat 100% 100%;
		color: #ffffff;
	}
	#Right #CountdownWidget .body #countdown {
		margin-top: 15px;
	}
#Right #LibraryServicesWidget {
	margin-top: 12px;
}
#Right #LibraryServicesWidget .top {
	text-indent: -9999em;
	background: url(../images/library/library-services-bg.gif) no-repeat top left;
	padding: 0;
}
#Right #LibraryServicesWidget .top a,
#Right #LibraryServicesWidget .bottom a {
	min-height: 39px;
}
#Right #LibraryServicesWidget .bottom {
	text-indent: -9999em;
	background: url(../images/library/library-services-bottom-bg.gif) no-repeat bottom left;
	padding: 0;
	width: 100%;
}
#Right #LibraryServicesWidget .tabs-nav,
html #Right #LibraryServicesWidget .tabs-nav li,
#Right #LibraryServicesWidget .tabs-nav a {
	color: #fff;
	background: #4d9bc7;
	padding-bottom: 0;
}

#Right #LibraryServicesWidget .tabs-nav a:hover {
	color: #2168dc;
	background: #91e6fd;
}
html #Right #LibraryServicesWidget #tabs {
	padding: 0;
}
#Right #LibraryServicesWidget .tabs-nav .tabs-selected a {
	color: #2168dc;
}
html #Right #LibraryServicesWidget #tabs,
html #Right #LibraryServicesWidget .tabs-container,
#Right #LibraryServicesWidget .tabs-nav .tabs-selected a {
	background: #d7ebf4
}
html #Right #LibraryServicesWidget .tabs-container ul {
	margin: 0 0 0 13px;
	width: 208px;
}
#Right #LibraryServicesWidget .tabs-nav .tabs-selected a:hover {
	text-decoration: none;
}

html #Right #LibraryServicesWidget div.tabs-container ul li a {
	border-bottom: 1px solid #91e6fd;
	padding-left: 0;
}
#Right #LibraryServicesWidget .tabs-nav li {
	width: 115px;
}


#Right #ServicesWidget .top {
	text-indent: -9999em;
	background: url(../images/services_top.gif) no-repeat 0 50%;
}
	#Right #ServicesWidget .top a {
		height: 100%;
		height: 19px;
	}
	#Right #ServicesWidget .top {
		text-indent: -9999em;
		background: url(../images/services_top.gif) no-repeat 0 50%;
	}	
#Right #ServicesWidget .bottom {
	width: 100%;
	height: 39px;
	padding: 0;
	text-indent: -9999em;
	background: #FEFAE8 url(../images/services_bottom.gif) no-repeat 0 100%;
}
	#Right #ServicesWidget .bottom a {
		display: block;
		width: 100px;
		height: 20px;
	}
	
#Right #ServicesWidget .body {
	background: #FEFAE8;
}

#Right #EmissionsWidget {
	display: none;
}

#Right #EmissionsWidget .treesPlural {
	display: none;
}

#Right #EmissionsWidget .top {
	color: #115000;
	background: url(../images/emissions_top.gif) no-repeat 0 50%;
}
	#Right #EmissionsWidget .top a {
		height: 100%;
		height: 19px;
	}

#Right #EmissionsWidget .bottom {
	width: 100%;
	height: 39px;
	padding: 0;
	color: #115000;
	background: #FEFAE8 url(../images/emissions_bottom.gif) no-repeat 0 100%;
}
	#Right #EmissionsWidget .bottom a {
		display: block;
		text-indent:0em;
		font-size:16px;
		color: #115000;
		line-height:0.9em;
		text-indent:10px;
		padding:10px 0;
	}
	
	
#Right #EmissionsWidget .tabs-nav,
#Right #EmissionsWidget .tabs-nav li,
#Right #EmissionsWidget .tabs-nav a {	
	background-color: #bfdeb7;
}

#Right #EmissionsWidget .tabs-nav a:hover {
	background-color: #d6e7d1;
}

#Right #EmissionsWidget .tabs-nav li.tabs-selected a {
	background-color: white;
}
	
html #Right #EmissionsWidget div.tabs-container ul li a  {
	border-bottom: 1px solid #BFDEB7;
}
	
#Right #EmissionsWidget .body {
	background: #FEFAE8;
}

#Right #EmissionsWidget .body .tabs-container {
	padding: 5%;
	width: 90%;
}

#Right #EmissionsWidget .body .tabs-container ul li {
	width: 50%;
}

#Right #EmissionsWidget .body .tabs-container p {
	padding: 5px 0;
}

#Right #EmissionsWidget .body .tabs-container .actions {
	float: right;
	clear: both;
	padding-top: 10px;
}

#Right #EmissionsWidget .body .tabs-container .tabs-container,
#Right #EmissionsWidget .body .tabs-container .form {
	width: 98%;
	padding: 1%;
}

#Right #EmissionsWidget .body #ec-tabs div div.result {
	display: none;
}

#Right #EmissionsWidget .body #ec-tabs .error {
	background: #FFE166;
	border: 1px solid orange;
	padding: 3%;
	margin-bottom: 10px;
	display: none;
	width: 94%;
	clear: both;
	font-weight: bold;
}

#Right #EmissionsWidget .body .form #CarDistance {
	width: 50px;
	margin: 0 5px;
	text-align: right;
}



#Right div.Calendar .top {
	background: #CFECF8 url(../images/calendar_top.gif) no-repeat 0 100%;
	text-indent: -9999em;
	
}
#Right div.Calendar .body {
	width: 80%;
	padding: 10px 10% 10% 10%;
	background: #efedf6 url(../images/calendar_bottom.gif) no-repeat 0 100%;
	color: #6c427b;
}
	#Right div.Calendar table {
		padding-left: 10px;
		width: 100%;
		clear: both;
	}
	#EventCalendar .body div {
		width: 100%;
	}
		#EventCalendar .body .monthYear {
			text-align: center;
			padding: 0;
			text-transform: uppercase;
		}
		#EventCalendar .body span a {			
			width: 9px;
			height: 10px;
			margin-bottom: 20px;
			text-indent: -9999em;
			margin-top: -13px;
		}
		#EventCalendar .body span.prev a {
			float: left;
			background: url(../images/left_arrow.gif) no-repeat;
		}
		#EventCalendar .body span.next a {
			float: right;
			background: url(../images/right_arrow.gif) no-repeat;
		}
		
#LibraryBlogLatest .top {
	background: url(../images/library/latest-on-the-blog-bg.gif) no-repeat top left;
	min-height: 39px;
	_height: 39px;
	padding: 0;
	text-indent: -9999em;
}
#LibraryBlogLatest .body ul {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 3px;
}
#LibraryBlogLatest .body ul li {
	padding: 6px 0;
	border-bottom: 1px solid #b6d4e8;
}
#LibraryBlogLatest .body ul li.last {
	border: none;
}
#LibraryBlogLatest .bottom {
	background: url(../images/library/visit-library-blog-bg.gif) no-repeat bottom left;
	min-height: 40px;
	_height: 40px;
	padding: 0;
	text-indent: -9999em;
	width: 100%;
}

#News {
	border-left: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
}

#Events {
	margin-top: 10px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	height: 235px;
}

#EventCalendar table tr td, #EventCalendar table tr th {
	width: 30px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
}
	#EventCalendar table tr td.highlight {
		background: #cfe779;
	}
	ul.events {
		list-style-type: disc;
		padding-left: 15px;
	}

#Middle .col3 #HomePageAddInfo {
	padding: 0;
	margin: 0 0 10px 0;
}

#LiveTheDay {
	width: 230px;
	height: 72px;
	background: url(../images/live_the_day.gif);
	text-indent: -9999em;
}

.col2, .col3 {
	position: relative;
	height: 360px;
	_height: 310px;
	overflow: hidden;
}
	
.col3 {
	width: 33%;
}
.section {
	clear: left;
	overflow: hidden;
	float: left;
}
	.section .col3 {
		float: left;
	}
	.section h2 {
		text-align: left;
	}
		.section h2 a {
			width: 100%;
			height: 25px;
			_height: auto;
			padding: 12px 0 6px 0;
		}

#Bottom ul li {
	padding: 2px 0;
	display: block;
	width: 50%;
	float: left;
}
#Middle {
	width: 100%;
}
#Middle .col3 div, #Middle .col2 div {
	padding: 5px;
}
#Middle .col3 div div.content, #Middle .col2 div div.content {
	padding-left: 10px;
	padding-right: 10px;
}

#LibraryPortalPage .detail-inner ul,
#LibrarySectionHomePage .detail-inner ul,
#SectionHomePage .detail-inner ul,
#PortalPage .detail-inner ul {
	margin-left: 10px;
}
#Middle .quicklinkslist, #Listing .detail-inner {
	width: 85%;
	padding-top:0;
	margin: 10px 0 0 0;
}
#Middle .quicklinkslist li,
#Listing .detail-inner li {
	border-bottom:1px solid #DDDDDD;
	padding:3px 0;
}
#Middle .col2 .quicklinkslist, #Listing .col2 .quicklinkslist {
	width: 95%;
}
	#Middle .quicklinkslistist li, #Listing .detail-inner li {
		padding: 3px 0;
		border-bottom: 1px solid #ddd;
	}
		#Middle .quicklinkslist li a {
			text-decoration: none;
		}
#HomePage #Services, #HomePage #Services h2 {
	border: 0 !important;
}
#Services {
	/*  */
	

	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	background: #fff;
}
#ServicesInner {
	padding: 5px;
}
#Services h2 {
	border-bottom: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
}
#Content div a {
	float: left;
}
#Content div p a {
	display: inline;
	float: none;
}
#LibrarySectionHomePage #ContentContainer,
#SectionHomePage #ContentContainer,
#PortalPage #ContentContainer {
	height: auto;
	overflow: hidden;
	margin-bottom: 16px;
}
#HomePage #Services {
	height: 200px;
	border: 1px solid #efefef !important;
}
#HomePage #ContentContainer {
	width: 75%;
	height: auto;
	margin-bottom: 16px;
}
#ContentContainer {
	width: 712px;
}
#ContentContainer .detail {
	width: 33%;
	position: relative;
	overflow: hidden;
	padding: 0;
}
#ContentContainer #Listing {
}
#ContentContainer #Listing.colTwo .detail {
	width: 49%;
}
#ContentContainer .detail-inner {
	padding: 10px 0 0 5px;
}
#ContentContainer .detail-inner p {
	padding: 0 0 0 10px !important;
}
	#ContentContainer .detail-inner h1, #ContentContainer .detail-inner h2, 
	#ContentContainer .detail-inner h3, #ContentContainer .detail-inner h4, #ContentContainer .detail-inner h5,
	#ContentContainer .section h1, #ContentContainer .section h2, 
	#ContentContainer .section h3, #ContentContainer .section h4, #ContentContainer .section h5 {
		font-weight: normal;
		color: #0059A6;
		margin-bottom: 10px;
		padding-top: 5px;
	}
	#ContentContainer .detail-inner h1, #ContentContainer .section h1 {
		font-size: 22px;
		color: #4EA3D7;
	}
	#ContentContainer .detail-inner h2, #ContentContainer .section h2 {
		font-size: 20px;
		color: #4EA3D7;
	}
	#ContentContainer .detail-inner h2,
	#ContentContainer .detail-inner h3,
	#ContentContainer .detail-inner h4,
	#ContentContainer .detail-inner h5 {
		padding: 10px 0 0 10px;
	}
	#ContentContainer .detail-inner h3, #ContentContainer .section h3 {
		font-size: 18px;
	}
	#ContentContainer .detail-inner h4, #ContentContainer .section h4 {
		font-size: 16px;
	}
	#ContentContainer .detail-inner h5, #ContentContainer .section h5 {
		font-size: 14px;
	}

	#HomePage .detailViewAll {
		margin: 10px 0 0 0 !important;
	}
.detailViewAll {
	padding: 0 !important;
	margin: 5px 0 0 10px !important;
	position: absolute;
	bottom: -1px;
	width: 86%;
	text-align: center;
	border-top:1px solid #EFEFEF;
	background: white;
}
	.detailViewAll a {
		float: right;
		background: #EFEFEF;
		width: 50%;
		padding: 3px 0;
	}

#SectionHomePage #SubHeader {
	padding: 0px;
	width: 540px;
	_width: 534px;
	height: 45px;
	margin: 0;
	float: left;
}
.detail {
	width: 248px;
	_width: 246px;
	background: #fff;
	float: left;
/*	border: 1px solid #EFEFEF;
*/	height: 275px;
	padding: 10px;
	font-size: 0.95em;
}

#PortalPage, #SectionHomePage, #Page, #ServicesAZPage {
	background: #fff;
	height: 100%;
}

#PortalPage #SubHeader {
	width: 100%;
	float: left;
}
#PortalPage .linklist {
	height: 250px;
}
.detail h3 {
	font-size: 1.25em;
}
.detail ul {
	margin-top: 8px;
	padding: 0;
}
.detail li {
	/* margin-bottom: 8px; */
}
.detail a {
	display: block;
	margin-bottom: 2px;
}
.detail ol li a {
	display: inline;
}
#Listing .detail-inner ol li {
	border: none;
}

/* MAIN NAVIGATION (NEEDS A PRUNE)
----------------------------------------- */
#NavContainer {
	overflow: hidden;
	width: 100%;
	float: left;
}
#Navigation {
	width: 100%;
	overflow: hidden;
	background: url('../images/nav_buttons/main_nav_bg.png') top left no-repeat;
}
#NavList {
	padding: 0;
}
#Navigation #Home a:hover {
	color: darkblue !important;
}
#Navigation #NavList li a {
	font-size: 1.15em;
}
	#Navigation ul { 
 		float: left; 
		width: 100%;
		padding-left: 8px;
		margin-top: 7px;
	}
		#Navigation ul li { 
			overflow: visible;
	 		list-style: none; 
			float: left;
			line-height: 2.8em;
			text-align: center;
		}
  			#Navigation ul li a { 
				display: block;
				text-decoration: underline;
				width: 100%; 
				height: 26px;
				font-size: 1.2em;
				line-height: 1.1em; 
				margin: 0 auto;
				float: none;
				overflow: visible;
				padding: 5px 0;
				text-indent: -9999em;
			}
			#Navigation ul#NavList li#Home, #Navigation ul#NavList li a#home {
				width: 82px;
				background: url(../images/nav_buttons/home_button.gif) no-repeat;
			}
				#Navigation ul#NavList li a#home:hover {
					background: url(../images/nav_buttons/home_button_hover.gif) no-repeat;
				}
				#Navigation ul#NavList li a#home.current {
					background: url(../images/nav_buttons/home_button_selected.gif) no-repeat;
				}
			#Navigation ul#NavList li#about-nelson, #Navigation ul#NavList li#about-nelson a {
				width: 133px;
				background: url(../images/nav_buttons/about_nelson_button.gif) no-repeat;
			}
				#Navigation ul#NavList li#about-nelson a:hover {
					background: url(../images/nav_buttons/about_nelson_button_hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#about-nelson a.section {
					background: url(../images/nav_buttons/about_nelson_button_selected.gif) no-repeat;
				}
			#Navigation ul#NavList li#services, #Navigation ul#NavList li#services a {
				width: 100px;
				background: url(../images/nav_buttons/services_button.gif) no-repeat;
			}
				#Navigation ul#NavList li#services a:hover {
					background: url(../images/nav_buttons/services_button_hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#services a.section {
					background: url(../images/nav_buttons/services_button_selected.gif) no-repeat;
				}
			#Navigation ul#NavList li#leisure, #Navigation ul#NavList li#leisure a {
				width: 92px;
				background: url(../images/nav_buttons/leisure_button.gif) no-repeat;
			}
				#Navigation ul#NavList li#leisure a:hover {
					background: url(../images/nav_buttons/leisure_button_hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#leisure a.section {
					background: url(../images/nav_buttons/leisure_button_selected.gif) no-repeat;
				}
			#Navigation ul#NavList li#library, #Navigation ul#NavList li#library a {
				width: 84px;
				background: url(../images/nav_buttons/library_button.gif) no-repeat;
			}
				#Navigation ul#NavList li#library a:hover {
					background: url(../images/nav_buttons/library_button_hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#library a.section {
					background: url(../images/nav_buttons/library_button_selected.gif) no-repeat;
				}
			#Navigation ul#NavList li#environment, #Navigation ul#NavList li#environment a {
				width: 128px;
				background: url(../images/nav_buttons/environment_button.gif) no-repeat;
			}
				#Navigation ul#NavList li#environment a:hover {
					background: url(../images/nav_buttons/environment_button_hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#environment a.section {
					background: url(../images/nav_buttons/environment_button_selected.gif) no-repeat;
				}
			#Navigation ul#NavList li#building-and-property, #Navigation ul#NavList li#building-and-property a {
				width: 194px;
				background: url(../images/nav_buttons/building_property_button.gif) no-repeat;
			}
				#Navigation ul#NavList li#building-and-property a:hover {
					background: url(../images/nav_buttons/building_property_button_hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#building-and-property a.section {
					background: url(../images/nav_buttons/building_property_button_selected.gif) no-repeat;
				}
			#Navigation ul#NavList li#council, #Navigation ul#NavList li#council a {
				width: 131px;
				background: url(../images/nav_buttons/your_council_button.gif) no-repeat;
			}
				#Navigation ul#NavList li#council a:hover {
					background: url(../images/nav_buttons/your_council_button_hover.gif) no-repeat;
				}
				#Navigation ul#NavList li#council a.section {
					background: url(../images/nav_buttons/your_council_button_selected.gif) no-repeat;
				}
					#Navigation ul li a:hover { 
			 			background: #93C7E7; 
						color: darkblue;
						cursor: pointer;
					}
					#SubNavList {
						width: inherit;
						float: left;
					}
					#SubNavigation, #SubSubNav {
						width: 100%;
						float: left;
						margin: 0;
						background: #fff;
					}
					#SubSubSubNav {
						/*margin-bottom: 1px solid #efefef;*/
					}
					#SubSubSubNav .SubSubSubNavList {
						margin: 0;
						padding: 0;
						list-style-type: none !important;
						border: none;
					}
					.SubSubSubNavList .currentsection {
						display: block;
						padding:2px 18px;
						text-decoration:none;
						color: #0158A7;
						font-weight: bold;
					}
					#AddInfoContainer .SubSubSubNavList ul {
						margin: 0 0 0 30px;
						padding: 0;
					}
					ul.SubSubSubNavList li {
						margin: 0;
						padding: 4px 0;
						border-bottom: 1px solid #cfecf8;
					}
					ul.SubSubSubNavList li a {
						display: inline-block;
					}
					ul.SubSubSubNavList li.section {
						background-color: #e3eff4;
						width: 100%;
					}
						ul.SubSubSubNavList li ul li {
							padding-left: 0;
							border: none;
						}
						#SubSubSubNav ul.SubSubSubNavList li ul li a {
							padding: 0;
							display: block;
							padding-left: 0;
							display: inline-block;
						}
					#NavContainer .section a {
						color: #f89500 !important;
						text-decoration: none !important;
					}
					#NavContainer .section, 
					#NavContainer .section a:hover {
						clear: none !important;
					}
					#SubNavList, 
					#SubSubNavList {
						width: 944px;
						background: #387bbf url(../images/subnav_background.gif) repeat-x;
						padding: 0px;
						margin: 0 8px;
						float: left;
						overflow: hidden;
					}
						#SubNavList {
							padding: 8px 0 5px 0;	
						}
					ul#SubNavList li a:hover, 
					ul#SubSubNavList li a:hover, 
					ul.SubSubSubNavList li a:hover {
						text-decoration: underline !important;
					}
					#SubNavigation ul li {
						display: block;
						float: left;
					}
					#SubNavList a, 
					#SubSubNavList .section a, 
					#SubSubSubNav {
						display: inline-block;
						color: #fff;
						text-decoration: none;
					}
					#SubNavList li a:hover {
						background: #5792c4;
					}
					#SubNavList .section a {
						background: #4083bc;						
					}
					#SubSubNavList li a:hover {
						background: #dcf7ff;
					}
					#SubSubNavList .section a {
						background: #d1f5ff;						
					}
					#SubSubNav ul li {
						display: block;
						float: left;
					}
					#SubSubNavList {
						background: #e7faff;
						padding: 4px 0 6px 0;
					}
					.SubSubSubNavList {
						background: #f1fbff;
					}					
					#SubNavigation ul li a, 
					#SubSubNav ul li a, 
					#SubSubSubNav ul li a {
						text-decoration: none;
						padding: 2px 18px;
					}

/* CONTENT PAGE SPECIFIC
-------------------------------------------- */
#Page #ContentContainer .typography {
}
#AddInfoContainer {
	float: right;
	width: 180px;
	position: relative;
	right: -20px;
}
#AddInfoContainer #Document {
	float: left;
	margin: 10px 0 0 10px;
}

.addInfo, 
#SubSubSubNav {
	border-left: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 10px;
}
#SubSubSubNav {
	border: none !important;
}
	.addInfo div {
		margin-bottom: 10px;
	}

	#ContentContainer .typography .addInfo div div p {
		color: #333;
		padding: 0;
	}
	#AddInfoContainer h5 {
		font-size: 14pt;
		color: #4EA3D7;
		font-weight: normal;
		text-transform: none !important;
	}
	#AddInfoContainer .addInfo ul {
		margin: 0;
		padding: 0;
	}
	#AddInfoContainer .addInfo ul li {
		list-style-type: none;
		margin: 0 0 6px 0;
	}
	#AddInfoContainer .typography a[href$=".pdf"],
	#AddInfoContainer .typography a.pdf {
		display: block;
	}
	
/* SERVICE HOLDER PAGE A-Z 
---------------------------------------------*/
#ServiceAZList {
	margin-top: 30px;
	margin-left: 10px;
}
#ServiceAZList li {
	list-style: none;
	padding-left: 0;
	margin-left: 0px;
	font-size: 1.5em;
	line-height: 1.3em;
}

/* SITEMAP 
---------------------------------------------*/
#SiteMap #Content {
	padding: 15px;
}
#SiteMap ul.sitemap-list {
	margin: 0px;
}
#SiteMap ul.sitemap-list li {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
}	
#SiteMap ul.sitemap-list li li {
	font-size: 14px;
	margin-bottom: 0;
}	
#SiteMap ul.sitemap-list li li li {
	font-size: 12px;
	margin-bottom: 0;
	font-weight: normal;
}	
#SiteMap ul.sitemap-list li li li li {
	font-size: 10px;
	margin-bottom: 0;
}

/* SITE INDEX 
--------------------------------------------*/
#SiteIndexPage ul.siteindex-list {
	margin-left: 0;
	padding-left: 0;
	width: 45%;
	float: left;
}
#SiteIndexPage ul.siteindex-list li {
	list-style: none;
	margin-bottom: 10px;
}
	#SiteIndexPage ul.siteindex-list li.indexLetter {
		font-size: 15px;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 5px;
	}
#SiteIndexPage ul.column2 {
	float: right;
}

/* FORUM 
---------------------------------------------*/
html #ForumHolder, #Forum {
	padding: 0 10px;
}
html #ForumContent {
	width: 100%;
}
html #ForumContent #Content.textarea {
	clear: both;
}
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs {
	float: left; 
	text-align: left;
	width: 97%;
	border-bottom: 1px solid #e7faff;
	margin: 12px 0 12px 12px;
	padding: 0 0 6px;
}
#Breadcrumbs p {
	font-size: 1em;
	color: #333;
	padding: 0 0 0 2px;
}
#Breadcrumbs a:hover {
	text-decoration: underline;
}

/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}
		#PageComments li.odd p.info {
			color: #3AA0C3;
		}
		.actionLinks li {
		   display: inline;
		   border-right: 1px solid;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
}
	#PageComments p.info {
		color: #EFEFEF;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0 24px 0;
		font-size: 1em;
		border-top: 1px solid #9ee3fa;
	}
	ul#SearchResults li h3 {
		margin: 0;
		padding: 12px 0 0 0;
	}
	#ContentContainer .query {
		font-weight: bold;
	}
	#SearchResults .readMoreLink {
		display: block;
		margin-top: 6px;
	}
	.pagination {
		font-size: 110%;		
	}
	.pagination span span, .pagination span.current,
	.pagination a {
		margin: 0 2px 8px 0;
		display: inline-block;
		padding: 5px 6px 4px 6px;		
	}
		
	.pagination span.current {
		border: 1px solid #0059A6;
		background: #0059A6;
		color: #fff;
	}
	.pagination a {
		border: 1px solid #9ee3fa;
	}
	.pagination a.prev,
	.pagination a.next {
		border: none;
		font-weight: bold;
	}

/* SEARCH FORM 
-----------------------------------------------*/
#SearchForm_SearchForm {
	float: left;
	width: 233px;
	padding: 31px 5px 5px 0;
}
	#SearchForm_SearchForm fieldset {
		width: 233px;
	}
	#SearchForm_SearchForm #Search {
		width: 180px;
		padding: none;
		margin: none;
		float: left;
	}
	#SearchForm_SearchForm .middleColumn {
		float: left;
		width: 180px;
		background: transparent;
		margin: 0;
		padding: 0;
	}
	#SearchForm_SearchForm .middleColumn input {
		float: left;
		padding: 3px;
		
	}	
	#SearchForm_SearchForm input.text {
		width: 180px;
		height: 18px;
		border: none;
		padding: 5px 0px 0px 3px;
	}
		#SearchForm_SearchForm input.init { 
			color: #888;
		}
	#SearchForm_SearchForm input.action {
		float: right;
		height:27px;
		margin-left:6px;
		width:44px;
		background: transparent;
		display: block;
		text-indent: -9999em;
		font-size: 0;
		color: #fff;
		border: 0;
	}
#SiteIndexLinks a {
	width: 100px;
	float: left; 
	padding-bottom: 5px; 
	margin-top: 5px;
	color: #fff;
}
	#IndexLink {
		float: left
	}
	#IndexRangeLinks {
		float: right;
		margin-right: 10px;
	}
		#IndexRangeLinks a {
			float: left;
			width: 25px;
			margin-left: 5px;
		}
		
html #SearchBox.init {
	color: #888;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 288px !important;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

#ContentContainer .typography {
	float: left;
	width: 96%;
	padding: 20px 10px 0 0;
	margin: 0 15px;
}
#ContentContainer .typography ul {
	padding-top: 0;
	list-style-type: square;
	font-size: 12px;
	margin-bottom: 0;
}
#ContentContainer .typography h3 {
	margin-bottom: 5px;
}
#ContentContainer .typography p {
	padding-left: 0px;	
	padding: 0;
	margin-bottom: 15px;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
	
/* SIDEBAR GENERAL STYLE 
-----------------------------------------------*/
#Sidebar .WidgetHolder ul {
	margin: 0;
}

/* FOOTER
----------------------------------------------- */
#Footer { 
 	background: #fff;
	height: 30px;
	padding-top: 30px;
	border: 1px solid #EFEFEF;
}
	#Footer p  {
		padding: 5px;
	}
	#Footer .left {
		float: left;
	}
		#Footer .left p {
			display: inline;
		}
	#Footer .right {
		float: right;
	}
		#Footer .right p {
			display: inline;
		}
			
/* Tabs UI styling */
html #Right #tabs {
	width: 100%;
	background: #ffe166;
	padding-bottom: 3px;
}
html #Right div.tabs-container ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
html #Right div.tabs-container {
	width: 100%;
	padding: 0;
}
html #Right div.tabs-container ul li {
	width: 100%;
	padding: 0;
	margin: 0;
}
	html #Right div.tabs-container ul li a {
		display: block;
		padding: 5px 0 5px 5px;
		border-bottom: 1px solid #ffcd00;
	}
#Right .tabs-nav {
	padding: 0;
	padding-bottom: 1px;
	background: #ffe166;
	width: 230px;
}
	#Right .tabs-nav li {
		margin: 0;
		background: #ffe166;
		min-width: 60px !important;
		width: 76px;
		display: inline-block;
	}
	#Right .tabs-nav li a span {
		background: none;
		margin: 0;
		padding: 0;
		min-width: 1px !important; 
	}
	#Right .tabs-nav a {
		padding: 8px 0px;
		background: #ffe166;
		font-size: 9px;
	}
	#Right .tabs-nav a:hover {
		background: #ffec9a;
	}
	#Right .tabs-nav li.tabs-selected a {
		background: #fff;
	}
	#Right .tabs-nav li.tab-1 {   	 	 
	 	width: 66px;  	 	 
	}  	 	 
	#Right .tabs-nav li.tab-2 {  	 	 
	             	 	 
	}  	 	 
	#Right .tabs-nav li.tab-3 {  	 	 
		width: 88px;  	 	 
	}

/* FORUM CUSTOM STYLE 
------------------------------------------------------------*/
#ForumContent #RegisterLogin p {
	font-size: 12px;
}
.forumFeatures .featureRight #ForumSearch {
	margin-top: 10px;
	padding: 0;
	background: transparent;
}
.forumFeatures .featureRight {
	width: 290px;
}
#Posts div.posterContent {
	width: 752px;
}
#ForumContent form .middleColumn {
	background: transparent;
	width: 350px;
}
#UserProfile form input.text {
	width: 300px;
}
#ForumContent #UserProfile p.readonly {
	border: none;
}

/* BLOG 
-------------------------------------------------------------*/
#BlogContent {
	padding: 10px 15px;
}
	#BlogContent p {
		padding: 0;
	}
	#BlogContent .postTitle {
		padding-top: 10px;
		margin-bottom: 5px;
	}
	#BlogContent .authorDate {
		margin-bottom: 10px;
	}
#BlogContent #Breadcrumbs {
	float: none;
	display: none;
}
	#BlogContent #Breadcrumbs p {
		padding: 10px 0;
	}
#BlogHolder #Sidebar, #BlogEntry #Sidebar,
#LibraryBlogHolder #Sidebar, #LibraryBlogEntry #Sidebar{
	float:right;
	width:170px;
	margin: 0;
	padding: 0;
}
#Sidebar .WidgetHolder {
	margin-bottom: 10px;
}
#Sidebar .WidgetHolder h3 {
	margin-top: 0px;
}
/* NEWSLETTER PAGE 
-------------------------------------------------------------*/
#NewsletterPage #ContentContainer {
	width: 950px;
}
#NewsletterPage div.formHolder {
	width: 460px;
}
#NewsletterPage div.formHolder .middleColumn {
	width: 100%;
	background: transparent;
}
#NewsletterPage #SubscriptionForm {
	width: 100%;
}
#NewsletterPage #SubscriptionForm #MailingLists ul li {
	clear: both;
}
#NewsletterPage #SubscriptionForm #MailingLists ul li input {
	float: left;
	width: 20px;
}
#NewsletterPage #SubscriptionForm #MailingLists ul li label {
	margin-top: 0px;
	margin-bottom: 20px;
	width: 860px;
	float: right;
}

#SubscriptionForm form .middleColumn {
	margin-top: 0;
}
	
/* SEND TO FRIEND POPUP 
-------------------------------------------------------------*/ 
#TB_ajaxContent {
	background: #E7FAFF;
}
div.sendToFriendPage {
	padding-bottom: 30px;
}
div.sendToFriendPage h2 {
	margin: 15px 0px;
	color: #0158A7;
	font-size: 16px;
}
div.sendToFriendPage .middleColumn {
	background: transparent;
	margin: 5px 10px 10px 0;
}

/* LIBRARY TEMPLATES
-------------------------------------------------------------*/
#LibraryPortalPage,
#LibraryPage {
	padding-top: 2px;
}
#LibraryPage h2,
#LibraryPortalPage h2 {
	padding: 20px 0 0 12px;
	color: #0158A7;
	font-size: 2.25em;
	font-weight: normal;
}
#LibraryBanner {
	width: 944px;
	height: 232px;
	margin: 3px 8px 0 8px;
}
#LibraryBanner #FeatureBlock {
	width: 704px;
	background: #164393;
	height: 100%;
	margin-right: 8px;
	overflow: hidden;
}
#LibraryBanner div {
	float: left;
}
#LibraryBanner div.right {
	width: 202px;
}
#LibraryBanner #LibraryCatalogueSearch {
	height: 92px;
	width: 207px;
	padding: 40px 10px 10px 15px;
	margin-bottom: 10px;
	background: #164393 url('../images/library/CatalogueSearchBox-bg.gif') top left repeat-x;
	position: relative;
}
	#LibraryCatalogueSearch form {
		height: 100px;
	}
	#LibraryCatalogueSearch select, 
	#LibraryCatalogueSearch input {
		border: none;
		width: 202px;
		height: 20px;
		margin-bottom: 16px;
		font-size: 11px;
		position: absolute;
	}
	#LibraryCatalogueSearch select {
		top: 0;
	}
	#LibraryCatalogueSearch input {
		top: 20px;
	}	
	#LibraryCatalogueSearch select option {
		padding: 2px;
		border: none;
	}
	#LibraryCatalogueSearch input {
		width: 196px;
		padding: 0 0 0 5px;
	}
	#LibraryCatalogueSearch #SearchType {
		top: 40px;
	}
	#LibraryCatalogueSearch #SearchTerm {
		top: 77px;
	}
	#LibraryCatalogueSearch #ActionBtn {
		width: 79px;
		top: 111px;
		right: 12px;
	}
#LibraryBanner #AskALibrarian {
	background: url('../images/library/AskALibrarian-bg.gif') top right repeat-x;
	width: 232px;
	height: 82px;	
	padding: 0;
	position: relative;
}
#AskALibrarian a {
	position: absolute;
	text-indent: -9999em;
	top: 0;
	width: 100%;
	height: 36px;
}
#LibraryPage #ContentContainer .typography {
	padding-top: 0;
}
#LibraryPage h2 {
	padding: 0;
}
#LibraryPage h2.pageTitle {
	float: left;
	width: 500px;	
}

/* HTML BLOCKS
-------------------------------------------------------------*/

#ContentContainer #Listing .htmlBlock .typography {
	float: none;
	width: 200px;
	padding: 10px 10px 0 0;
	margin: 0 15px;
}
#Listing .htmlBlock .typography h1,
#Listing .htmlBlock .typography h2,
#Listing .htmlBlock .typography h3,
#Listing .htmlBlock .typography h4,
#Listing .htmlBlock .typography h5,
#Listing .htmlBlock .typography h6 {
	margin-top: 4px;
	margin-bottom: 2px;
}
#Listing .htmlBlock .typography p {
	margin-bottom: 2px;
}

#NelsonPaymentPage #BodyContent {
	width: 66%;
}

#ContentAccesskeyTarget,
#HiddenAccessKeyLinks {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

a.eventAction {
	font-weight: bold;
}


#ContentContainer #Listing .htmlBlock .typography {
	padding: 20px 10px 0 0; 
}