/* BASE SITE STYLE SHEET - AUTHOR NEIL TURNBULL */

/* NOTE - Changes to this document should be noted through the recognised change control procedure */

/* GENERIC STYLES, HEADERS */

* {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0;
	padding: 0px;
}
title {
	color: #330033;
	background-color: #003366;
}
h1 {
	display: none;
}
h2 {
	color: #FFFFFF;
	background-color: #87B531;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	font-size: 100%;
	background-image: none;
	background-repeat: repeat-x;
	font-weight: bold;
}	
h3 {
	color: #FFFFFF;
	background-color: #84AD35;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-weight: bold;
	background-repeat: repeat-x;
	font-size: 100%;
}
a:link {
	color: #333333;
	text-decoration: none;
	padding-bottom: 4px;
}
a:hover, a:active {
	text-decoration: none;
	color: #6C8F2C;
}
a:visited {
	text-decoration: none;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
iframe {
	margin-left: 5px;
	margin-right: 5px;
}
img {
	border: none;
	padding: 0px;
	margin: 0px;
}
address {
	font-style: normal;
	padding-right: 10px;
	padding-left: 10px;
}
ul {
	list-style: none;
	margin-left: 30px;
	margin-bottom: 20px;
	margin-right: 30px;
	margin-top: 20px;
	padding: 0px;
}
ul li {
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	list-style-type: square;
	line-height: 170%;
	color: #333333;
}
p, ul, ol {
	margin-bottom: 1.5em;
	line-height: 180%;
	color: #333333;
}

/* TABS */

#tabs {
	float: left;
	background-position: 50% bottom;
	margin-top: 0px;
	width: 690px;
	clear: both;
	height: 75px;
	padding-right: 0px;
	text-align: right;
}
#tabs-search {
	width: 960px;
	padding: 0px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

/* BESPOKE CLASSES */

.p.linktitle {
	margin-top: 0px;
	margin-bottom: 0px;
}
.p.linktitle a {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}
.p.desc {
	margin-bottom: 20px;
}
p.green {
	color: #FFFFFF;
	background-color: #84AD35;
	padding: 5px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
h3.gallery {
	color: #000000;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: bold;
	background-repeat: repeat-x;
	font-size: 100%;
	margin: 0px;
}
#evisit {
	display: none;
	/* evisit hack - This prevents the white space at the foot of the page where the evisit coding appears */
}
#sidebar2 label {
	display: none;
}
#container #mainContent-sub .content img.gallery {
	float: left;
	margin-top: 20px;
	border: 7px solid #CCCCCC;
	margin-right: 10px;
	margin-left: 14px;
}
p.hide {
	display: none;
}

/* SERVICE DIRECTORY FORMATTING */

h3.ServiceCat {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
h3.ServiceCat a {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
table {
	background-color: #FFFFFF;
	background-image: none;
	margin: 10px;
	width: 95%;
}
table img {
	padding: 5px;
}
th {
	font-weight: bold;
	text-align: left;
	padding: 5px;
}
td {
	padding: 5px;
	vertical-align: top;
}


#container #mainContent-sub .content #serviceRequestForm .left {
	float: left;
}
ul.litebox {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* CONTAINER */

#container {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#container #mainContent-sub .content #breadcrumb a {
	font-weight: bold;
	color: #333333;
	border-bottom-style: solid;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}
#container #mainContent-sub .content img {
	float: right;
	margin-right: 20px;
	margin-left: 20px;
}
#container #mainContent-sub .content #breadcrumb ul {
	margin-left: 0px;
	padding-left: 0px;
}
#container #mainContent-sub .content #breadcrumb li {
	list-style-type: none;
}
#container #mainContent-sub .content label {
}

/* CAROUSEL STYLING */

#carousel {
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	margin-left: auto;
	padding: 0px;
	float: right;
	margin-right: auto;
	height: 232px;
	color: #FFFFFF;
	width: 960px;
}
#carousel p {
	text-align: center;
	float: left;
	width: 240px;
	color: #FFFFFF;
	padding-top: 75px;
	padding-right: 10px;
	font-size: 12px;
}
#carousel a {
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 2px;
}
object {
	margin: 0px;
	padding: 0px;
}
#carousel img {
	margin-right: 20px;
	margin-top: 20px;
}
#carousel object {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#carousel #alternative-content a {
	font-weight: bold;
	color: #FFFFFF;
}
#carousel h2 {
	display: none;
}

/* SEARCH */

#search {
	float: right;
	width: 250px;
	margin-top: 21px;
	text-align: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#search legend {
	display: none;
}
#search label {
	display: none;
}
ul.litebox li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#container #mainContent-sub .content .litebox img {
	float: left;
	margin-left: 0px;
	padding-left: 0px;
}


/* MAIN SITE SEARCH */

#search input {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #020098;
	padding: 3px;
}
#search #sa {
	color: #FFFFFF;
	background-color: #009603;
	font-weight: bold;
}



#mainContent-sub .content h2 {
	margin-bottom: 20px;
	color: #333333;
	font-size: 130%;
	background-color: #FFFFFF;
}
#mainContent-sub .content-full h2 {
	margin-bottom: 20px;
	color: #333333;
	background-color: #FFFFFF;
	font-size: 130%;
}
#mainContent-sub .content a {
	color: #6C8F2C;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6C8F2C;
}

#mainContent-sub #content label {

}
#mainContent-sub .content #FeedbackForm #button {
	margin-left: 0px;
}
#mainContent-sub textarea {
	border: 1px solid #999999;
	margin-left: 10px;
}
#mainContent-sub select {
	border: 1px solid #000000;
}

#mainContent-sub form select {
	border: 1px solid #999999;
	margin-left: 10px;
}
#mainContent-sub input {
	border: 1px solid #999999;
	color: #333333;
	padding: 4px;
	margin-left: 10px;
}
#mainContent-sub .content #categories img {
	float: left;
	margin-left: 0px;
	padding-left: 0px;
}
#mainContent-sub .content #categories {
	margin-bottom: 40px;
	margin-top: 20px;
}

#mainContent-sub .content p {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 20px;
}

#mainContent-sub .content {
	margin: 0px;
	width: 420px;
	background-color: #FFFFFF;
	padding-bottom: 20px;
	float: left;
}
#mainContent-sub .contentprem {
	margin: 0px;
	width: 420px;
	float: left;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}

.form-divider {
	float: left;
	width: 200px;
	margin-bottom: 20px;
}
.form-full {
	width: 420px;
}


.content-full {
	margin: 0px;
	width: 690px;
	float: left;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 20px;
	padding-left: 1px;
}

.upclose {
	padding: 8px;
}

.byline {
	color: #CCCCCC;
}



#tabs #textfield {
	float: right;
}


/* Content */

#content {
	float: left;
	width: 520px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}
#mainContent-sub {
	float: right;
	width: 690px;
	margin-bottom: 20px;
}



#mainContent-sub .two-cols .col-two {
	width: 690px;
}
#browse-sidebar {
	float: left;
	width: 250px;
	background-color: #FFFFFF;
}
#browse-sidebar .col-one {
	float: left;
	width: 250px;
	background-color: #FFFFFF;
	padding: 0px;
}
#browse-sidebar #breadcrumb ul {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
#browse-sidebar .col-one #breadcrumb ul li {
	background-color: #84AD35;
	margin-bottom: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 20px;
	list-style-type: none;
	background-image: url(../assets/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 14px center;
}
#browse-sidebar .col-one #breadcrumb ul li a {
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 20px;
	border-bottom-style: none;
}
#browse-sidebar .col-one #breadcrumb {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#browse-sidebar .col-one #home ul li {
	background-color: #84AD35;
	margin-bottom: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 20px;
	list-style-type: none;
	background-image: url(../assets/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 14px center;
}
#browse-sidebar .col-one #home ul li a {
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 20px;
	border-bottom-style: none;
}
#browse-sidebar .col-one #home {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#container #browse-sidebar .col-one #subcats li {
	font-weight: bold;
	list-style-type: square;
	list-style-position: outside;
}
#container #browse-sidebar .col-one #subcats ul {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#browse-sidebar #home ul {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#container #browse-sidebar .col-one ul {
	margin-top: 0px;
	padding-top: 0px;
}





/* FOOTER */

#footer {
	width: 100%;
	clear: both;
	color: #FFFFFF;
	margin-top: 40px;
	height: 200px;
	margin-bottom: 0px;
	background-color: #999999;
}
#footer p {
	margin: 0;
	text-align: center;
	color: #FFFFFF;
	padding: 20px;
}
#footer a {
	color: #FFFFFF;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
#description {
	color: #FFFFFF;
	background-color: #360D39;
	margin: 0px;
}
#photo {
}
#browse-cats {
	float: left;
	width: 520px;
}
h2.whatson {
	margin-top: 21px;
}
.news-links {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 250px;
	margin-left: 0px;
	clear: right;
	margin-bottom: 20px;
	margin-top: 0px;
	background-color: #FFFFFF;
	padding: 1px;
	}
.docs-links {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 250px;
	margin-left: 0px;
	clear: right;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
}
#subcats {
	margin: 0px;
	padding: 0px;
}
.AccordionPanelContent #breadcrumb a {
	font-weight: bold;
}
.docs-links ul {
	margin-top: 20px;
}
#mainContent-sub .content h3 {
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
	margin-top: 40px;
	background-color: #FFFFFF;
}
#gallery-holder {
	margin-bottom: 70px;
}
#gallery-holder img {
	float: left;
}


#mayor {
	display: none;
	color: #FFFFFF;
	background-color: #E00634;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#mayor p {
	padding: 5px;
	color: #FFFFFF;
}
#sidebar p {
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#sidebar a {
	font-weight: normal;
}
.content-full p {
	padding-right: 10px;
	padding-left: 10px;
}
.content-full #categories {
	margin-bottom: 40px;
	margin-top: 20px;
}
.content-full #categories img {
	float: left;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 10px;
}
.content-full a {
	color: #6C8F2C;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6C8F2C;
}
.content-full h3 {
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	margin-top: 0px;
}
.content-full dd {
	margin-left: 10px;
}
.content-full object {
	margin-left: 45px;
}

.content img.gallery {
	float: left;
}
.content img.gallery:hover {
	float: left;
	margin-top: 20px;
	border: 7px solid #84AD35;
	margin-right: 10px;
	margin-left: 14px;
}
.content .button {
	font-weight: normal;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 20px;
	text-align: center;
}
#sidebar2 form {
	margin-top: 20px;
	margin-bottom: 20px;
}




/* NICETITLE STYLING */

.nicetitle {
	position: absolute;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	opacity: .9;
	max-width: 480px;
	background-color: #05009A;
}
.nicetitle p {
margin:4px 12px;
}
.nicetitle p.titletext {
	color:#FFFFFF;
	font-size:13px;
}
.nicetitle p.destination {
	font-size: 10px;
	color:#fff;
	display: none;
}
.nicetitle p.name {
	font-size: 9px;
	color:#FFFFFF;
}
.nicetitle p span.accesskey {
color:#936968;
}
.full-category {
	padding: 0px;
	margin: 0px;
	width: 100%;
	font-weight: bold;
}
.subcats {
	margin: 0px;
	padding: 0px;
}
.report-it {
	width: 420px;
	clear: both;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
}
#container #carousel .mayor {
	color: #030099;
}
#container #carousel #mayor {
	color: #030099;
}
#mayorl {
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	margin-left: auto;
	padding: 0px;
	float: right;
	margin-right: auto;
	height: 232px;
	color: #FFFFFF;
	width: 960px;
}
#mayorl p {
	text-align: center;
	float: left;
	width: 240px;
	color: #030099;
	padding-top: 80px;
	padding-right: 10px;
	font-size: 12px;
}
#mayorl a {
	color: #030099;
	font-weight: bold;
}
#sidebar .col-one h2 {
	background-color: #4A4AAE;
	margin: 0px;
}
#sidebar .col-two h2 {
	background-color: #4A4AAE;
}
#mainContent-sub .content object {
	margin-left: 10px;
}
#container #mainContent-sub .contentprem input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container #mainContent-sub .contentprem table {
	background-color: #EFE7DE;
}
#container #mainContent-sub .contentprem tr {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#container #mainContent-sub .contentprem .button {
	border: 1px solid #999999;
}
#google_translate_element {
	padding: 14px;
	margin-top: 30px;
}
caption {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}


/* BUTTON */


.button {
	float: left;
	margin-right: 7px;
}
.button-holder {
	width: 250px;
	background-color: #CCCCCC;
	margin-top: 0px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}


.button-border-left {
	width: 5px;
	height: 30px;
	float: left;
	background-image: url(../base-images/button-bg-left.jpg);
}

.button-main {
	height: 26px;
	border-top: 1px solid #0087ae;
	border-bottom: 1px solid #0087ae;
	float: left;
	padding: 2px 10px 0px 10px;
	background-image: url(../base-images/button-bg.jpg);
	background-repeat: repeat-x;
}

.button-main a {
	color: #f5f5f5;
	font-weight: bold;
	font-size: 12px;
}

.button-border-right {
	width: 5px;
	height: 30px;
	float: left;
	background-image: url(../base-images/button-bg-right.jpg);
}
#tech {
	float: left;
	width: 300px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-top: 0px;
}
#container #mainContent-sub #bsc-hack {
	float: left;
	width: 420px;
}
#container #browse-sidebar .col-one li {
	font-weight: bold;
}
/*menu style*/
#nav {
	float:right;
	position:relative;
	list-style:none;
	margin-right: 0px;
	margin-bottom: 0;
	margin-top: 30px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}
#nav li {
	float: left;
	width:auto;
	list-style-type: none;
}
#nav li a {
	float: left;
	width:auto;
	text-decoration: none;
	color: #fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../base-images/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: bold;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
	border-bottom-style: none;
	padding-top: 5px;
}
#nav li a span {
	width:auto;
	float: left;
	padding-right: 16px;
	display: block;
	margin-top:-5px;
	height: 36px;
	background: url(../base-images/nav_bg.gif) no-repeat top left;
}
#nav li a:hover {
	color: #FFFFFF;
	background-position:right 100%;
}
#nav li a:hover span {
	background-position:left 100%;
}