body {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: yellow;
	margin: 0;
	padding: 0;
	/*background: url(site-bg.gif) repeat-y top center #777;*/
	background-color: black;
}

/* generic styles applied throughout */

.clearfix {
	display: inline-block;
}

a {
	color: aqua;
	/*text-decoration: none;*/
}

a .synopsis {
	display: 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: 110%;
	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: #777;*/
	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 10px;
	width: 170px;
	height: 63px;
	/*background: url(customise-button.gif) no-repeat top left transparent;*/
	background-color: #222;
	border-left: solid 1px #777;
	border-bottom: solid 1px #777;
	border-right: solid 1px #777;
}

#siteheader #options #buttons #customise a {
	/*color: #777;*/
}

#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;*/
	border-left: solid 1px #777;
	border-bottom: solid 1px #777;
	border-right: solid 1px #777;
	background-color: #222;
	
}

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

#siteheader #options #buttons #yourlocation a:hover {
	/*color: #777;*/
}

#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: yellow;
}

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

#siteheader #options #textlinks a {
	color: aqua;
	text-decoration: underline;
}

/*#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: yellow;
}

#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: white;
	font-size: 100%;
	border: 1px solid #777;
	/*background: url(form-element-bg.gif) repeat-x top left #777;*/
	background-color: black;
	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: aqua;
	font-size: 100%;
	border: 1px solid #777;
	/*background: url(search-bar-button-bg.gif) repeat-x top left #c9c9c9;*/
	background-color: black;
	width: 125px;
	height: 34px;
	line-height: 28px;
	vertical-align: middle;
	text-decoration: underline;
}

.helpbutton {
	display: inline;
	background:#00442A url(page-button-bg.gif) repeat-x scroll left top;
	border:1px outset #479B7A;
	color:#777!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: aqua;
	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: yellow;
	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 yellow;*/
	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;*/
	background-color: #222;
	padding: 2%;
	width: 96%;
}

#top-form form, #addaddress form {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	/*color: #777;*/
	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: #777;
}

#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: yellow;
	background-color: #111;
}

#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: aqua;
	text-decoration: underline;
	font-size: 100%;
	border: 1px solid #777;
	/*background: url(search-bar-button-bg.gif) repeat-x top left #c9c9c9;*/
	text-decoration: underline;
	background-color: black;
	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: 320px;
	/*background-color: #222;*/
}

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

.panel, .panelnav, .red-panel {
	margin: 0px 0px 10px 8px;
	text-align: left;
	z-index: 20;
	width: 303px;
	position: relative;
	border: solid 1px #777;
	background-color: black;
}

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

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

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

.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;*/
	 
}

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

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;*/
}

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

.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 10px;
	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 #777;
	background-color: #222;
	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;*/
	background-color: #111;
}

.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;*/
}

.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: yellow;*/
	z-index: 120;
	list-style: none;
	width: 100%;
	background-color: #222;
}

.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: 130px;
	/*background: url(widget-title-right.gif) no-repeat top right;*/
	text-align: center;
}

.widgettitle ul li.current {
	/*background: url(/assets/images/nav/tab-current.jpg) no-repeat top left;*/
	margin: 0px 1px 0px 0px;

}

.widgettitle ul li.current a {
	/*background: url(/assets/images/nav/tab-current.jpg) no-repeat top right;*/
	background-color: #222;
	border: solid 1px white;
}

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

.widgettitle ul li:hover a {
	/*background: url(/assets/images/nav/tab-current.jpg) no-repeat top right;*/
	/*color: #777;*/
}

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

.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 #777;
	color: #777;
	font-size: 0.85em;
	#777-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: #777;
}

/* 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;	
}

/* content styling */

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

.contentboxlisting li {
	position: relative;
	left: 5px;
	top: 0px;
	margin: 0;
	padding: 2%;
	width: 96%;
	list-style: none;
	/*border-bottom: 1px solid #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;
}

/* 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;*/
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	background-color: #222;
}

.latestnewslisting li.current a {
	/*color: #777;*/
}

/* 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;
	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: #777;*/
}

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

#main-navigation, #secondary-navigation {
	padding: 5px;
}


ul.panelSideMenu li.current a {
	display: block;
	margin:0;
	text-decoration: underline!important;
	padding: 8px 6px;
	/*color: #777;
	background-color: #3382bd;*/
	border-top: solid 1px #777;
	border-right: solid 1px #777;
	border-bottom: solid 1px #777;
	background-color: #222;
}

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: white;
	font-size: 100%;
	border: 1px solid #777;
	/*background: url(form-element-bg.gif) repeat-x top left #777;*/
	min-height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-color: black;
}

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

.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 2px 0px 2px;
	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 {
	color: aqua;
	font-size: 1.2em;
}

/*#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: white;
	-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 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 img.left {
	position: relative;
	float: left;
	left: 0px;
	top: 0px;
	margin: 0px 10px 5px 0px;
	padding: 0;
}

#fullcontent img.right {
	position: relative;
	float: 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;
	color:white;
}

#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: yellow;
	list-style: none;
	width: 630px;
	height: 35px;
	display: block;
	background-color: #222;
}

#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;
	border: solid 1px white;
}

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



#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: #777;*/
}

#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;
	background-color: #222;
}

#fullcontent .locationrelated .content .bottom img {
	/*padding: 0;
	margin: 0;
	border: none;*/
	display: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: #777;*/
	font-size: 100%;
	background-color: #222;
}

/* Tables */

table {
	margin: 0px 0px 10px 0px;
	width: 100%;
}

table thead th {
	background-color: #222;
	color: white;
	font-size: 110%;
	border-bottom: none;
	padding: 5px;
}

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

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

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

table.rowheaders tr td:first-child {
	background-color: #222;
	color: #777;
	font-size: 100%;
	/*border-bottom: 1px dotted #777;*/
}

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: 1px solid red;
	/*background-color: #065f3b;*/
	/*color: #777;*/
}

.error h5 {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: red;
	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 dotted #8fb229;
}

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

fieldset legend {
	background-color: black;
	/*color: #8fb229;*/
	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;
}

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: #777;
}

.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: yellow;
}

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

/* lists */

#fullcontent ul {
	position: relative;
	float: left;
	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 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;
				background-color: black;
}
 
/* 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 #777;
}
*/

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

a .synopsis {
    display: none;
}
 
ul li a .synopsis {
    display: block;
    position: relative;
    float: left;
    left: 0px;
    top: 0px;
    width: 100%;
    font-size: 0.8em;
    color: #666666;
}

#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: #777;
}
 

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

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

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



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


/* jQuery Pagination styles */

.pagination {
    font-size: 80%;
}
        
.pagination a {
    /*text-decoration: none;*/
	border: solid 1px #222;
	color: aqua;
}

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

.pagination .current {
    /*background-color: #777;*/
    /*color: #fff!important;*/
	border: solid 1px white;
	color: white;
}

.pagination .current.prev, .pagination .current.next{
	/*color:#FFF!important;*/
	border-color:#222;
	/*background:#222;*/
	color: yellow;
}

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: yellow;
	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: #777;
}

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: #777;
}

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 {
	text-decoration: underline;
	color: aqua;
}

/*#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: #777;
}

#fullcontent .contentFormButton {
	font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;
	color: #777;
	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.5em;
	border: 0;
}

.clearer {
	display: block;
	float: none;
	clear: both;
	font-size: 1%;
}

.invalid-text {
	color: #888;
}

/* Scores on Doors styles */

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

#actions-navigation img {
	visibility:hidden;
}

#actions-navigation ul.rightactions img {
	width: 0px;
}

#actions-navigation a {
	text-decoration: underline;
}

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

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

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

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

#socitm_info_box {
	background-color: white;
}

/** Feature panel **/

div.featPanel {
	height: 288px;
	width: 626px;
	background-color: #000000;
	border: solid 1px #777;
	position: relative;
	margin: 0 0 10px 8px;
	float: none;
	clear: both;
}

div.featPanel h3.hide {
	height: 8px;
	width: 628px;
	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;
	border-top: solid 1px #777;
	border-right: solid 1px #777;
	border-left: solid 1px #777;
}
div.featPanel ul.featureList li.fltab4 {
	margin: 0;
}
div.featPanel ul.featureList a.fltabtitle {
	width: 152px;
	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-color: #222;
}
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;
}

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

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