/**** cambridge.css ****/

* {
 margin: 0; padding: 0;
}

html {
 background-color: #ddd; font-size: 62.5%; overflow-y: scroll;
}

body {
 background-color: #fff; color: #000; font-family: verdana, sans-serif; font-size: 1.3em; margin: 0 auto; padding: 10px; width: 960px;
}

/**** Page elements ****/

h1 {
 color: #fff; font-family: tahoma, sans-serif; font-size: 1.9em; font-weight: normal; line-height: 1.2em; margin: 5px 10px 10px; padding: 0; width: 730px;
}

h2, h3, h4, h5, h6 {
 clear: left; font-family: tahoma, verdana, sans-serif; font-weight: normal; line-height: 1.2em; margin: 0 0 10px 0; padding: 0;
}
	h2 {
	 font-size: 1.6em; margin: 20px 0 10px 0;
	}
	h3 {
	 font-size: 1.4em; margin: 20px 0 10px 0;
	}
	h4 {
	 font-size: 1.1em; font-weight: bold;
	}
	h5, h6 {
	 font-size: 1.1em;
	}
	h2 a, h3 a, h4 a, h5 a, h6 a {
	 border-bottom: 0; color: #222;
	}
		h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active {
		 border-bottom: 1px solid #222; color: #222;
		}
	
p {
 font-family: verdana, sans-serif; margin: 0 0 10px 0;
}

hr {
 color: #00629d; margin: 0 0 10px;
}

a {
 text-decoration: none;
}

img.mainImage {
 height: 175px; width: 265px;
}
img.indexImage {
 height: 70px; width: 70px;
}

/**** Page layout ****/

ul.accesskeys {
 left: -4000px; position: absolute;
}

#topStrip {
 background-color: #ddd; border: 1px solid #ddd; font-family: arial, sans-serif; width: 958px; border-radius: 5px;
}
	#topStrip ul {
	 float: right; list-style-type: none; margin: 5px 0 5px 0;
	}
		#topStrip ul li {
		 float: left; margin: 0 5px 0 15px;
		}
			#topStrip ul li a {
			 color: #222222;
			}
				#topStrip ul li a:hover {
				 border-bottom: 1px solid #222;
				}

#logo {
 width: 200px; height: 155px;
}
	#logo img {
	 margin: 0 38px 0 37px;
	}

.bwbackground {
 background: url(cccbanner.jpg) top right no-repeat; height: 85px;
}

#columnwrapper {
 margin-top: 10px;
}
	#middlewrapper {
	 float: right; font-family: arial, sans-serif; margin: 0 0 0 10px; width: 750px;
	}
		#middleheader {
		 background: #00629d url(../pictures/css/topleftwhitearc.gif) left top no-repeat; width: 750px;
		}
			#heading {
			 /*float: left; width: 545px; Changed from when description showed */
			 float: left; width: 740px;
			}
				#breadcrumb {
				 /*font-family: arial, sans-serif; font-size: 0.9em; padding: 0; width: 545px; Changed from when description showed */						
				 font-family: arial, sans-serif; font-size: 0.9em; padding: 0; width: 740px;
				}
					#breadcrumb ul {
					 margin: 0 0 0 8px; padding: 0 0 0 2px;
					}
						#breadcrumb ul li, #breadcrumb ul li a, #breadcrumb ul li a:visited {
						 color: #fff; display: inline;
						}
							#breadcrumb ul li a:hover {
							 text-decoration: underline;
							}
					/*#breadcrumb span {
					 font-weight: bold;
					} Changed from when description showed */
			#summary {
			 /*color: #fff; float: left; font-family: verdana, sans-serif; margin: 10px 0 0 10px; width: 185px; Changed from when description showed */
			 display: none;
			}
			#middleheader .clear {
			 height: 10px;
			}
		#middlecolumn {
		 float: left; margin: 0 10px 0 0; width: 540px;
		}
		#rightcolumn {
		 float: left; margin: 5px 0 0; padding: 0 0 10px 0; width: 200px;
		}
		#middlecolumnwide {
		 float: right; margin: 0 0 0 0; padding: 0 0 10px 0; width: 750px;
		}
			#middlecolumnwide #content {
			 margin: 10px 0 5px 0;
			}
			#middlecolumnwide #contentPropertySearch {
			 padding: 10px 0 0 0;
			}
	#leftColumn {
	 float: left; padding: 0 0 10px 0; width: 200px;
	}

#content {
 font-family: verdana, sans-serif; line-height: 1.4em; margin: 10px 0 5px 0;
}

#footer { background-color: #ddd; clear: both; margin: 10px 0 0; overflow: auto; padding: 10px 0 5px; width: 960px; border-radius: 5px; }
 #footer div { float: left; padding: 0 10px; width: 300px; }
 #footer h2 { font-size: 1em; font-weight: bold; margin: 0 0 5px; }
 #footer p { clear: both; margin: 10px 0 0; }
 #footer ul { list-style: none; }
 #footer li { margin: 0 0 5px; }
 #footer a { color: #000; text-decoration: none; }
  #footer a:hover { text-decoration: underline; }

#atoz { overflow: auto; }
 #atoz ul { list-style-type: none; }
 #atoz li { background-color: #eee; border: 1px solid #50ae18; display: inline; float: left; margin: 0 2px 2px 0; width: 18px; border-radius: 2px; }
 #atoz a { color: #000; display: block; height: 18px; text-align: center; }
  #atoz a:hover, #atoz a:focus { background-color: #50ae18; color: #fff; }
	
/**** Links ****/

#middlecolumn a, #middlecolumn a:visited, #middlecolumnwide a, #middlecolumnwide a:visited {
 color: #00629d; border-bottom: 1px solid #00629d;
}
	/* Classes + jQuery for IE
	#middlecolumn .emailLink, #middlecolumn .emailLink:visited, #middlecolumnwide .emailLink, #middlecolumnwide .emailLink:visited {
	 background: url("emailicon.gif") left 1px no-repeat; padding: 0 0 0 19px;
	}
	#middlecolumn .documentLink, #middlecolumn .documentLink:visited, #middlecolumnwide .documentLink, #middlecolumnwide .documentLink:visited {
	 background: url("documenticon.gif") left 2px no-repeat; padding: 0 0 0 15px;
	}
	#middlecolumn .externalLink, #middlecolumn .externalLink:visited, #middlecolumnwide .externalLink, #middlecolumnwide .externalLink:visited {
	 background: url("externalicon.gif") left 1px no-repeat; padding: 0 0 0 15px;
	} */
	/* CSS selectors
	#middlecolumn a[href^="mailto:"], #middlecolumn a[href^="mailto:"]:visited {
	 background: url("emailicon.gif") left 1px no-repeat; padding: 0 0 0 19px;
	}	
	#middlecolumn a[href$=".pdf"], #middlecolumn a[href$=".pdf"]:visited, #middlecolumn a[href$=".doc"], #middlecolumn a[href$=".doc"]:visited, #middlecolumn a[href$=".rtf"], #middlecolumn a[href$=".rtf"]:visited, #middlecolumn a[href$=".xls"], #middlecolumn a[href$=".xls"]:visited, #middlecolumn a[href$=".csv"], #middlecolumn a[href$=".csv"]:visited, #middlecolumn a[href$=".ppt"], #middlecolumn a[href$=".ppt"]:visited, #middlecolumn a[href$=".pps"], #middlecolumn a[href$=".pps"]:visited, #middlecolumn a[href$=".mov"], #middlecolumn a[href$=".mov"]:visited {
	 background: url("documenticon.gif") left 2px no-repeat; padding: 0 0 0 15px;
	}
	#middlecolumn a[href^="http://"], #middlecolumn a[href^="http://"]:visited, #middlecolumn a[href^="https://"], #middlecolumn a[href^="https://"]:visited {
	 background: url("externalicon.gif") left 1px no-repeat; padding: 0 0 0 15px;
	}
	#middlecolumn a[href^="http://www.cambridge.gov.uk/"], #middlecolumn a[href^="http://www.cambridge.gov.uk/"]:visited, #middlecolumn a[href^="http://lnr.cambridge.gov.uk/"], #middlecolumn a[href^="http://lnr.cambridge.gov.uk/"]:visited, #middlecolumn a[href^="http://www.cornex.uk/"], #middlecolumn a[href^="http://www.cornex.co.uk/"]:visited, #middlecolumn a[href^="http://www.cambridgefolkfestival.co.uk/"], #middlecolumn a[href^="http://www.cambridgefolkfestival.co.uk/"]:visited, #middlecolumn a[href^="http://www.visitcambridge.org/"], #middlecolumn a[href^="http://www.visitcambridge.org/"]:visited, #middlecolumn a[href^="http://www.distributionservicebooking.co.uk/"], #middlecolumn a[href^="http://www.distributionservicebooking.co.uk/"]:visited, #middlecolumn a[href^="http://www.cambridge-summer.co.uk/"], #middlecolumn a[href^="http://www.cambridge-summer.co.uk/"]:visited, #middlecolumn a[href^="http://www.heartoftheworld.co.uk/"], #middlecolumn a[href^="http://www.heartoftheworld.co.uk/"]:visited, #middlecolumn a[href^="https://forms.cambridge.gov.uk/"], #middlecolumn a[href^="https://forms.cambridge.gov.uk/"]:visited, #middlecolumn a[href^="http://idox.cambridge.gov.uk/"], #middlecolumn a[href^="http://idox.cambridge.gov.uk/"]:visited, #middlecolumn a[href^="http://www.surveymonkey.com/"], #middlecolumn a[href^="http://www.surveymonkey.com/"]:visited {
	 background: none; padding: 0;
	} */

a img {
 border: 0;
}

/**** Search ****/

#search {
 background: #50ae18 url(searchtop.gif) top left no-repeat; width: 200px;
}
	#search form {
	 background: url(searchbottom.gif) bottom left no-repeat; padding: 8px 0 7px;
	}
		#search form input.textfield {
		 float: left; margin: 0 8px 0 8px; width: 150px;
		}
		#search form input#go {
	     margin: 1px 0 0 0;
		}

/**** Navigation menu ****/

#menu {
 /*border: 1px solid #50ae18; font-family: arial, sans-serif; font-size: 0.9em; margin: 5px 0 0 0; width: 198px;*/
 border: 1px solid #50ae18; font-family: arial, sans-serif; margin: 5px 0 0 0; width: 198px;
}
	#menu ul {
	 list-style-type: none;
	}
		#menu ul.toplevel, #menu ul.toplevel li.home {
		 background-color: #50ae18;
		}
		#menu ul li {
		 /*background-color: #fff; padding: 0; margin: 0 0 0 7px;*/
		 background-color: #fff; padding: 0; margin: 0;
		}
			/* IE6 fix */ #menu ul li a, #menu ul li span {
			 display: inline-block;
			}
			#menu ul li.home a, #menu ul li.home a:visited, #menu ul li.home span {
			 color: #ffffff; font-weight: bold;
			}
			#menu ul li.level1 {
			 background-color: #6ebc3f;
			}
			#menu ul li.level2 {
			 background-color: #8cca67;
			}
			#menu ul li.level3 {
			 background-color: #a9d78e;
			}
			#menu ul li.level4 {
			 background-color: #c7e5b5;
			}
			#menu ul li.level5 {
			 background-color: #e5f3dd;
			}
			#menu ul li a, #menu ul li a:visited, #menu ul li span {
			 color: #222222; display: block; padding: 4px;
			}
				#menu ul li a:hover, #menu ul li a:active {
				 text-decoration: underline;
				}
			#menu ul li.current {
			 background-color: #e1f1d8; font-weight: bold;	
			}

/**** A to Z ****/

.navlinks {
 border: 1px solid #50ae18; font-family: arial, sans-serif; margin: 5px 0 10px 0; width: 198px;
}
	.navlinks ul {
	 list-style-type: none;
	}
		.navlinks ul li {
		 margin: 0 10px; padding: 5px 0;
		}
			.navlinks .top {
			 border-bottom: 1px solid #50ae18;
			}
	.navlinks a, .navlinks a:visited {
     color: #222222; display: block;
	}
		.navlinks a:hover, .navlinks a:active {
		 text-decoration: underline;
		}

/***** Box *****/

.box {
 /*font-family: arial, sans-serif; font-size: 0.9em; line-height: 1.2em; margin: 5px 0 0 0; width: 200px;*/
 font-family: arial, sans-serif; margin: 5px 0; width: 200px;
}
	.box h2 {
	 /*border: 1px solid #00629d; background-color: #00629d; color: #fff; font-family: arial, sans-serif; font-size: 1em; font-weight: bold; padding: 5px; margin: 0; border-radius: 5px 5px 0 0;*/
	 background-color: #cbe2fe; color: #000; font-family: tahoma, verdana, sans-serif; font-size: 1em; padding: 5px; margin: 0; border-radius: 5px;
	}
	.box .content {
	 /*border: 1px solid #00629d; padding: 5px 5px 0; border-radius: 0 0 5px 5px;*/
	 }
.news,
.box ul {
 list-style-type: none;
}
.box ul li,
.news li {
 background: url(../pictures/css/bluearrow.gif) left 0.4em no-repeat; margin: 6px 0; padding-left: 8px;
}
.news li a,
.box ul li a {
 font-weight: normal;
}
.box ul li a,
.box ul li a:visited {
 color: #222;
}
.box ul li a:hover,
.box ul li a:active {
 text-decoration: underline;
}

.do-it-online h2 {
 /*background: #a31013 url(../pictures/css/tickbox.gif) right top no-repeat; border: 1px solid #a31013; border-radius: 5px 5px 0 0;*/
 background-color: #a31013; border-radius: 5px; color: #fff;
}
.do-it-online ul li {
	background: url(../pictures/css/redarrow.gif) left 0.4em no-repeat;
}
.do-it-online .content {
 ?8border: 1px solid #a31013;*/
}

#content ul {
 list-style-position: outside; list-style-type: none;
}
	#content ul li {
	 background: url(../pictures/css/blackarrow.gif) left 0.4em no-repeat; margin: 0 0 10px 0; padding-left: 12px;
	}
		#content ul li h4 {
		 font-family: verdana, sans-serif; font-size: 1em;
		}
		#content ul li ul {
		 margin: 10px 0 0 13px;
		}
			#content ul li ul li {
			 background: url(../pictures/css/blackarrowoutline.gif) left 0.4em no-repeat;
			}
				#content ul li ul li:last-child {
				 margin: 0;
				}
				#content ul li ul li h5 {
				 font-family: verdana, sans-serif; font-size: 1em;
				}

#content ol {
 list-style-position: outside; margin: 0 0 10px 20px; padding: 0 0 0 10px;
}
	#content ol li {
	 margin: 0 0 5px 0; padding: 0;
	}

dl {
}
	dl dt {
	 clear: left; float: left; font-weight: bold; margin: 0 0 10px;
	}
	dl dd {
	 float: left; margin: 0 0 10px 10px;
	}

.leftColumn {
 float: left; margin: 0 10px 0 0; width: 265px;
}
.rightColumn {
 float: left; width: 265px;
}
	
blockquote {
 margin: 0 50px 10px 30px;
}
			
.textborder {
 border: 2px solid #cbe2fe; clear: both; margin: 0 0 10px 0; padding: 0;
}
	.textborder h2, .textborder h3 {
	 background-color: #cbe2fe; padding: 5px 10px 10px 5px;
	}
	.textborder p {
	 padding: 0 10px;
	}
	.textborder ul {
	 margin: 0 0 0 10px;
	}
	.homepage {
	 margin: 20px 5px 10px;
	}

.highlight-265 {
 background-color: rgb(203, 226, 254); float: right; margin: 0px 0px 10px 10px; padding-right: 10px; padding-left: 10px; width: 245px;
}
	.highlight-265 h2 {
	 margin-top: 10px;
	}

#middlecolumn .highlight {
 border: 5px solid rgb(203, 226, 254); float: right; margin: 0px 0px 10px 10px; width: 255px;
}
	#middlecolumn .highlight h2 {
	 background-color: rgb(203, 226, 254); font-family: tahoma, sans-serif; font-size: 1.3em; margin: 0px; padding: 5px 5px 10px 10px;
	}
	#middlecolumn .highlight p {
	 margin: 0px; padding: 10px;
	}
	#middlecolumn .highlight ul {
	 margin: 0px; padding: 10px 10px 0 10px;
	}

.video {
 float: right; margin: 0 0 10px 10px; width: 265px;
}

table {
 border: 1px solid #00629d; clear: both; margin: 0 0 10px 0; width: 100%;
}
	table thead, table tfoot {
	 background-color: #00629d;
	}
		table thead tr th, table tfoot tr th {
		 color: #fff; padding: 5px; text-align: left; vertical-align: top;
		}
	table tbody tr.stripe {
	 background-color: #e9e9e9;
	}
	table tbody tr th {
	 border-bottom: 1px solid #e3e3e3; font-weight: normal; padding: 5px; text-align: left; vertical-align: top;
	}
	table tbody tr td {
	 border-bottom: 1px solid #e3e3e3; padding: 5px; text-align: left; vertical-align: top;
	}
	table.stripe tbody tr.odd {
	 background-color: #e9e9e9;
	}

#middlecolumn table img {
 float: none; margin: 0;
}
table.electionresults tbody tr th {
 font-weight: normal; width: 350px;
}
	table.electionresults tbody tr.elected th, table.electionresults tbody tr.elected td {
	 font-weight: bold;
	}
table th.bold, table td.bold {
 font-weight: bold;
}
		
/* Misc */

.clear {
 clear: both;
}
.clearLeft{
 clear: left;
}
			
.features img {
 margin: 0;
}

#middlecolumn img {
 float: right; margin: 0px 0px 10px 10px;
}

.box ul li, .news li {
 background-position: left 3px;
}

#topstrip a, #leftcolumn a, #footer a, #rightcolumn a {
 background: none; border: 0;
}

/**** Multi-part article ****/

.mpasections {
	padding-bottom: 1em;
	border-bottom: 1px solid #00629d;
	margin: 10px 0;
}

/**** Page-specific css ****/

table.nominatedcandidates {
 border-bottom: 0;
}
table.nominatedcandidates tbody tr td, table.nominatedcandidates tbody tr th {
 border-bottom: 1px solid #00629d;
}
table.nominatedcandidates tbody tr td img {
 margin: 0;
}

.linebreak {
  border-top: 2px solid #cbe2fe; clear: both; padding-top: 10px;
}

/****** ******/

fieldset {
 border: 0;
}
	fieldset legend {
	 display: none;
	}
			
/* -------------------------------------------------- */
/* Homepage admin */

.portalAdmin {
 background-color: #eee8aa; border: 1px solid #cdbe70; clear: both; margin: 0 0 10px 0; padding: 5px;
}
	.portalAdmin a, #middlecolumn .portalAdmin a, .portalAdmin a:visited, #middlecolumn .portalAdmin a:visited {
	 color: #222222;
	}
		.portalAdmin a img, #middlecolumn .portalAdmin a img {
		 border: 0; margin: 0 1px; padding: 0;
		}
		.portalAdmin a:hover, #middlecolumn .portalAdmin a:hover, .portalAdmin a:active, #middlecolumn .portalAdmin a:active {
		 border-bottom: 1px solid #222;
		}
	.portalAdmin table {
	 border: 0;
	}
#leftcolumn .portalAdmin {
 margin: 10px 0; width: 188px;
}

/******************************************************************************************************************/

/* Two-column content */

#content div.lefthandcolumn {
 float: left; margin-right: 10px; width: 265px;
}
	#content div.lefthandcolumn img {
	 margin: 0 0 10px 0;
	}
#content div.righthandcolumn {
 float: left; width: 265px;
}
	#content div.righthandcolumn img {
	 margin: 0 0 10px 0;
	}
.two-columns {
 column-count: 2; column-gap: 10px; column-width: 265px;
}

/* -------------------------------------------------- */
/* Two-column lists */

#content ul.contact li {
 background: url(../pictures/css/redarrow.gif) left 0.4em no-repeat;
}
#content ul li.twocolumnleft {
	 float: left; margin: 0 10px 0 0; width: 253px;
	}
#content ul li.twocolumnright {
	 float: left; margin: 0; width: 253px;
	}

/* -------------------------------------------------- */
/* Highlight box (light-blue heading and border) */
.textborder {
 border: 2px solid #cbe2fe; clear: both; margin: 20px 0 10px 0; padding: 0;
}
	.textborder h2, .textborder h3 {
	 background-color: #cbe2fe; margin: 0 0 10px 0; padding: 5px 10px 10px 5px;
	}
	.textborder p {
	 padding: 0 10px;
	}

/* -------------------------------------------------- */
/* Widget (light-blue box) */
	
.widget {
 background-color: #cbe2fe; float: right; margin: 0 0 10px 10px; padding: 10px; width: 245px;
}
	.widget h2 {
	 font-size: 1.2em; margin: 0 0 10px 0;
	}
	.widget form {
	 margin: 0px; padding: 0px;
	}
		.widget form label {
		 margin: 0 0 10px 0;
		}
		.widget form input {
		 margin: 5px 5px 0px 0px; padding: 1px; width: 185px;
		}
			.widget form input.form_submit {
			 background-color: #00629d; color: #fff; font-weight: bold; margin: 0px; width: 40px;
			}

/* -------------------------------------------------- */
/* Photo caption */

#middlecolumn .photocredit, #middlecolumn .photoInfo {
 float: right; margin: 0 0 0 10px; width: 265px;
}
	#middlecolumn .photocredit img, #middlecolumn .photoInfo img {
	 float: none; margin: 0;
	}
	#middlecolumn .photocredit p, #middlecolumn .photoInfo p {
	 color: #888;
	}

/* -------------------------------------------------- */
/* Google maps */

#gmap {
 border: 1px solid #bbb; clear: both; height: 538px; margin: 0 0 10px 0; width: 538px;
}
	#gmap img {
	 float: none;
	}
	#gmap ul li {
	 margin: 0 0 5px 0; padding: 0;
	}
	#gmap table {
	 border: 0;
	}
	#gmap div.gmnoprint a {
	 background: none; border: 0; padding: 0;
	}
		#gmap .gmnoprint a:hover, #gmap .gmnoprint a:active {
		 border: 0;
		}
		
#gmap .info ul li {
 margin: 0 0 5px 0; padding: 0 0 0 12px;
}

#key {
 float: left; width: 265px;
}
	#key h2 {
	 margin: 0 0 10px 0;
	}
	
#markers {
 float: left; margin: 0 10px 10px 0; width: 265px;
}
	#markers h2 {
	 margin: 0 0 10px 0;
	}
	#markers ul {
	 border: 1px solid #bbb; height: 173px; margin: 0px; overflow: auto; padding: 0px 2px 0px 2px;
	}
	#markers ul li {
	 background: none; background-color: #eee; border: 1px solid #dddddd; font-family: arial, sans-serif; font-size: 0.9em; list-style-position: outside; list-style-type: none; margin: 2px 0px 2px 0px; padding: 0;
	}
		#markers ul li a,
		#markers ul li a:visited {
		 border: 0; color: #000000; display: block; padding: 3px 3px 3px 3px;
		}
			#markers ul li a:hover {
			 background-color: #cbe2fe; border: 0; color: #000;
			}
			
#noscript {
 border: 1px solid #50ae18; clear: both; padding: 10px; margin-top: 10px;
}

table.key {
 clear: none; width: 265px;
}

/* -------------------------------------------------- */
/* Google maps (old style) */
/* Sports facilities map */

#mapwrapper {
  height: 500px; margin: 0 0 0px 0; width: 750px;
}
#map {
 border: 1px solid #bbb; float: left; height: 498px; margin: 0 10px 10px 0; width: 538px;
}
	#map img {
	 float: none;
	}
	#map ul li {
	 margin: 0 0 5px 0; padding: 0;
	}
	#map table {
	 border: 0;
	}
	#map div.gmnoprint a {
	 background: none; border: 0; padding: 0;
	}
		#map .gmnoprint a:hover, #map .gmnoprint a:active {
		 border: 0;
		}
	
#sidebar {
 float: left; height: 500px; margin: 0 0 10px 0; overflow: auto; width: 200px;
}
	#sidebar ul {
	 border: 1px solid #bbb; margin: 0px; padding: 0px 2px;
	}
	#sidebar ul li {
	 background: none; background-color: #eee; border: 1px solid #ddd; font-family: arial, sans-serif; font-size: 0.9em; list-style-position: outside; list-style-type: none; margin: 2px 0px;
	}
		#sidebar ul li a, #sidebar ul li a:visited {
		 border: 0; color: #000; display: block; padding: 3px;
		}
			#sidebar ul li a:hover {
			 background-color: #cbe2fe; border: 0; color: #000;
			}

/******************************************************************************************************************/
/* Features next to main image on index pages */

#middlecolumn .\31colfeaturewrap { /* NB \3 excapes the digit at start of CSS class */
 width: 265px;
}
	#middlecolumn .feature {
	 font-size: 0.9em; line-height: 1.3em; margin: 0 10px 0 0; min-height: 70px; width: 265px;
	}
		#middlecolumn .bottom {
		 clear: left;
		}
		#middlecolumn .feature a, #middlecolumn .feature a:visited {
		 border: 0;
		}
			#middlecolumn .feature a:hover, #middlecolumn .feature a:active {
			 border-bottom: 1px solid #00629d;
			}
		#middlecolumn .feature h2 {
		 clear: none; font-family: tahoma, sans-serif; font-weight: bold; font-size: 1.1em; margin: 0 0 3px 0;
		}
			#middlecolumn .feature h2 a, #middlecolumn .feature h2 a:visited {
			 border: 0; color: #222222;
			}
				#middlecolumn .feature h2 a:hover, #middlecolumn .feature h2 a:active {
				 border-bottom: 1px solid #00629d; color: #222;
				}
		#middlecolumn .feature p {
		 line-height: 1.3em; margin: 0 0 10px 80px;
		}
		#middlecolumn .feature img {
		 float: left; height: 70px; margin: 0 10px 10px 0; width: 70px;
		}

/* -------------------------------------------------- */
/* Other features on index pages */

#middlecolumn .\32colfeaturewrap { /* NB \3 excapes the digit at start of CSS class */
 clear: both; margin: 0 0 10px 0; min-height: 70px; width: 540px;
}
	#middlecolumn .featureleft {
	 float: left; font-size: 0.9em; min-height: 80px; line-height: 1.3em; margin: 0 10px 0 0; width: 265px;
	}
	#middlecolumn .featureright {
	 float: left; font-size: 0.9em; line-height: 1.3em; min-height: 80px; width: 265px;
	}
		#middlecolumn .featureleft a, #middlecolumn .featureleft a:visited, #middlecolumn .featureright a, #middlecolumn .featureright a:visited {
		 border: 0;
		}
			#middlecolumn .featureleft a:hover, #middlecolumn .featureleft a:active, #middlecolumn .featureright a:hover, #middlecolumn .featureright a:active {
			 border-bottom: 1px solid #00629d;
			}
		#middlecolumn .featureleft h2, #middlecolumn .featureright h2, #middlecolumn .featureleft h3, #middlecolumn .featureright h3 {
		 clear: none; font-family: tahoma, sans-serif; font-weight: bold; font-size: 1.1em; margin: 0 0 3px 0;
		}
			#middlecolumn .featureleft h2 a, #middlecolumn .featureleft h2 a:visited, #middlecolumn .featureright h2 a, #middlecolumn .featureright h2 a:visited, #middlecolumn .featureleft h3 a, #middlecolumn .featureleft h3 a:visited, #middlecolumn .featureright h3 a, #middlecolumn .featureright h3 a:visited {
			 border: 0; color: #222;
			}
			#middlecolumn .featureleft h2 a:hover, #middlecolumn .featureleft h2 a:active, #middlecolumn .featureright h2 a:hover, #middlecolumn .featureright h2 a:active, #middlecolumn .featureleft h3 a:hover, #middlecolumn .featureleft h3 a:active, #middlecolumn .featureright h3 a:hover, #middlecolumn .featureright h3 a:active {
			 border-bottom: 1px solid #00629d; color: #222;
			}
		#middlecolumn .featureleft img, #middlecolumn .featureright img {
		 float: left; margin: 0 10px 10px 0; width: 70px;
		}
		#middlecolumn .featureleft p, #middlecolumn .featureright p {
		 float: right; line-height: 1.3em; margin: 0; padding: 0 0 10px 0; width: 185px;
		}
		
.featurewrapper {
 margin: 10px 0 0;
}

/* -------------------------------------------------- */
/* Main homepage feature */

#mainfeature {
 margin: 10px 0; width: 540px; font-family: verdana, sans-serif;
}
	#mainfeature h2 {
	 font-family: tahoma, verdana, sans-serif; font-size: 1.6em; font-weight: normal;  margin: 0 0 10px 0; padding: 0;
	}
		#mainfeature h2 a, #mainfeature h2 a:visited, #mainfeature h2 a:hover, #mainfeature h2 a:active {
		 border: 0; color: #222;
		}
	#mainfeature img {
	float: left; margin: 0 10px 10px 0;
	}
	#mainfeature p {
	 float: right; margin: 0; padding: 0 0 10px 0; width: 265px;
	}

/* -------------------------------------------------- */
/* 'Featured content' on homepage */
		
.featuredContentWrapper {
 border-top: 2px solid #00629d; clear: both; margin: 10px 0 0; padding: 10px 0 0;
}

/**************************************************/
/* Hide/show content w/ jQuery */

.show {
 background: url(show.gif) left center no-repeat; padding: 0 0 0 25px;
}
.hide {
 background: url(hide.gif) left center no-repeat; padding: 0 0 0 25px;
}

/**************************************************/
/* Tabs */

#tabs {
 clear: both; overflow: auto;
}
#tabs ul.tabLinks {
 clear: both; display: none; font-family: tahoma, sans-serif; list-style-position: outside; list-style-type: none; margin: 0; overflow: auto; padding: 0 0 0 12px; z-index: 100;
}
	#tabs ul.tabLinks li {
	 background: none; float: left; margin: 0; padding: 0;
	}
		#tabs ul.tabLinks li a {
		 background-color: #ddd; border: 2px solid #00629d; display: block; font-weight: bold; margin: 0 10px 0 0; outline: 0; padding: 5px 10px; text-decoration: none; border-radius: 5px 5px 0 0;
		}
			#tabs ul.tabLinks li a:hover {
			 color: #000;
			}
			#tabs ul.tabLinks li a.active {
			 background-color: #fff; border-bottom: 2px solid #fff; color: #000;
			}
#tabs div {
 border: 2px solid #00629d; clear: both; font-family: verdana, sans-serif; margin: -2px 0 10px; padding: 10px 10px 5px; overflow: auto; border-radius: 5px; 
}
	#tabs div ul {
	 float: none; list-style-type: none; margin: 0; padding: 0;
	}
		#tabs div ul li {
		 background: url(../pictures/css/blackarrow.gif) left 0.4em no-repeat; margin: 0 0 5px; padding: 0 0 0 8px;
		}
			#middlecolumn #tabs div ul li a {
			 border: 0;
			}
				#middlecolumn #tabs div ul li a:hover {
				border-bottom: 1px solid #00629d;
				}
#twitter a[href^="http://"],#twitter a[href^="http://"]:visited {
 background: none; padding: 0;
}
	
/**************************************************/
/* List of logos (eg fireworks page) */

.logos {
 list-style-type: none;
}
#content .logos li {
 border: 1px solid #ddd; float: left; background: none; margin: 0 15px 10px 0; padding: 9px; width: 150px;
}
	#content .logos li.left {
	 clear: both;
	}
	#content .logos li.right {
	 margin: 0 0 10px;
	}
	#middlecolumn .logos li a, #middlecolumn .logos li a[href^="http://"], #middlecolumn .logos li a[href^="http://"]:visited {
	 background: none; padding: 0;
	}
	#middlecolumn .logos li img {
	 margin: 0; width: 150px;
	}

/**************************************************/
/* Links (homepage RH column) */

#links {
 font-weight: bold; list-style-type: none; width: 200px;
}
	#links a {
	 border-color: #00629d; border-width: 2px; border-style: solid; border-radius: 5px; color: #00629d; display: block; margin: 5px 0 0; padding: 5px 5px 5px 25px; -webkit-border-radius: 5px; width: 166px
	}
		#links a:hover {
		 background-color: #c0d8e7;
		}
		#links .online-services a {
		 background: url(tick-16.gif) 5px 50% no-repeat; border-color: #a31013; color: #a31013;
		}
			#links .online-services a:hover {
			 background-color: #e8c4c5;
			}
		#links .twitter a {
		 background: url(twitter-16.gif) 5px 50% no-repeat;
		}
			#links .twitter a:hover {
			 background-color: #c0d8e7;
			}
		#links .facebook a {
		 background: url(facebook-16.gif) 5px 5px no-repeat;
		}
			#links .facebook a:hover {
			 background-color: #c0d8e7;
			}
		#links .wordpress a {
		 background: url(wordpress-16.gif) 5px 50% no-repeat;
		}
			#links .wordpress a:hover {
			 background-color: #c0d8e7;
			}
		#links .council a {
		 background: url(favicon-16.gif) 5px 50% no-repeat;
		}
			#links .council a:hover {
			 background-color: #c0d8e7;
			}

/**************************************************/
/*Transport Direct widgets */

.transport-direct {
 background-color: #cbe2fe; float: right; margin: 0 0 10px 10px; padding: 10px; width: 245px;
}
	.transport-direct h2 {
	 margin: 0 0 10px;
	}
	.transport-direct label {
	 float: left; margin: 0 5px 5px 0; text-align: right; width: 120px;
	}
	.transport-direct input {
	 float: left; margin: 0 0 5px 0; width: 116px;
	}
	#btnSubmit {
	 margin: 0 60px; width: 125px;
	}
