body {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #2f2b1f;
	margin: 0;
	padding: 0;
	background: url(site-bg.gif) repeat-y top center #ffffff;
}

/* generic styles applied throughout */

.clearfix {
	display: inline-block;
}

a {
	color: #087147;
	text-decoration: none;
}

p#SearchResult {
	float: none;
	clear: both;
}

a:hover {
	color: #8fb229;
	text-decoration: none;
}

h1 {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #000;
}

h2 {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #000;
}

h3 {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight: bold;
	color: #000;
}

h4 {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
}

.largertext {
	font-size: 120%;
}

.smallertext {
	font-size: 70%;
}

.tinytext {
	font-size: 70%;
}

.hidden {
	display: none;
}

/* main structure for each page */

#mainouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
}

#maininner {
	position: relative;
	float: none;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	padding: 0;
	width: 970px;
}

#pagetop {
	position: absolute;
	top: -27px;
	left: -27px;
	margin: 0;
	padding: 0;
	width: 1024px;
	height: 180px;
	z-index: 10;
}

#pagebottom {
	position: absolute;
	bottom: -27px;
	left: -27px;
	margin: 0;
	padding: 0;
	width: 1024px;
	height: 450px;
	z-index: 5;
}

/* header area with buttons and background image */

#siteheader {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	background: url(header-bg.jpg) no-repeat center top;
}

#siteheader #councillogo {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 263px;
	height: 100px;
}

#siteheader #options {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 445px;
	height: 100px;
}

#siteheader #options #buttons {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 446px;
	height: 73px;
	color: #ffffff;
	text-align: center;
	font-size: 120%;
}

#siteheader #options #buttons p {
	margin: 0;
	padding: 0;
}

#siteheader #options #buttons #customise {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 10px 10px 0px 80px;
	width: 130px;
	height: 63px;
	background: url(customise-button.gif) no-repeat top left transparent;
}

#siteheader #options #buttons #customise a {
	color: #ffffff;
}

#siteheader #options #buttons #customise a:hover {
	color: #8fb229;
}

#siteheader #options #buttons #yourlocation {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 5px 10px 0px 10px;
	width: 203px;
	height: 68px;
	background: url(blank-button.gif) no-repeat top left transparent;
}

#siteheader #options #buttons #yourlocation a {
	font-weight: bold;
	color: #8fb229;
	font-size: 0.9em;
}

#siteheader #options #buttons #yourlocation a:hover {
	color: #ffffff;
}

#siteheader #options #textlinks {
	position: relative;
	float: right;
	right: 5px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 445px;
	height: 27px;
	line-height: 27px;
	vertical-align: middle;
	font-size: 1em;
	text-align: right;
	color: black;
	text-shadow: 0 0 0.2em white;
}

#siteheader #options #textlinks p {
	margin: 0;
	padding: 0;
}

#siteheader #options #textlinks a {
	color: black;
}

#siteheader #options #textlinks a:hover {
	color: #8fb229;
}

/* content area main layout */

.contentouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 970px;
	background: url(page-bg.gif) repeat-y top left;
	
}

.maincontentouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 970px;
	background: url(page-bg.gif) repeat-y top left;
	
}

.contentinner {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 10px;
	width: 950px;
}

/* search bar styles */

#searchbar {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 15px 0px 15px;
	width: 920px;
	height: 50px;
	font-size: 130%;
	background: url(search-bar-bg.jpg) no-repeat top left;
	color: #ffffff;
}

#searchbar #search {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 720px;
	height: 50px;
}

#searchbar #search p {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}

#searchbar #search .formitem {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 7px 0px 0px 15px;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	color: #00472f;
	font-size: 100%;
	border: 1px solid #ffffff;
	background: url(form-element-bg.gif) repeat-x top left #ffffff;
	width: 395px;
	height: 30px;
	line-height: 28px;
	vertical-align: middle;
	text-indent: 10px;
}

#searchbar #search .formbutton {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 7px 0px 0px 15px;
	padding: 0;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	color: #00472f;
	font-size: 100%;
	border: 1px solid #ffffff;
	background: url(search-bar-button-bg.gif) repeat-x top left #c9c9c9;
	width: 125px;
	height: 34px;
	line-height: 28px;
	vertical-align: middle;
}

.helpbutton {
	display: inline;
	background:#00442A url(page-button-bg.gif) repeat-x scroll left top;
	border:1px outset #479B7A;
	color:#FFFFFF!important;
	font-family:"Tahoma",Geneva,Arial,Helvetica,sans-serif;
	font-size:100%;
	height:22px;
	padding:3px 8px;
	width:10px;
	line-height:20px;
	vertical-align:middle;
	text-decoration: none!important;
}

#searchbar #contact {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	width: 134px;
	height: 43px;
	padding: 7px 0px 0px 45px;
	background: url(contact-icon.gif) no-repeat top left;
	text-align: center;
}

#searchbar #contact p {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 6em;
}

* html #searchbar #contact p {
	width:100%
}

#searchbar #contact a {
	color: #ffffff;
	padding: 0px;
}

#searchbar #contact a:hover {
	color: #8fb229;
}

/* a to z bar */

#atozbar {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px;
	width: 950px;
	height: 30px;
	font-size: 0.9em;
	background: url(a-to-z-bg.jpg) no-repeat top left;
	color: #00472f;
	text-align: center;
}

#atozbar ul {
	position: relative;
	float: none;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	padding: 0px;
	width: 680px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	list-style: none;
}

#atozbar ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px;
	list-style: none;
}

#atozbar ul li a {
	border-right: 1px solid #00472f;
	padding: 0px 6px 0px 6px;
}

/* customise panel */

#top-form, #addaddress {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background: url(customise-bg.gif) repeat-x top left #055133;
	padding: 2%;
	width: 96%;
}

#top-form form, #addaddress form {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #ffffff;
	margin: 0px 0px 10px 0px!important;
	display: inline;
}



#top-form form #choose-topics, #addaddress form #choose-address {
	display: block!important;
}

#addaddress form #choose-address .label {
	color: #8fb229;
	text-align: right;
}

#addaddress form #choose-address .formelement {
	text-align: left;
}

#addaddress form #choose-address .row {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 8px 0px 8px 0px;
	padding: 0;
	text-align: center;
	width: 100%;
}

/* Colours links in the address selector */

#addaddress form #choose-address a {
	color: #8FB229;
}

#addaddress form #choose-address a:hover {
	color: white;
}

#addaddress form #choose-address .row .label {
	padding: 0px;
}

#addaddress form #choose-address .row .formelement .formitem {
	margin-top: -4px;
}

#top-form form h2, #addaddress form h2 {
	color: #8fb229;
	margin: 0;
	padding: 0;
}

#top-form form p, #addaddress form p {
	margin: 0;
	padding: 0;
}

#top-form form div, #addaddress form div {
	clear: left;
	margin-bottom: 10px;
}

#top-form form ul {
	margin: 15px 0px 0px 0px;
	padding: 0;
	width: 100%;
}

#top-form form ul li {
    position: relative;
    float: left;
    left: 0px;
    top: 0px;
    margin: 0px 7px 10px 0px;
    padding: 8px 0px 8px 0px;
    list-style: none;
    width: 225px;
    height: 32px;
    background: url(customise-box-bg.jpg) no-repeat top left;
    text-align: center;
    color: #00472f;
}

#top-form form ul li .local             {
    position: relative;
    float: right;
    right: 0px;
    top: 0px;
    margin: 0;
    padding: 0px 10px 0px 0px;
    color: #668f81;
    font-size: 0.85em;
}


#top-form form ul li .local input {
    position: relative;
    float: left;
    left: 0px;
    top: 0px;
    margin: -3px 0px 0px 0px;
    padding: 0;
}

#top-form form ul li label {
    position: relative;
    float: left;
    left: 0px;
    top: 0px;
    margin: 0;
    padding: 0px 0px 0px 10px;
    font-size: 1.1em;
}

#top-form form ul li .description {
    position: relative;
    float: left;
    left: 0px;
    top: 0px;
    margin: 0;
    padding: 4px 0px 0px 0px;
    width: 100%;
    display: block;
    color: #668f81;
    font-size: 0.85em;
    text-align: left;
    text-indent: 8px;
}


#top-form form ul li .county {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 20px 0px 0px;
	color: #668f81;
	font-size: 0.85em;
}

#top-form form ul li .county input {
	position: absolute;
	float: right;
	right: 0px;
	top: 0px;
	margin: 5px 0px 0px 0px;
	padding: 0;
}


#top-form div.buttons, #addaddress div.buttons {
	margin: 20px 0 0 0;
	text-align: center;
}

#top-form form div.buttons input, #addaddress form div.buttons input {
	padding: 0;
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	color: #00472f;
	font-size: 100%;
	border: 1px solid #ffffff;
	background: url(search-bar-button-bg.gif) repeat-x top left #c9c9c9;
	width: 130px;
	height: 34px;
	line-height: 28px;
	vertical-align: middle;
}

/* content column setup */

#container{
	width: 970px;
	margin: 0 auto;
	text-align: left;
	font-size: 1em;
	cursor: default!important;
}

#content {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 970px;
}

.column {
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0;
	min-height: 350px;
	width: 309px;
}

.panel.floatright {
	float: right;
	clear: right;
	margin-left: 20px;
}

.panel, .panelnav, .red-panel {
	margin: 0px 0px 10px 8px;
	text-align: left;
	z-index: 20;
	width: 303px;
	position: relative;
}

.panel h2, .panelnav h2, .red-panel h2 {
	cursor: move;	
}

.collapsed .panel-main {
	display: none;
}

.panel-top, .panelnav-top {
	margin: 0;
	padding: 0;
	height:0px;
}

.panel-top h2, .panelnav-top h2 {
	margin-left: 20px;
	font-size: 1.2em;
}

.panel-top a.toggle-panel {
	float: left;
	position: relative;
	top: 0px;
}

.panel .content, .panel .t, .panel .b, .panel .b div {
 	background: transparent url(widget-box.png) no-repeat top right;
}

.red-panel .content, .red-panel .t, .red-panel .b, .red-panel .b div {
 	background: transparent url(red-widget-box.png) no-repeat top right;
}

div.panel.sideMenu.blue .content, div.panel.sideMenu.blue .t, div.panel.sideMenu.blue .b, div.panel.sideMenu.blue .b div {
 	background: transparent url(side-menu-blue-widget-box.png) no-repeat;
}

div.panel.sideMenu.turquoise .content, div.panel.sideMenu.turquoise .t, div.panel.sideMenu.turquoise .b, div.panel.sideMenu.turquoise .b div {
 	background: transparent url(side-menu-turquoise-widget-box.png) no-repeat;
}

div.panel.sideMenu.orange .content, div.panel.sideMenu.orange .t, div.panel.sideMenu.orange .b, div.panel.sideMenu.orange .b div {
 	background: transparent url(side-menu-orange-widget-box.png) no-repeat;
}

.panel.blue .content, .panel.blue .t, .panel.blue .b, .panel.blue .b div {
 	background: transparent url(widget-box-blue.png) no-repeat;
}

* html .panel.blue .content, * html .panel.blue .t, * html .panel.blue .b, * html .panel.blue .b div {
 	background-image: url(widget-box-blue.png)!important;
}

.panel.turquoise .content, .panel.turquoise .t, .panel.turquoise .b, .panel.turquoise .b div {
 	background: transparent url(widget-box-turquoise.png) no-repeat;
}

* html .panel.turquoise .content, * html .panel.turquoise .t, * html .panel.turquoise .b, * html .panel.turquoise .b div {
 	background-image: url(widget-box-turquoise.png)!important;
}

.panel.orange .content, .panel.orange .t, .panel.orange .b, .panel.orange .b div {
 	background: transparent url(widget-box-orange.png) no-repeat;
}

* html .panel.orange .content, * html .panel.orange .t, * html .panel.orange .b, * html .panel.orange .b div {
 	background-image: url(widget-box-orange.png)!important;
}


.panel .content {
 	background-position: top right!important;
}

.panelnav .content, .panelnav .t, .panelnav .b, .panelnav .b div {
 	background: transparent url(widget-box-nav.png) no-repeat top right;
}

.panel .content, .panelnav .content, .red-panel .content {
	position: relative;
 	zoom: 1;
 	_overflow-y: hidden;
 	padding: 45px 0px 0px 0px;
	margin: 0px;
}

.panel .content p, .panelnav .content p, .red-panel .content p {
 	padding: 0px 10px 3px 0px;
	margin: 0px;
}

.red-panel .content a {
 	color: #000000;
 	text-decoration: underline;
}

.red-panel .content a:hover {
 	color: #333333;
}

.panel .t, .panelnav .t, .red-panel .t {
	/* top+left vertical slice */
	position: absolute;
 	left: 0px;
 	top: 0px;
 	width: 10px; /* top slice width */
 	margin-left: -10px;
 	height: 100%;
 	_height: 1600px; /* arbitrary long height, IE 6 */
 	background-position: top left!important;
}

.panel.b, .panelnav.b, .red-panel.b {
	/* bottom */
 	position: relative;
 	width: 100%;
}

.panel .b, .panel .b div, .panelnav .b, .panelnav .b div, .red-panel .b, .red-panel .b div {
 	height: 10px; /* height of bottom cap/shade */
 	font-size: 1px;
}

.panel .b, .panelnav .b, .red-panel .b {
	background-position: bottom right!important;
}

.panel .b div, .panelnav .b div, .red-panel .b div {
	position: relative;
 	width: 10px;  /* bottom corner width */
 	margin-left: -10px;
 	background-position: bottom left!important;
}
.placeholder {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px -6px;
	border: 1px dashed #b1c8c0;
	background-color: #dcebe6;
	z-index:1;
}

.widgettitle {
	position: absolute;
	left: -5px;
	top: 5px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	z-index: 110;
	background: url(widget-title-right.gif) no-repeat top right;
}

.widgettitle h2 {
	margin: 0;
	padding: 0;
	text-indent: 10px;
	background: url(widget-title-left.gif) no-repeat top left;
}

.panel.blue .widgettitle {
	background: url(blue-widget-title-right.gif) no-repeat top right;
}

.panel.blue .widgettitle h2 {
	background: url(blue-widget-title-left.gif) no-repeat top left;
}

.panel.turquoise .widgettitle {
	background: url(turquoise-widget-title-right.gif) no-repeat top right;
}

.panel.turquoise .widgettitle h2 {
	background: url(turquoise-widget-title-left.gif) no-repeat top left;
}

.panel.orange .widgettitle {
	background: url(orange-widget-title-right.gif) no-repeat top right;
}

.panel.orange .widgettitle h2 {
	background: url(orange-widget-title-left.gif) no-repeat top left;
}

.red-panel .widgettitle {
	background: url(red-widget-title-right.gif) no-repeat top right;
}

.red-panel .widgettitle h2 {
	color: #d31148;
	background: url(red-widget-title-left.gif) no-repeat top left;
}

.widgettitle ul {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	font-size: 120%;
	color: #00472f;
	z-index: 120;
	list-style: none;
	width: 100%;
	background-color: #b3c8c1;
}

.widgettitle ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 0px 0px 10px;
	z-index: 130;
	list-style: none;
	width: 141px;
	background: url(widget-title-left.gif) no-repeat top left;
}

.widgettitle ul li a {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px;
	z-index: 140;
	list-style: none;
	width: 141px;
	background: url(widget-title-right.gif) no-repeat top right;
}

.widgettitle ul li.current {
	background: url(tab-current.jpg) no-repeat top left;
	margin: 0px 1px 0px 0px;
}

.widgettitle ul li.current a {
	background: url(tab-current.jpg) no-repeat top right;
	color: #ffffff;
}

.widgettitle ul li:hover {
	background: url(tab-current.jpg) no-repeat top left;
}

.widgettitle ul li:hover a {
	background: url(tab-current.jpg) no-repeat top right;
	color: #ffffff;
}

.widgettitle .widgetcontrols {
	position: absolute;
	float: none;
	right: 0px;
	top: 2px;
	margin: 0;
	padding: 0;
	width: 70px;
	height: 33px;
}

.widgettitle .widgetcontrols .minimise, .widgettitle .widgetcontrols .maximise {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 35px;
	height: 33px;
}

.widgettitle .widgetcontrols .close {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 35px;
	height: 33px;
}

.panelnav ul.iwantto {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 5px;
	width: auto;
	list-style: none;
}

.panelnav ul.iwantto li {
	position: relative;
	display: inline;
	margin: 0;
	padding: 0;
	width: auto;
	list-style: none;
}

.panelnav ul.iwantto li.title {
	position: relative;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 3px 0px 4px 0px;
	color: #8fb229;
}

.panelnav ul.iwantto li a {
	margin: 4px 0px 4px 0px;
	padding: 0px 5px 0px 5px;
	width: auto;
	display: inline;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	font-size: 0.85em;
	white-space: nowrap;
}

.panelnav ul.iwantto li a:hover {
	color: #8fb229;
}

.panelnav ul.iwantto li.morelink a {
	color: #8fb229;
	border-right: none;
}

.panelnav ul.iwantto li.morelink a:hover {
	color: #ffffff;
}

/* Internal Panels */

.icolumn {
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0;
	min-height: 350px;
	width: 309px;
}

.icolumndbl {
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0;
	width: 628px;
}

.icolumn .panel h2, .icolumndbl .panel h2 {
	cursor: default;	
}



.icolumndbl .panel, .icolumndbl .panelnav, .icolumndbl .red-panel {
	clear: both;
	width: 622px;
}

/* content styling */

.contentboxlisting {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 288px;
	list-style: none;
}

.contentboxlisting li {
	position: relative;
	left: 0px;
	top: 0px;
/*	margin: 0; */
/*	padding: 2%; */
	width: 96%;
	list-style: none;
/*	border-bottom: 1px solid #cce1e1; */

	padding: 3px 4px 3px 16px;
	margin: 0 8px 0 0;
	background: url(list-arrow.gif) no-repeat 5px 8px;
	overflow: hidden;
	border-bottom: 1px dotted #cce1e1;

}

.eventboxlisting {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 288px;
	list-style: none;
}

.eventboxlisting li {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 6px 2% 7px 2%;
	width: 96%;
	height: 61px;
	list-style: none;
	border-bottom: 1px solid #cce1e1;
}

.eventboxlisting li img {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 10px 0px 0px;
	padding: 0;
}

#EventListing dl {
	margin: 0 0 0 36px;
}
#EventListing dt {
	font-weight: bold;
	float: left;
	clear: left;
	width: 100px;
}
#EventListing dt:after {
	content: ":";
}
#EventListing dd {
	margin: 0 0 0 110px;
	padding: 0 0 0.5em 0;
}

#EventListing h2 {
	color: #333333;
	background-color: #d8e9e4;
	padding: 4px 8px 4px 8px;
}
#EventListing h3, #EventListing p {
	margin: 8px 8px 8px 36px;
}

/* Libraries Contact Details widget styling */

#panel-lib-contact h3 {
	margin: 0 0 3px;
}

#panel-lib-contact p {
	margin: 6px 0 0;
}

/* News widget styling */

#panel-news .panel-main, #panel-lib-news .panel-main {
	position: relative;
	top: -5px;
	left: -5px;
}

.newsimage {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	border: none;
}

.latestnewsimage {
	height:132px;
	left:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:0;
	width:143px;
}

.latestnewslisting {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 0px 0px 143px;
	width: 160px;
	height: 132px;
}

.latestnewslisting li {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 4px 3% 4px 6%;
	height: 35px;
	list-style: none;
	border-bottom: 1px solid #cce1e1;
	overflow: hidden;
}

.latestnewssublisting {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 4px 0;
	width: 302px;
}

.latestnewssublisting li {
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 2px 4px 2px 16px;
	list-style: none;
	background: url(list-arrow.gif) no-repeat 5px 8px;
	overflow: hidden;
}

.latestnewssubheading {
	background:transparent url(widget-title-right.gif) no-repeat scroll left bottom;
	margin:0;
	padding:4px 0;
	text-indent:10px;
}

.latestnewslisting li.current {
	background: url(news-current-bg.gif) repeat-x top left #045032;
	border-bottom: 1px solid #045032;
}

.latestnewslisting li.current a {
	color: #ffffff;
}

/* Side menu widget */

div.panelSideMenuContainer {
	position: relative;
	top: -5px;
	left: -5px;
	padding: 0;
	width: 303px;
}

div.panelSideMenuContainer .contentboxlisting {
	margin: 0;
	padding: 0;
	width: 203px;
	list-style: none;
}

div.panelSideMenuContainer .contentboxlisting li {
	padding: 3px 4px 3px 16px;
	margin: 0 8px 0 0;
	list-style: none;
	background: url(list-arrow.gif) no-repeat 5px 8px;
	overflow: hidden;
	border-bottom: 1px dotted #cce1e1;
	width: auto;
}

ul.panelSideMenu {
	display: block;
	float: left;
	margin:0;
	overflow:hidden;
	padding: 0;
	list-style: none;
	width: 90px;
}

ul.panelSideMenu li {
	margin:0;
	padding: 0;
	list-style: none;
}

ul.panelSideMenu li a:hover, ul.panelSideMenu li a:active {
	text-decoration: underline!important;
	color: #ffffff;
}

div.blue ul.panelSideMenu li a {
	color: #ffffff;
	background-color: #66a1cd;
}

div.turquoise ul.panelSideMenu li a {
	color: #ffffff;
	background-color: #00b7b2;
}

div.orange ul.panelSideMenu li a {
	color: #ffffff;
	background-color: #e2782b;
}

ul.panelSideMenu li a {
	display: block;
	text-decoration: none!important;
	margin:0;
	padding: 8px 6px;
	outline: 0;
	width: 90px;
	height: auto;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 78px;
}
html>body ul.panelSideMenu li a {
  width: 78px;
} 

div.blue ul.panelSideMenu li.current a {
	color: #ffffff;
	background-color: #3382bd;
}

div.turquoise ul.panelSideMenu li.current a {
	color: #ffffff;
	background-color: #00807c;
}

div.orange ul.panelSideMenu li.current a {
	color: #ffffff;
	background-color: #c06625;
}

ul.panelSideMenu li.current a {
	display: block;
	margin:0;
	text-decoration: underline!important;
	padding: 8px 6px;
}

ul.panelSideMenu li div {
	display: none;
}

div.panelSideMenuDisplay {
	width: 207px;
	margin: 5px 0 5px 5px;
	overflow: hidden;
	float: right;
}

/* forms */

form {
	position: relative;
	float: none;
	margin: 0px 0px -8px 0px;
	padding: 0;
}

.formitem {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	color: #00472f;
	font-size: 100%;
	border: 1px solid #d0d0d0;
	background: url(form-element-bg.gif) repeat-x top left #ffffff;
	min-height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

.formbutton {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 100%;
	border: 1px solid #479b7a;
	background: url(page-button-bg.gif) repeat-x top left #00442a;
	height: 24px;
	line-height: 20px;
	vertical-align: middle;
}

.purple .formbutton {
	color: #ffffff;
	border: 1px solid #777777;
	background: url(page-button-purple-bg.gif) repeat-x top left #52397a;
}

.row {
	position: relative;
	float: none;
	display: block;
	left: 0px;
	top: 0px;
	margin: 8px 0px 8px 0px;
	padding: 0;
	text-align: center;
}

.row .label {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 4px 0px 0px 0px;
	text-align: left;
	width: 40%;
}

.row .formelement {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 59%;
}

#planningapp .formbutton {
	width: 160px;
}

#areaform .formitem {
	width: 175px;
}

#areaform .formbutton {
	width: 105px;
}

#lookingforform .formitem {
	width: 180px;
}

#lookingforform .formbutton {
	width: 184px;
}

/* footer */

#footerouter {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 85px;
	color: #3f8469;
}

#footerinner {
	position: relative;
	float: none;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 85px;
	text-align: center;
	font-size: 0.7em;
}

#footerinner .preparing {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 134px;
	height: 85px;
}

#footerinner .directgov {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 142px;
	height: 85px;
}

#footerinner ul {
                position: relative;
                float: none;
                left: 0px;
                top: 0px;
                margin: 0;
                padding: 0;
                height: 85px;
                width: 950px;
                list-style: none;
                text-align: center;
}



#footerinner ul li {
	position: relative;
	float: none;
	left: 0px;
	top: 0px;
	margin: 0px 3px 0px 3px;
	padding-right: 0.5em;
	height: 85px;
	line-height: 85px;
	vertical-align: middle;
	list-style: none;
	display: inline;
	border-right: 1px solid #3f8469;
}

#footerinner ul li.first {
	border-left: 1px solid #3f8469;
	padding: 0px 0px 0px 5px;
}

#footerinner ul li a {
	font-size: 1.2em;
	color: #3f8469;
}

#footerinner ul li a:hover {
	color: #8fb229;
}

/* content page */

.fullnav {
	margin: 0;
	padding: 0;
	width: 293px;
	display: block;
	list-style: none;
}

.fullnav li {
	margin: 0;
	padding: 0;
	width: 293px;
	list-style: none;
	display: block;
}

.fullnav li a {
	margin: 0;
	padding: 4px 0px 4px 0px;
	width: 293px;
	list-style: none;
	color: #ffffff;
	border-bottom: 1px dotted #b1c8c0;
	display: block;
}

.fullnav li a:hover {
	color: #8fb229;
}

.fullnav li.current a {
	color: #8fb229;
}

.fullnav li ul {
	margin: 0;
	padding: 0;
	width: 293px;
	list-style: none;
	display: block;
}

.fullnav li ul li {
	margin: 0;
	padding: 0;
	width: 293px;
	list-style: none;
	display: block;
}

.fullnav li ul li a {
                padding: 4px 0px 4px 15px;
                width: 278px;
                list-style: none;
                color: #bfdb6d;
                border-bottom: 1px dotted #b1c8c0;
                display: block;
}

.fullnav li.current ul li a {
	color: #bfdb6d;
}

.fullnav li.current ul li a:hover {
	color: #8fb229;
}

.fullnav li.current ul li.current a {
	color: #8fb229;
}

.fullnav li ul li ul {
                margin: 0;
                padding: 0;
                width: 293px;
                list-style: none;
                display: block;
}
 
.fullnav li ul li ul li {
                margin: 0;
                padding: 0;
                width: 293px;
                list-style: none;
                display: block;
}
 
.fullnav li ul li ul li a {
                padding: 4px 0px 4px 30px;
                width: 263px;
                list-style: none;
                color: #bfdb6d;
                border-bottom: 1px dotted #b1c8c0;
                display: block;
}
 
.fullnav li.current ul li ul li a {
                color: #bfdb6d;
}
 
.fullnav li.current ul li ul li a:hover {
                color: #8fb229;
}
 
.fullnav li.current ul li ul li.current a {
                color: #8fb229;
}

#fullcontent {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 0px 0px 10px;
	text-align: left;
	width: 620px;
}

#fullcontent.fullwidth {
	width: 950px!important;
}

#fullcontent h2 {
	/* position: relative; */
	/* float: left; */
	left: 0px;
	top: 0px;
	margin: 0px 0px 10px 0px;
	/*width: 100%;*/
	display: block;
}

#fullcontent img {
	border: 1px solid #046740;
}

#fullcontent div.widgetcontrols img {
	border: none;
}

#fullcontent img.left {
	position: relative;
	float: left;
	clear: left;
	left: 0px;
	top: 0px;
	margin: 0px 10px 5px 0px;
	padding: 0;
}

#fullcontent img.right {
	position: relative;
	float: right;
	clear: right;
	right: 0px;
	top: 0px;
	margin: 0px 0px 5px 10px;
	padding: 0;
}

#fullcontent .breadcrumb, #column-double .breadcrumb {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	width: 100%;
	list-style: none;
}

#fullcontent .breadcrumb li, #column-double .breadcrumb li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 10px 0px 5px;
	list-style: none;
	width: auto;
	border: none;
	background: url(black-arrow.gif) no-repeat right 7px;
	white-space: nowrap;
}

#fullcontent .breadcrumb li.first, #column-double .breadcrumb li.first {
	background-image: none;
	padding: 0px 10px 0px 0px;
}

#fullcontent .related {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#fullcontent .related li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	background-image: none;
	width: auto;
}

#fullcontent .related li a {
	padding: 0px 6px 0px 6px;
	border-right: 1px solid #2f2b1f;
}	

#fullcontent .related li.first a {
	border-left: 1px solid #2f2b1f;
}	

#fullcontent .locationrelated {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0;
	margin: 0px 0px 15px 0px;
}

#fullcontent .locationrelated ul {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	font-size: 120%;
	color: #00472f;
	list-style: none;
	width: 630px;
	height: 35px;
	display: block;
}

#fullcontent .locationrelated ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 15px;
	z-index: 130;
	list-style: none;
	height: 35px;
	width: auto;
	background: url(location-tab-left.gif) no-repeat top left;
	border: none;
}

#fullcontent .locationrelated .content ul li a {
	float: none;
	vertical-align: baseline;
}

#fullcontent .locationrelated ul li a {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 15px 0px 0px;
	z-index: 140;
	list-style: none;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	background: url(location-tab-right.gif) no-repeat top right;
}

#fullcontent .locationrelated ul li.current {
	background: url(location-tab-current.jpg) no-repeat top left;
	margin: 0px 1px 0px 0px;
}

#fullcontent .locationrelated ul li.current a {
	background: url(location-tab-current.jpg) no-repeat top right;
	color: #ffffff;
}

#fullcontent .locationrelated ul li:hover {
	background: url(location-tab-current.jpg) no-repeat top left;
}

#fullcontent .locationrelated ul li:hover a {
	background: url(location-tab-current.jpg) no-repeat top right;
	color: #ffffff;
}

#fullcontent .locationrelated .content {
                position: relative;
                float: left;
                left: 0px;
                top: 0px;
                width: 604px;
                margin: 0px;
                padding: 10px 10px 0px 10px;
                border-left: 3px solid #b3c8c1;
                border-right: 3px solid #b3c8c1;
                border-top: 3px solid #b3c8c1;
}


#fullcontent .locationrelated .content .bottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 630px;
	height: 10px;
	margin: 0px 0px -3px -3px;
	padding: 0;
}

#fullcontent .locationrelated .content .bottom img {
	padding: 0;
	margin: 0;
	border: none;
}

#totalcontent {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 10px 10px 10px;
	width: 950px;
}

for.generic {
	position: relative;
	float: none;
	display: block;
	margin: 0;
	padding: 0;
}

form.generic .row {
	position: relative;
	float: none;
	display: block;
	left: 0px;
	top: 0px;
	margin: 5px 0px 5px 0px;
	padding: 0;
	text-align: center;
	width: 96%;
	min-height: 25px;
}

form.generic .row .label {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 35%;
	min-height: 25px;
}

form.generic .row .formelement {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 64%;
	min-height: 25px;
}

form.generic .formitem {
	width: 100%;
}

form.generic .row .formelement .formbutton {
	width: 100%;
}

#fullcontent .captionleft {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 15px 5px 0px;
	background-color: #046740;
	text-align: center;
}

/* target IE6 and below */
*html #fullcontent .captionleft {
	width: 200px;
}

#fullcontent .captionright {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0px 0px 5px 15px;
	background-color: #046740;
	text-align: center;
}

/* target IE6 and below */
*html #fullcontent .captionright {
	width: 250px;
}

#fullcontent .captionleft img, #fullcontent .captionright img {
	position: relative;
	float: none;
	border: 1px solid #046740;
	margin: 0;
	padding: 0px;
	display: block;
}

#fullcontent .captionleft label, #fullcontent .captionright label {
	position: relative;
	float: none;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%; 
	margin: 0;
	padding: 0;
	height: 25px;
	line-height: 21px;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
	font-size: 100%;
}

/* Tables */

table {
	margin: 10px 0px;
	width: 100%;
	float: none;
	clear: both;
}

table th {
	background-color: #04653e;
	color: #ffffff;
	font-size: 110%;
	border-bottom: none;
	padding: 5px;
	text-align: left;
}

table tr td {
	border-bottom: 1px dotted #b3c8c1;
	padding: 5px;
	vertical-align: top;
}

table tr.even td {
	border-bottom: 1px dotted #b3c8c1;
	background-color: #d7e1de;
}

table.rowheaders {
	padding: 5px;
	margin: 0px 0px 10px 0px;
	width: 100%;
}

table.rowheaders tr td:first-child {
	background-color: #04653e;
	color: #ffffff;
	font-size: 100%;
	border-bottom: 1px dotted #ffffff;
}

table.rowheaders tr td {
	border-bottom: 1px dotted #b3c8c1;
}

/* errors */

.error {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 15px 0px;
	padding: 2%;
	width: 96%;
	border: 2px solid red;
	background-color: transparent;
	color: red;
}

.error h5 {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #8fb229;
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	width: 100%;
	display: block;
}

/* forms and fieldsets */

fieldset {
	position: relative;
	float: none;
	left: 0px;
	top: 0px;
	margin: 0px 0px 15px 0px;
	padding: 2%;
	width: 96%;
	border: 1px solid #8fb229;
}

/* target IE6 and below */
*html fieldset {
	width: 95%;
}

fieldset legend {
	background-color: #ffffff;
	color: #669933;
	padding: 0px 10px 0px 10px;
	margin: 0;
	font-size: 110%;
}

fieldset .row {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 100%;
	margin: 4px 0px 4px 0px;
	padding: 0;
	text-align: center;
}

fieldset .row .label {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 44%;
	margin: 0;
	padding: 2px 0px 0px 0px;
	text-align: right;
}

fieldset .row .formelement {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	width: 54%;
	margin: 0;
	padding: 0;
	text-align: left;
}


form.narrow fieldset .row .label {
	width: 30%;
}

form.narrow fieldset .row .formelement {
	width: 68%;
}

fieldset .row .formelement .formitem {
	width: 75%;
}

/* inline geographical selector */

.geographical {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	width: 601px;
	height: 55px;
	padding: 5px;
	margin: 0px 0px 15px 0px;
	background: url(geographical-bg.jpg) no-repeat top left;
	color: #ffffff;
}

.geographical .row {
	margin: 2px 0px 2px 0px;
	padding: 0;
}

.geographical .postcode {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 251px;
	height: 55px;
}

.geographical .address {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	width: 340px;
	height: 55px;
}

.geographical select {
	width: 300px;
}

/* document links */

a .filesize {
	font-size: 0.8em;
	color: #666666;
}

#fullcontent a.document img {
	margin: 0px 4px 0px 0px;
	padding: 0;
	border: none;
}

/* lists */

#fullcontent ul {
	position: relative;
	float: none;
	clear: both;
	left: 0px;
	top: 0px;
	margin: 0px 0px 15px 0px;
	padding: 0;
	list-style: none;
	width: 100%;
}

#fullcontent ul li {
	position: relative;
//	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 2px 0px 2px 0.8em;
	width: 98%;
	list-style: none;
	background: url(list-arrow.gif) no-repeat 0px 8px;
	border-bottom: 1px dotted #b3c8c1;
}

#fullcontent ul.halfwidth {
	width: 50%;
	float: none;
	clear: left;
}

#fullcontent ul.halfwidth li {
	float: none;
}

#fullcontent ul li li {
	border-bottom: 0;
}

#fullcontent ul.documentlist li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 2px 0px 2px 0px;
	width: 100%;
	list-style: none;
	background: none;
	border-bottom: 1px dotted #b3c8c1;
}

/* image gallery */

#fullcontent .imagegallery {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 15px 0px;
	padding: 2%;
	width: 96%;
	background: url(image-gallery-bg.jpg) no-repeat top left;
	text-align: center;
}

#fullcontent .imagegallery .largeimage {
	position: relative;
	float: none;
	left: 0px;
	top: 0px;
	margin: 0px 0px 15px 0px;
	padding: 0;
}

#fullcontent .imagegallery .largeimage img {
	float: none;
	margin: 0 auto;
	padding: 4px;
}

#fullcontent .imagegallery .thumbnails ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 3px;
	padding: 0px;
	width: auto;
	list-style: none;
	background: none;
	border-bottom: none;
	height: 70px;
	overflow: hidden;
}

#fullcontent .imagegallery .thumbnails ul li:hover {
	background-color: #8fb229;
}

#fullcontent .imagegallery .thumbnails ul li.current {
	background-color: #8fb229;
}

#fullcontent .imagegallery .thumbnails ul li img {
	padding: 4px;
}

/* progress meter */

#fullcontent .progress li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 5px 0px 5px 20px;
	border: none;
	background-image: none;
}

#fullcontent .progress li.complete {
	background: url(progress-complete.gif) no-repeat 0px 5px;
}

#fullcontent .progress li.underway {
	background: url(progress-underway.gif) no-repeat 0px 5px;
}

#fullcontent .progress li.incomplete {
	background: url(progress-incomplete.gif) no-repeat 0px 5px;
}

#choose-address .row .formelement .formbutton {
	margin-top: -4px;
}

#fullcontent .locationrelated .content ul {
                position: relative;
                float: left;
                left: 0px;
                top: 0px;
                margin: 0;
                padding: 0;
                font-size: 100%;
                color: #2f2b1f;
                list-style: none;
                width: 100%;
                height: auto;
                display: block;
}
 
/* Locked to direct .content descendants - stops */
/* PDF's from being left floated when in lists */

#fullcontent .locationrelated .content ul li {
                position: relative;
                float: left;
                left: 0px;
                top: 0px;
                margin: 0px;
                padding: 5px 0px 5px 2%;
                z-index: 130;
                list-style: none;
                height: auto;
                width: 98%;
                background: url(list-arrow.gif) no-repeat 0px 11px;
                border-bottom: 1px dotted #b3c8c1;
}
 
/* #fullcontent .locationrelated .content ul li a {
                position: relative;
                float: left;
                left: 0px;
                top: 0px;
                margin: 0;
                padding: 0;
                list-style: none;
                height: auto;
                line-height: normal;
                background: none;
} */


#fullcontent .locationrelated .content ul li {
                position: relative;
                /* float: left; */
                left: 0px;
                top: 0px;
                margin: 0px;
                padding: 5px 0px 5px 2%;
                z-index: 130;
                list-style: none;
                height: auto;
                width: 98%;
                background: url(list-arrow.gif) no-repeat 0px 11px;
                border-bottom: 1px dotted #b3c8c1;
}
 
#fullcontent .locationrelated .content ul li a {
                position: relative;
                /* float: left; */
                left: 0px;
                top: 0px;
                margin: 0;
                padding: 0;
                list-style: none;
                height: auto;
                line-height: normal;
                background: none;
				vertical-align: none;
}



#fullcontent .locationrelated .content ul li:hover {
                background: url(list-arrow.gif) no-repeat 0px 11px;
}

#fullcontent .locationrelated .content ul li:hover a {
                background: none;
                color: #a4b229;
}

/* Commented out by TJ 5 March 2009
dl {
                position: relative;
                float: left;
                margin: 0px 15px 10px 0px;
                padding: 0px 0px 10px 1%;
                background: url(location-tab-left.gif) no-repeat top left #b1c8c0;
                text-align: center;
}
 
dl dt {
                left: 0px;
                top: 0px;
                margin: 0;
                padding: 8px 2% 8px 0px;
                width: 98%;
                display: block;
                font-size: 110%;
                background: url(location-tab-right.gif) no-repeat top right;
}
 
dl dd {
                left: 0px;
                top: 0px;
                margin: 0;
                padding: 5px 0px 5px 0px;
                width: 98%;
                display: block;
                border-bottom: 1px dotted #ffffff;
}
*/

dt
	{font-weight: bold;}
	
dd
	{margin-bottom: 0.5em;}	
	
dd dd {margin-left: 0;}	

a .synopsis {
    display: none;
}
 
ul li a .synopsis {
    display: none;
}

#special-item {
    position: relative;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 0;
    background: url(customise-bg.gif) repeat-x top left #055133;
    padding: 2%;
    width: 96%;
    color: #ffffff;
}
 

#special-item h2 {
    position: relative;
    float: left;
    left: 0px;
    color: #ffffff;
    margin: 0;
    padding: 0;
    width: 100%;
}

#special-item a {
	color: #ffffff;
	text-decoration: underline;
}

#special-item a:hover {
	color: #ffffff;
}



/* --------------- END RIPPLEFFECT STUFF --------------   */


/* jQuery Pagination styles */

.pagination {
    font-size: 80%;
}
        
.pagination a {
    text-decoration: none;
	border: solid 1px #066B41;
	color: #066B41!important;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
    background: #8FB229;
    color: #fff!important;
	border: solid 1px #8FB229;
}

.pagination .current.prev, .pagination .current.next{
	color:#FFF!important;
	border-color:#066B41;
	background:#066B41;
}

p#SearchResult {
	float: none;
	clear: both;
}

/* contact details styles */
.contact-item {
	line-height: 1.5em;
}

/* WidgetTabs */

div.widgettab ul {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	color: #00472f;
	list-style: none;
	width: 100%;
	height: 25px;
	display: block;
}

div.widgettab ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 5px;
	z-index: 130;
	list-style: none;
	height: 25px;
	width: auto;
	background: url(location-tab-left.gif) no-repeat top left;
	border: none;
}

div.widgettab ul li a {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px 5px 0px 0px;
	z-index: 140;
	list-style: none;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	background: url(location-tab-right.gif) no-repeat top right;
}

div.widgettab ul li.current {
	background: url(location-tab-current.jpg) no-repeat top left;
	margin: 0px 1px 0px 0px;
}

div.widgettab ul li.current a {
	background: url(location-tab-current.jpg) no-repeat top right;
	color: #ffffff;
}

div.widgettab ul li:hover {
	background: url(location-tab-current.jpg) no-repeat top left;
}

div.widgettab ul li:hover a {
	background: url(location-tab-current.jpg) no-repeat top right;
	color: #ffffff;
}

div.widgettab div.widgetcontent {
	margin: 0 10px 0 0;
	padding: 7px;
	border: 3px solid #b3c8c1;
}

/* EasyForm Styles */
.mandatory, .mandatory-text, .required-text {
	color: red;
}

/* Content Text Underlining */
#fullcontent a, .contentlink a {
	text-decoration: underline;
	color: #0063AC;
}

#fullcontent .breadcrumb a, #fullcontent .locationrelated ul li a {
	text-decoration: none;
}

#fullcontent .locationrelated .content ul li a {
	text-decoration: underline;
}

/* Form Styles */

#fullcontent .contentForm {
	margin: 10px 0;
	padding: 0px;
}

#fullcontent ul li.contentFormItem {
	background-image: url(none);
	margin: 0;
	padding: 0;
	border: 0;
}

#fullcontent .contentFormLabel {
	display: block;
	margin: 5px 0 2px;
	padding: 0;
	width: 70%;
	float: none;
	clear: both;
	font-weight: bold;
}

#fullcontent .contentFormInput {
	display: block;
	margin: 0 0 5px;
	padding: 0;
	width: 70%;
	float: none;
	clear: both;
	border: 1px solid #479B7A;
	background-color: #FFFFFF;
}

#fullcontent .contentFormButton {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 5px 5px 5px 0;
	font-size: 100%;
	border: 1px solid #479B7A;
	background: url(page-button-bg.gif) repeat-x top left #479B7A;
	height: 24px;
	line-height: 20px;
	vertical-align: middle;
}

/* accordions  */
#container .ui-accordion {
	padding: 3px 0 3px;
}

#container div.panel .panel-main a {
	text-decoration: underline;
}

#container div.panel .ui-accordion a.header {
	font-size: 108%;
	text-decoration: none;
}

#container .ui-accordion img.icon {
	padding-bottom: 2px;
}

/* Alternate UI date picker styles */
#datepicker_div, .datepicker_inline {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	background: #d8d8d8;
	color: #00654F;
	width: 220px;
}
#datepicker_div {
	display: none;
	border: 1px solid #00654F;
	z-index: 10; /*must have*/
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #00654F !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	xbackground: #d8d8d8;
	background: transparent;
	color: #00654F;
}
* html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}

.datepicker_links label { /* disabled links */
	padding: 2px 5px;
	color: #88c;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_header {
	padding: 1px 0 3px;

	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #d8d8d8 url(../img/dark-bg.gif) repeat;
	color: #008;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	background: #f8f8f8 url(../img/normal-bg.gif) repeat;
	color: #008;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker_titleRow {
	background: #d8d8d8 url(../img/dark-bg.gif) repeat;
}
.datepicker_weekEndCell {
	background: #d8d8d8 url(../img/dark-bg.gif) repeat;
}
.datepicker_daysCellOver {
	background: #3c75c4 url(../img/active-bg.gif) repeat;
}
.datepicker_unselectable {
	color: #88c;
}
.datepicker_today {
	font-weight: bold;
}
.datepicker_currentDay {
	background: #3c75c4 url(../img/active-bg.gif) repeat;
}

/* ________ CALENDAR LINKS _______

** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
}
.datepicker_control a:hover {
	background: #9dbae1 url(../img/hover-bg.gif) repeat !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #9dbae1 url(../img/hover-bg.gif) repeat !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.datepicker_multi .datepicker {
	border: 1px solid #008;
}
.datepicker_oneMonth {
	float: left;
	width: 220px;
}
.datepicker_newRow {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.datepicker_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.focusimage {
	float: left;
	clear: left;
	margin: 0 0.5em 0.3em 0;
	border: 0;
}

.clearer {
	float: none;
	clear: both;
	line-height: 1%;
}

.invalid-text {
	color: #888;
}

/* Scores on Doors styles */

#fullcontent ul#ScoresSearchResults li {
	padding: 2px 0;
	background-image: none;
}

#fullcontent ul#ScoresSearchResults li p {
	margin: 3px 0;
}

#fullcontent ul#ScoresSearchResults li img {
	vertical-align: middle;
	margin: 0 6px 0 0;
	border: 0;
}

/* SoDs styles */

#fullcontent div.sotd-stars {
	float: right;
	clear: right;
}

#fullcontent div.sotd-stars img {
	border: 0;
}

#fullcontent div.sotd-stars p {
	margin: 3px 0 0;
	text-align: center;
	
}

/* Bing Maps styles */

#fullcontent #map img {
	border: 0;
}

    /* ----------------- */
	/* Progress bar list */
	/* ----------------- */
	
#fullcontent ul.progress li {
	margin:0px 0 0 2px;
	padding:2px 0 7px 18px;
	font-weight:normal;
	line-height:1em;
}

#fullcontent ul.progress li.completed {
	background:url(completed.gif) 0px 0px no-repeat;
}

#fullcontent ul.progress li.current {
	background:url(current.gif) 0px 0px no-repeat;
	font-weight:bold;
}

#fullcontent ul.progress li.todo {
	background:url(todo.gif) 0px 0px no-repeat;
}

#fullcontent ul.progress li.lastcompleted {
	background:url(lastcompleted.gif) 0px 0px no-repeat;
}

#fullcontent ul.progress li.lastcurrent {
	background:url(lastcurrent.gif) 0px 0px no-repeat;
	font-weight:bold;
}


#fullcontent ul.progress li.lasttodo {
	background:url(lasttodo.gif) 0px 0px no-repeat;
}

/* -------------------------------------------- */
/* - Styling for file panels                  - */
/* -------------------------------------------- */

.multiFilePanelContainer {
	height: 11.5em;
	float: left;
}

.multiFilePanel {
	margin-right: 0.6em;
	margin-bottom: 1em;
}

.filePanel .file {
	float:left;
	margin-right: 0.3em;
}

.filePanel {
	background-color: #f5f5f5;
	display: block;
	height: 100%;
	padding: 0.5em;
	border: solid 1px #ddd;
	width: 15em;
}

.planningHeader {
	padding: 0.1em; 
	border-bottom: 1px solid #ccc;
	margin-bottom: 0.5em;
}

.planningHeader span {
	color: #aaa;
	float: right;
}

.clear {
	clear:both;
}

.constrained {
	width: 75%
}

.constrained th {
	width: 25%
}

html>body .outerpair1 {
	background: url(upperrightfade.png) right top no-repeat;
	float:left;
} 
/* .outerpair1 must be given a width contraint, via either a width, 
or by floating or absolute positioning. In this demo these are 
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
	background: url(lowerleftfade.png) left bottom no-repeat;
	padding-top: 8px;
	padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow 
thickness, and also has one of the corner .png's */ 


html>body .shadowbox {
	background: url(documentshadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */ 


html>body .innerbox {
	position: relative;
	left: -8px;
	top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to 
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */

.shadowbox img {
	vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline 
space under the images, because this may trigger IE background bugs. 
Instead, use "vertical-align: bottom;" for this purpose. */

/* -------------------------------------------- */
/* - Styling for pdf containers               - */
/* -------------------------------------------- */

.pdfDocument {
	border: solid 1px #B9B9B9;
	padding: 0.5em;
}

.pdfControls {
	margin-top: 0.7em;
}

.pdfControls .bar {
	display: block;
	background: #B9B9B9 url(grey_pdf_title_back.gif) no-repeat;
}

.pdfControls h4 {
	line-height: 1.8em;
	font-size: 1em;
	display: inline;
	padding-left: 30px;
	color: black;
}

.pdfControls .actions {
	line-height: 1.8em;
	font-size: 1em;
	float: right;
	padding-right: 12px;
	background: transparent url(grey_pdf_end.gif) no-repeat scroll right top;
}

#mainContent .pdfControls .actions a:active,
#mainContent .pdfControls .actions a:visited,
#mainContent .pdfControls .actions a:hover,
#mainContent .pdfControls .actions a:link  {
	color: #0000CC;
	font-weight: bold;
}


/* ----------------- */
/*  Library widgets  */
/* ----------------- */
	
.widgetBookCover {
	float: right;
	clear: right;
	margin: 0 0 5px 5px;
	padding: 0 10px 0 0;
}

.widgetBookTitle {
	margin: 0 0 7px 0;
}

.widgetBookAuthor {
	margin: 0 0 15px 0;
	color: #666666;
	font-size: 90%;
}

.widgetBookTeaser {
	margin: 0 0 7px 0;
}

.widgetBookFooter {
	display: inline-block;
	margin: 0 0 7px 0;
	float: none;
	clear: both;
}

.clearFooter {
	clear: both;
}


/* High Contrast */

#councillogo img.high-contrast-logo {
	display: none;
}

/* Actions Navigation */

#actions-navigation {
	width: 295px;
/*	background-color: #F1F5FF; */
	color: #2D4B65;
	font-size: 1.2em
}

#actions-navigation span {
	position: absolute;
	top: 10px;
	margin-left: 10px;
	cursor: hand;
}

#actions-navigation ul.rightactions li {
	background: none;
	width: 150px
}

#actions-navigation ul.leftactions li {
	background: none;
	width: 100px
}

#socitm_info_box {
	background-color: white;
}

/* Events widget list */

dl.eventswidgetlist {
	margin: 1.0em;
}
dl.eventswidgetlist dd {
	margin: 0.5em 1.0em;
}

dl.eventslist {
	display: block;
}
dl.eventslist dt {
	float:left;
	clear: left;
	margin: 0 .5em .5em 0;
	font-weight: normal;
}
dl.eventslist dd {
	padding: 0.4em 0.4em 0.4em 10px;
	margin: 0 0 0 3.9em;
	width: auto;
}
dl.eventslist dd.odd {
	background-color: #e7fbf7;
}
dl.eventslist .datelabel {
	display: inline-block;
	background-color: #00b7b2;
	height: 3.4em;
	width: 3em;
	padding: .1em;
	text-align: center;
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border: 1px solid #00b7b2;
}
dl.eventslist .datelabelday {
	display: block;
	float: none;
	clear: both;
	font-size: 0.8em;
	color: #FFFFFF;
}
dl.eventslist .datelabeldate {
	display: block;
	float: none;
	clear: both;
	font-size: 1.2em;
	color: #FFFFFF;
}
dl.eventslist .datelabelmonth {
	display: block;
	float: none;
	clear: both;
	font-size: 0.8em;
	color: #FFFFFF;
}

/* Features Widget */

div.featPanel {
	height: 290px;
	width: 628px;
	background-color: #dcd7e4;
	position: relative;
	margin: 0 0 10px 0;
	float: none;
	clear: both;
}

div.featPanel h3.hide {
	height: 8px;
	width: 628px;
	background: transparent url(feature-panel-corners.gif) scroll no-repeat 0px 0px;
	text-indent: -4000px;
	margin: 0;
	padding: 0;
	z-index: 2000;
	position: relative;
}
div.featPanel ul.featureList {
	margin: 0;
	padding: 0;
	width: 628px;
	list-style: none;
	margin: 236px 0 0 0;
}
* html div.featPanel ul.featureList {
	margin: 228px 0 0 0;
}
div.featPanel ul.featureList span.flimage {
	position: absolute;
	line-height:0;
	left: 0px;
	top: 0px;
	display: none;
}
div.featPanel ul.featureList li.selected span.flimage {
	display: block;
}
div.featPanel ul.featureList span.flimage img {
	border: 0 none;
}
div.featPanel ul.featureList a.fltabtitle * {
	color: #FFF;
}
div.featPanel ul.featureList li.fltab1, 
div.featPanel ul.featureList li.fltab2, 
div.featPanel ul.featureList li.fltab3, 
div.featPanel ul.featureList li.fltab4 {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	background-image: url(fl-tab-purple.gif);
}
div.featPanel ul.featureList li.fltab4 {
	margin: 0;
}
div.featPanel ul.featureList li.fltab4 a.fltabtitle {
	background: transparent url(feature-panel-corners.gif) no-repeat scroll right bottom;
}
div.featPanel ul.featureList li.fltab1 a.fltabtitle {
	background: transparent url(feature-panel-corners.gif) no-repeat scroll -628px bottom;
}
div.featPanel ul.featureList a.fltabtitle {
	width: 154px;
	height: 46px;
	display: block;
	outline: none;
	overflow: hidden;
	font-size: 1.1em;
	line-height: 1.2em;
}
div.featPanel ul.featureList a.fltabtitle span.indented {
	padding: 4px 8px;
	display: block;
}
div.featPanel ul.featureList li.selected {
	background-image: url(fl-tab-selected-purple.gif);
}
div.featPanel ul.featureList div.fltabcontent {
	width: 224px;
	height: 232px;
	margin: 0;
	position: absolute;
	right: 8px;
	top: 8px;
	display: none;
	overflow: hidden;
}
div.featPanel ul.featureList li.selected div.fltabcontent {
	display: block;
}

/* Features Widget content styles */

div.fltabcontent ul {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 0px 15px 0px;
	padding: 0;
	list-style: none;
	width: 100%;
}

div.fltabcontent ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 2px 0px 2px 0.8em;
	width: 98%;
	list-style: none;
	background: url(list-arrow.gif) no-repeat 0px 8px;
	border-bottom: 1px dotted #b3c8c1;
}

div.fltabcontent ul li li {
	border-bottom: 0;
}

div.fltabcontent p, div.fltabcontent h1, div.fltabcontent h2, div.fltabcontent h3, div.fltabcontent h4, div.fltabcontent h5 {
	margin: 0 0 4px 0;
	color: #000000;
}

div.fltabcontent dl {
	margin: 0 0 15px;
}

div.fltabcontent dl dd {
	margin: 2px 0 2px 1em;
}

div.fltabcontent a {
	color: #000000;
	text-decoration: underline;
}

/** Carousel Core style **/

.jcarousel-container {
    position: relative;
	overflow: hidden;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	border: #006e56;
    height: 200px;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 293px;
    height: 200px;
	text-align: center;
}

.jcarousel-list li img {
    margin: 0 auto;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/** Carousel Theme Style **/


.jcarousel-skin-bookCarousel {
    background: #F0F6F9;
}

.jcarousel-skin-bookCarousel .jcarousel-container-horizontal {
    width: 293px;
}

.jcarousel-skin-bookCarousel .jcarousel-item {
    width: 293px;
    height: 200px;
}

.jcarousel-skin-bookCarousel .jcarousel-item-horizontal {
}

.jcarousel-skin-bookCarousel .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-bookCarousel .titleText {
	display: block;
	float: none;
	clear: both;
	margin: 4px auto;
}

.jcarousel-skin-bookCarousel .authorText {
	display: block;
	float: none;
	clear: both;
	margin: 4px auto;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-bookCarousel .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-bookCarousel .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-bookCarousel .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-bookCarousel .jcarousel-next-disabled-horizontal,
.jcarousel-skin-bookCarousel .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-bookCarousel .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-bookCarousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-bookCarousel .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-bookCarousel .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-bookCarousel .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-bookCarousel .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-bookCarousel .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/** In widget localisation **/

.widgetLocalisation {
	left: -5px;
	position: relative;
	top: -5px;
	background-color: #045032;
	padding: 0 5px;
}

.widgetLocalisationSelector {
	display: none;
}

.widgetLocalisation * {
	color: #FFFFFF;
}

/** Page localisation **/

#fullcontent ul.pageLocalisation {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#fullcontent ul.pageLocalisation li.pageLocalisationTab {
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	background: transparent url(fl-tab-purple.gif) repeat-x scroll 0 0;
	width: auto;
}

#fullcontent ul.pageLocalisation li.pageLocalisationTab a.pageLocalisedContentTitle {
	width: 154px;
	height: 46px;
	display: block;
	outline: none;
	overflow: hidden;
	color: #ffffff;
}

#fullcontent ul.pageLocalisation li.pageLocalisationTab div.pageLocalisedContent{
	display: none;
}

/** New A to Z **/

#fullcontent ol.naz {
	list-style-position: inside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #CCCCCC;
}

#fullcontent div.nazRowSelected {
	background-color: #F5F5F5;
}

#fullcontent ol.naz h4 {
	margin: 0 15px 0 5px;
	padding: 0;
}

#fullcontent ol.naz li {
	margin: 0;
	padding: 0;
	display: block;
	float: none;
	clear: both;
	border: 0;
}

#fullcontent ol.naz li div.nazKeyword {
	width: 240px;
	float: left;
	clear: left;
}

#fullcontent ol.naz li div.nazLinks {
	width: 300px;
	float: left;
	clear: right;
}
#fullcontent ol.naz li div.nazRow {
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	padding: 1% 0;
	display: block;
	float: none;
	clear: both;
}

#fullcontent ol.naz li ul {
	margin: 0;
	padding: 0;
}

#fullcontent ul.nazList li {
	margin: 0;
	padding: 0 5px 2px 15px;
	border-bottom: 0;
}

#fullcontent div.atozlist {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px;
	font-size: 0.9em;
	color: #00472f;
	text-align: center;
}

#fullcontent div.atozlist ul {
	position: relative;
	float: none;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	padding: 0px;
	width: 620px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	list-style: none;
}

#fullcontent div.atozlist ul li {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0px;
	list-style: none;
	width: auto;
	background: none;
	border: 0;
}

#fullcontent div.atozlist ul li a {
	border-right: 1px solid #00472f;
	padding: 0px 6px 0px 6px;
}

#fullcontent div.atozlist ul li a.first {
	border-right: 1px solid #00472f;
	padding: 0px 6px 0px 0;
}

#fullcontent div.atozlist ul li a.last {
	border-right: 0;
	padding: 0px 6px 0px 6px;
}



/** East Refuse Calendar **/

.east-refuse-table
 {
width: 610px;
font-size: 100%;
border: 1px solid #000000;

}

.east-refuse-bold
 {
font-weight: bold;
}

.refuse-td
 {
padding: 10px;
}

.refuse-tr
 {
background-color: #D0DFDA;
}

#maxwidth
 {
    width:610px
}

.green_number
 {
    text-align:center;
    padding:4px;
    font-size: 90%;
    font-weight:bold;

}

.caldays
 {
    text-align:center;
    padding:4px;
    font-size: 70%;
    font-weight:bold;
    background-color:#bcd3cb;
}

.caldays-02
 {
    text-align:center;
    padding:4px;
    font-size: 70%;
    font-weight:bold;
    background-color:#ffffff;
}

.caltext
 {
    text-align:center;
    padding:4px;
    font-size: 70%;
}

.weekA
 {
    text-align:left;
    padding:4px 10px 4px 4px;
    font-size: 70%;
    font-weight:bold;
    background-color:#a4d5a2;
}

.weekB
 {
    text-align:left;
    padding:4px 10px 4px 4px;
    font-size: 70%;
    font-weight:bold;
    background-color:#cfeace;
}

.calbox
 {
    border: 1px solid #000000;
}

/** On the Map **/

div#OTMMapWrapper {
	float: none; 
	clear: both; 
	margin: 10px 0; 
	background-color: #CCCCCC; 
	padding: 1px; 
	position: relative;
}

div#OTMList {
	margin: 0 2px;
}

div#OTMMapNav {
	width: 362px; 
	height: 450px; 
	margin: 0; 
	background-color: #EEEEEE; 
	overflow-x: hidden; 
	overflow-y: scroll;
}

div.otmheader {
	font-weight: bold;
	padding: 3px 20px 3px 5px;
	margin: 1px 1px 4px;
	background: url(otmheader.gif) repeat-x scroll 0 0;
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border: 1px solid #006e56;
	position: relative;
	outline: 0;
}

h3.fmnheader {
	font-weight: bold;
	padding: 3px 5px;
	margin: 1px 1px 4px;
	background: url(otmheader.gif) repeat-x scroll 0 0;
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border: 1px solid #006e56;
}

img.fmnListIcon {
	float: left;
	clear: left;
	vertical-align: middle;
	margin: 0 10px 0 0;
}

div.fmnitem h1, div.fmnitem h2, div.fmnitem h3, div.fmnitem h4, div.fmnitem h5, div.fmnitem p {
	margin: 0 0 10px 0;
}

div.fmnitementry {
	margin: 10px 30px;
	padding: 10px;
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border: 1px solid #006e56;	
}

div.fmnitem {
	margin: 7px;
}

span.fmnclass, span.fmncount {
	display: none;
}

div.otmitem img {
	border: 0!important;
	vertical-align: middle;	
}

div.otmheader span.selectionCount, div.otmheader span.selectionTotal, div.otmheader span.categoryNumber, div.otmitem span.classNumber {
	display: none;
}

div.otmheader span.selectionIcon {
	padding: 0 4px;
}

div.otmheader span.selectionIcon img {
	border: 0!important;
}

div.otmitem {
	margin: 2px 6px;
	padding: 4px 20px 4px 0;
	border-bottom: 1px solid #ffffff;
	background: url(otmcheckoff.gif) no-repeat scroll center right;
}

div.otmitem.selected {
	background: url(otmcheckon.gif) no-repeat scroll center right;
}

div.otmheader span.selectionDetails {
	font-weight: normal;
	white-space: nowrap;
	position: absolute;
	right: 0;
}

div#MapLoading {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-moz-box-shadow:5px 5px 3px #818181;
	background:#FFFFFF none repeat scroll 0 0;
	border-width:5px;
	display:none;
	padding:10px;
	position:absolute;
	text-align:center;
	width:75px;
	z-index:800;
}

div#MapCopyright {
	background: #FFFFFF none repeat scroll 0 0;
	display: block;
	padding: 0;
	margin: 0;
	position:absolute;
	text-align:center;
	left: 0;
	bottom: 0;
	z-index:800;
	width: 100%;
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}

div#MapCopyright * {
	margin: 0;
	padding: 3px;
	color: #000000;
	font-size: 83%;
}

/** Inline Tabs **/

#fullcontent ul.inlineTabNavigation {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
	width: 100%;
	display: block;
}

#fullcontent div.inlineTabContent {
	margin: 0px;
	padding: 2px 0 0 0;
	clear: both;
	float: none;
	width: 100%;
	display: block;
	border-top: 1px solid #006e56;	
}

#fullcontent ul.inlineTabNavigation li {
	width: auto;
	padding: 2px 1.2em;
	margin: 0 0 0 4px;
	display: block;
	background: #cce2dd url(none);
	border-left: 1px solid #006e56;	
	border-top: 1px solid #006e56;	
	border-right: 1px solid #006e56;
	border-bottom: 0px solid #006e56;
	-moz-border-radius-topleft: .6em;	
	-moz-border-radius-topright: .6em;
	-webkit-border-top-left-radius: .6em;
	-webkit-border-top-right-radius: .6em;	
}

#fullcontent ul.inlineTabNavigation li.selected {
	background-color: #ffffff;
}

#fullcontent ul.inlineTabNavigation li a {
	text-decoration: none;
	color: #006e56;
}

#FMNLocationForm {
	float: none;
	clear: both;
}

#fullcontent #PostcodeSuggestionsElement {
	position:relative;
}

#fullcontent #PostcodeSuggestions {
	display: none;
	width: auto;
}

#fullcontent span.ajaxSmallLoadingIcon {
	display: none;
}

#fullcontent span.ajaxSmallLoadingIcon img {
	border: none;
	vertical-align: middle;
	margin: 0 4px;
}

.textAlignRight {
	text-align: right;
}

/** WMS Map Widget **/

#fullcontent div.mapCanvas img {
	border: 0;
}

/** Hidden for visual users - for screenreaders only **/

.screenreader {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/** Landing page image overlay **/

#fullcontent .landingPageImage {
	position: relative;
}

#fullcontent .landingPageImage img {
	border: 0;
}

#fullcontent .landingPageImage .landingPageImageOverlay {
	background: none repeat scroll 0 0 #000;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
	bottom: 0;
	left: 0;
	padding: 8px 8px 0;
	position: absolute;
	width: 620px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 604px;
}
html>body #fullcontent .landingPageImage .landingPageImageOverlay {
  width: 604px;
} 

#fullcontent .landingPageImage .landingPageImageOverlay p, #fullcontent .landingPageImage .landingPageImageOverlay h1, #fullcontent .landingPageImage .landingPageImageOverlay h2, #fullcontent .landingPageImage .landingPageImageOverlay h3, #fullcontent .landingPageImage .landingPageImageOverlay h4, #fullcontent .landingPageImage .landingPageImageOverlay h5 {
	margin: 0 0 8px;
}

#fullcontent .landingPageImage .landingPageImageOverlay * {
	color: #fff;
}

#fullcontent .landingPageNavigationTitle {
	width: 200px;
	float: left;
	margin: 0 10px 0 0;
}

#fullcontent .landingPageNavigationTitle h3 a {
	color: #000000;
	text-decoration: none;
}

#fullcontent .landingPageNavigationTitle h3 a:hover, #fullcontent .landingPageNavigationTitle h3 a:active {
	text-decoration: underline;
}

#fullcontent .landingPageNavigationTitle p {
	text-align: right;
	font-size: 90%;
	font-weight: bold;
}

#fullcontent .landingPageNavigationTitle.last {
	margin: 0;
}

#fullcontent .landingPageNavigationTitle ul li {
	border-bottom: 0;
	padding: 2px 0 2px 10px;
	width: 185px;
}

#fullcontent .landingPageNavigationTitle h1, #fullcontent .landingPageNavigationTitle h2, #fullcontent .landingPageNavigationTitle h3, #fullcontent .landingPageNavigationTitle h4, #fullcontent .landingPageNavigationTitle h5 {
	background-color: #d9e9e5;
	padding: 2px 10px;
	margin: 10px 0 0;
}


/** Openlayers Mapping Styles **/

div.olMap {
    z-index: 0;
    padding: 0px!important;
    margin: 0px!important;
    cursor: default;
}

div.olMap img {
    display: block;
}

div.olMapViewport {
    text-align: left;
}

div.olLayerDiv {
   -moz-user-select: none;
}

.olLayerGoogleCopyright {
    left: 2px;
    bottom: 2px;  
}
.olLayerGooglePoweredBy {
    left: 2px;
    bottom: 15px;   
}
.olControlAttribution {
    font-size: smaller; 
    right: 3px; 
    bottom: 4.5em; 
    position: absolute; 
    display: block;
}
.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
    font-size: smaller;
}
.olControlScaleLine {
   display: block;
   position: absolute;
   left: 10px;
   bottom: 15px;
   font-size: xx-small;
}
.olControlScaleLineBottom {
   border: solid 2px black;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
.olControlScaleLineTop {
   border: solid 2px black;
   border-top: none;
   text-align: center;
}

.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
    font-size: smaller;
} 

div.olControlMousePosition {
    bottom: 0em;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
}

.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #00008B;
    -moz-border-radius: 1em 0 0 0;
}

.olControlOverviewMapMinimizeButton {
    right: 0px;
    bottom: 80px;
}    

.olControlOverviewMapMaximizeButton {
    right: 0px;
    bottom: 80px;
}

.olControlOverviewMapExtentRectangle {
    overflow: hidden;
    background-image: url("img/blank.gif");
    cursor: move;
    border: 2px dotted red;
}
.olControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor: move;
    background-image: url("img/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
}

.olLayerGeoRSSDescription {
    float:left;
    width:100%;
    overflow:auto;
    font-size:1.0em;
}
.olLayerGeoRSSClose {
    float:right;
    color:gray;
    font-size:1.2em;
    margin-right:6px;
    font-family:sans-serif;
}
.olLayerGeoRSSTitle {
    float:left;font-size:1.2em;
}

.olPopupContent {
    padding:5px;
    overflow: auto;
}    
.olControlNavToolbar { 
    width:0px;
    height:0px;
}    
.olControlNavToolbar div { 
  display:block;
  width:  28px;
  height: 28px;
  top: 300px;
  left: 6px;
  position: relative;
}

.olControlNavigationHistory {
   background-image: url("img/navigation_history.png");
   background-repeat: no-repeat;
   width:  24px;
   height: 24px;

}
.olControlNavigationHistoryPreviousItemActive { 
  background-position: 0px 0px;
}
.olControlNavigationHistoryPreviousItemInactive { 
   background-position: 0px -24px;
}
.olControlNavigationHistoryNextItemActive { 
   background-position: -24px 0px;
}
.olControlNavigationHistoryNextItemInactive { 
   background-position: -24px -24px;
}

.olControlNavToolbar .olControlNavigationItemActive { 
  background-image: url("img/panning-hand-on.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlNavigationItemInactive { 
  background-image: url("img/panning-hand-off.png");
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemActive { 
  background-image: url("img/drag-rectangle-on.png");
  background-color: orange;
  background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemInactive { 
  background-image: url("img/drag-rectangle-off.png");
  background-repeat: no-repeat;
}
.olControlEditingToolbar  {
    float:right;
    right: 0px;
    height: 30px; 
    width: 200px;
}
.olControlEditingToolbar div { 
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  float:right;
  width:  24px;
  height: 24px;
  margin: 5px;
}
.olControlEditingToolbar .olControlNavigationItemActive { 
  background-position: -103px -23px; 
}
.olControlEditingToolbar .olControlNavigationItemInactive { 
  background-position: -103px -0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive { 
  background-position: -77px -23px; 
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive { 
  background-position: -77px -0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive { 
  background-position: -51px 0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive { 
  background-position: -51px -23px; 
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive { 
  background-position: -26px 0px; 
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { 
  background-position: -26px -23px ;                                                                   
}
div.olControlSaveFeaturesItemActive { 
    background-image: url(img/save_features_on.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}
div.olControlSaveFeaturesItemInactive { 
    background-image: url(img/save_features_off.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
}

.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
    border: 2px solid blue;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}   

.olControlPanPanel {
    top: 10px;
    left: 5px;
}  

.olControlPanPanel div {
    background-image: url(img/pan-panel.png);
    height: 18px;
    width: 18px;
    cursor: pointer;
    position: absolute;
}

.olControlPanPanel .olControlPanNorthItemInactive {
    top: 0px;
    left: 9px;
    background-position: 0px 0px;
}
.olControlPanPanel .olControlPanSouthItemInactive {
    top: 36px;
    left: 9px;
    background-position: 18px 0px;
}
.olControlPanPanel .olControlPanWestItemInactive {
    position: absolute;
    top: 18px;
    left: 0px;
    background-position: 0px 18px;
}
.olControlPanPanel .olControlPanEastItemInactive {
    top: 18px;
    left: 18px;
    background-position: 18px 18px;
}

.olControlZoomPanel {
    top: 71px;
    left: 14px;
} 

.olControlZoomPanel div {
    background-image: url(img/zoom-panel.png);
    position: absolute;
    height: 18px;
    width: 18px;
    cursor: pointer;
}

.olControlZoomPanel .olControlZoomInItemInactive {
    top: 0px;
    left: 0px;
    background-position: 0px 0px;
}

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    top: 18px;
    left: 0px;
    background-position: 0px -18px;
}

.olControlZoomPanel .olControlZoomOutItemInactive {
    top: 36px;
    left: 0px;
    background-position: 0px 18px;
}

.olPopupCloseBox {
  background: url("img/close.gif") no-repeat;
  cursor: pointer;
}

.olFramedCloudPopupContent {
    padding: 5px;
    overflow: auto;
}

.olControlNoSelect {
 -moz-user-select: none;
}

.olImageLoadError {
    background-color: pink;
    opacity: 0.5;
    filter: alpha(opacity=50); /* IE */
}

/**
 * Cursor styles
 */

.olCursorWait {
    cursor: wait;
}
.olDragDown {
    cursor: move;
}
.olDrawBox {
    cursor: crosshair;
}
.olControlDragFeatureOver {
    cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
    cursor: -moz-grabbing;
}

/**
 * Layer switcher
 */
.olControlLayerSwitcher {
    position: absolute;
    top: 25px;
    right: 0px;
    width: 20em;
    font-family: sans-serif;
    font-weight: bold;
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-size: smaller;
    color: white;
    background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 75px;
    background-color: darkblue;
    width: 100%;
    height: 100%;
}

.olControlLayerSwitcher .layersDiv .baseLbl,
.olControlLayerSwitcher .layersDiv .dataLbl {
    margin-top: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}

.olControlLayerSwitcher .layersDiv .baseLayersDiv,
.olControlLayerSwitcher .layersDiv .dataLayersDiv {
    padding-left: 10px;
}

.olControlLayerSwitcher .maximizeDiv,
.olControlLayerSwitcher .minimizeDiv {
    top: 5px;
    right: 0px;
}