/* CSS Document */
/*****************************************************************?/
THIS IS THE MAIN STYLESHEET FOR THE WEBSITE. IT CONTAINS ALL OF THE
STYLES FOR SCREEN.

THERE ARE 2 OTHER STYLESHEETS INCLUDED ON EACH PAGE: 
print.css - to display the content of the page on the paper
editors.css - it contains just the text formating styles for Contribute editors
/////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////


/*Reset browser styles from Y! UI*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
/* Resets all browser settings*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}/*table{border-collapse:collapse;border-spacing:0;}*/fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*layout styles*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	min-width: 200px; /* LC full + CC padding */
	position:relative;
	background-color:#FFFFFF;
}
#wrap {
	float:left;
	width:100%;
	background-color:#FFFFFF;
}
#navigation {
	float:left;
	width:180px;
	margin-left:-100%;
	background-image: url(/images/bgmain.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	padding-top: 1em;
	background-color:#FFFFFF;
}
#content {
	margin: 0 170px 0 180px;
	background-image: url(/images/blue_reverse_corner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 10px;
	background-color:#FFFFFF;
}
* html #content { /* IE 6 content size */
	height: 550px;
}
* html body.buildingcontrol #content { /* IE 6 content size */
	height: 1500px;
}
div#contextual {
	float:left;
	width:170px;
	margin-left:-170px;
	margin-top: 1.5em;
	line-height:1.1;
	background-color:#FFFFFF;
}
#footer {
	clear: both;
	background-color: #ffffff;
	font-size: 0.85em;
	text-align: center;
	padding-top: .8em;
	margin-top: 2em;
	margin-bottom: 2em;
}

/**************************** top horizontal navigation **********************************************/
ul#topnav {
	top: 0;
	right: 0;
	padding-right: .7em;
	float:right;
	position: absolute;
	z-index:3;
	line-height: 1.2em;
	background-color: #ffffff;
}
ul#topnav li a{
	text-decoration:none;
	color:#333333;
}
ul#topnav li{
	display: inline;
	list-style-type: none;
	color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	padding: 0 0.5em 0 0.2em;
	font-size: 0.85em;
}

/****************** Header logo and top image ******************************/
div#header h1 {
	text-indent: -5000px;
	background-image: url(../images/logo_curve2.gif);
	height: 82px;
	width: 265px;
	font-size:100%;
	font-weight:normal;
	padding: 0;
}
div#header h1 a{
display:block;
position:absolute;
top: 0;
left: 0;
height: 82px;
width: 265px;
}
div#header h2 {
	text-indent: -5000px;
	background-image: url(../images/logo_curve2.gif);
	height: 82px;
	width: 265px;
	font-size:100%;
	font-weight:normal;
	padding: 0;
}
div#header h2 a{
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	height: 82px;
	width: 265px;
}

/* selects a different photo-montage on the top of the page according to section/template */
.services #header, .general #header, .council #header, #header{
	background-image: url(/images/toptowncentre.jpg);
	background-repeat: no-repeat;
	background-position: 140px 0px;
}
.festival #header, .leisure #header {
	background-image: url(/images/festivalbanner.jpg);
	background-repeat: no-repeat;
	background-position: 140px 0px;
}
.projects #header {	
	background-image: url(/images/topprincespark.jpg);
	background-repeat: no-repeat;
	background-position: 140px 0px;
}

/******************** Right side text box on green - search box****************************/
#search {
	float:right;
	width:320px;
	font-size:.8em;
	margin: 0;
	text-align:right;
	background-image: url(/images/right_curve1.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 1em;
	right: 0px;
	background-position: left;
	padding: 1em 2em 0 0;
	height: 66px;
    margin-top:22px;
}
.hide {
	display:none;
}
#search a {
	padding-right: 40px;
	text-decoration:none;
	color:#000000;
}
#search a:hover {
	text-decoration:underline;
}
#search input {
	margin-top: .6em;
}
#search #submit {
	padding: .1em .2em;
	font-size: .85em;
}

/********************** green horizontal line 4px height **********************/
#green{
	background-color: #99cf16;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: relative;
	height: 4px;
	font-size: 0.1em;
	line-height: 0.1em;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0px;
}

/******************* Left column main navigation *****************************/
#navigation img {
	margin: 0 auto;
	padding: 20px 15px; 
	border: 0;
	background-image: url(/images/bottom_corner.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	display: block;
}
ul#main {
	margin-top: 13px;
}
#main li {
	position:relative;	/*for IE6 peek a boo */
	background-color: #34b3d1;
}
#main a:link, #main a:visited, #main a:hover {
	display: block;
	padding: 0.4em 0 0.4em 1.0em;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}
#main a:hover {
	background-color: #99cf16;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#main li {
	border-bottom: 1px dashed #34b3d1;
}

/* fix for browsers that don't need the hack */
html>body #main li {
	border-bottom: none;
}

/***************** Left column secondary navigation *******************************/
#main .secondary {
	display:none;
	margin-right: 5px;
}
#main .secondary li{
	position:relative;	/*for IE6 peek a boo */
	font-size: .85em;
	font-weight:bold;
	/*line-height:1.6em;*/
	text-align:center;
}
#main .secondary li a, 
#main .secondary li a:visited, 
#main .secondary li a:hover, 
#main .secondary li a:active {	
	color: #ffffff;
	text-decoration: none;
	background-color: #3399cc;
	padding: 0.15em 0 0.15em 1em;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	/*line-height:1.2em;*/
	text-align:left;
}
#main .secondary li a:hover {
	background: #99cf16;
}
#political, #counciladmin {
	padding: 2px 0;
	background-color: #34b3d1;
}

/********************* Left column drop down do online menus ***************************/
#doonline select{
	width:130px;
}
ul#main li#doonline a, 
ul#main li#doonline a:visited,
ul#main li#doonline a:hover,  
ul#main li#doonline a:active {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #34b3d1;
	background-color: #34b3d1;
}
label.doit {
	display:block;
	font-size: .85em;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0.2em 0 0 1em;
}
label.doit a, label.doit a:hover, label.doit a:visited{
	font-size:90%;
	text-decoration:none;
	display: inline;
	border: none;
	background-color: #34b3d1;
}
#select1, #select2, #select3, #select4{
	font-size: 0.85em;
	margin-left: 1em;
}

/********************************* Top A to Z list ******************************************/
ul#azlist {
	padding-left: 0.4em;
	padding-top: 0.4em;
	padding-bottom: 0.3em;
	font-size: .85em;
	color:#ffffff;
	background-color: #34b3d1;
}
ul#azlist li {
	display:inline;
	border-left:1px solid #ffffff;
	background-color: #34b3d1;
}
ul#azlist li a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding:0 0.4em 0 0.5em;
	background-color: #34b3d1;
}
ul#azlist li a:visited {
	color: #ffffff;
}

/************************** Style for elements of a page that will not be printed - not sure if this really does anything, you need to check********************************/
#noprint2, .noprint1 {
	display:none;
}

/********************** Footer styles************************************/
#footer ul li a{
	border-right:1px solid #333333;
	padding: 0px 6px 0px 3px;
}
#footer ul {
	border-top: 1px dotted #34b3d1;
	width:90%;
	margin: .5em auto;
	padding-top: .5em;
}
#footer ul li {
	display:inline;
}

/************** Sets border 0 for any image that appears in the right column ***************/
#contextual img {
	border: 0;
}

/************** Right-column contextual navigation - top do it online blue box **************/
#online {
	padding: 1.2em 0.2em 0.5em .6em;
	font-weight: bold;
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ffffff;
	font-size: .95em;
	min-height: 12px;
	background-image: url(/images/blue_corner2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #3399d1;
}
#online a, #online a:visited{
	color: #ffffff;
	text-decoration:none;
}
#online li a:hover {
	text-decoration:underline;
}
#online ul li {
	background-image: url(/images/idrc.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
	margin: .15em 0;
	font-size: 0.9em;
	font-weight: normal;
}
#online ul {
	margin-left: .1em;
}
#online select {
	font-size: .9em;
	margin: 0 0 0 20px;
}
#online h2 a:hover {
	text-decoration:underline;
}

/************** Right-column contextual navigation - Resources green boxes: forms, docs, links **************/
.resources{
	color: #000000;
	padding: 0.6em 0.3em 0.5em .6em;
	background-color:#99cf16;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ffffff;
	font-size: .95em;
	line-height: 1.1em;
}
.resources ul li{
	font-size: .9em;
	margin-top:.15em;
	background-image: url(/images/idrc_g.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
}
.resources a, .resources a:visited{
	color: #000000;
	text-decoration:none;
}
.resources a:hover{
	text-decoration:underline;
}
.resources ul {
	font-weight: normal;
	margin-left: .1em;
	color: #000000;
}

/* *************** Controls GovDelivery info and form look ******************** */
.resources p {
	color: #000000;
	padding: 0.6em 0.3em 0.5em .6em;
	background-color:#99cf16;
	font-weight:normal;
	font-size: .9em;
	line-height: 1.1em;
}

.resources label {
	color: #000000;
	padding: 0.6em 0.3em 0.5em .6em;
	background-color:#99cf16;
	font-weight:bold;
	font-size: .9em;
	line-height: 1.1em;
}

/************** Right-column contextual navigation - contact **************/
#contact{
	color: #ffffff;
	padding: 0.6em 0em 1.2em .6em;
	font-weight:bold;
	font-size: .95em;
	background-image: url(/images/blue_corner3.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #3399d1;
	height:6em;
}
#contact a, #contact a:visited{
	text-decoration: none;
	color:#ffffff;
}
#contact a:hover {
	text-decoration:underline;
}
#contact ul li {
	color: #000000;
	background-image: url(/images/idrc.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
	margin: 0.15em;
}
#contact ul {
	font-size:.9em;
	margin-left:0.1em;
}

/*********** H1, H2, H3 on the right column, added here to be picked up by Moderngov ***********/
#contextual h2 {
	font-weight: bold;
	font-size:100%;
	color:#000000;
}
#online h2, #contact h2 {
	color: #ffffff;
}

/************************ Main content styles for lists and links, p ****************************************/
div#content h1 {
    text-transform:capitalize;
}
div#content h2 {
    margin-bottom: 0.5em;
    text-transform:capitalize;
}
div#content h3 {
    margin-bottom: 0.5em;
    text-transform:capitalize;
}
div#content ul {
	margin-bottom:1em;
}
div#content ul li {
	margin-left: 1em;
	margin-bottom: .1em;
	margin-top: .1em;
	background-image:url(../images/idlist.gif);
	background-position: left top;
	background-repeat:no-repeat;
	padding-left: 18px; 
}
div#content a {
	color: #006699;
	background-color: #ffffff;
}
div#content ul li a {
	font-weight:bold;
	text-decoration: none;
}
div#content ul li a:hover {
	text-decoration:underline;
}
div#content p {
	margin-bottom:1em;
}

/***************newsdate - for news, not sure if still active ******************/
#newsdate{
	font-weight:bold;
	padding-bottom:1em;
	padding-top:0.5em;
	padding-left:2em;
}

/*********** Advanced styles for showing pdf icon and external icon and striping tables********************/
/**
a[href$=".pdf"] {
	background:url(/images/pdf.gif) no-repeat right bottom;
	padding-right: 14px;
}
**/
a[href^="http:"] {
	background: url(/images/external.gif) no-repeat right top;
	padding-right: 12px;
}
a[href^="http://www.dartford.gov.uk"], 
a[href^="http://idoxdmz.dartford.gov.uk"], 
a[href^="http://committeedmz.dartford.gov.uk"], 
a[href^="http://search.dartford.gov.uk"], 
a[href^="http://www.dartford.gov.uk"], 
a[href^="http://www.dartford.gov.uk/choice"], 
a[href^="http://www.direct.gov.uk"]{
	background-image:none;
	padding-right: 0;
}
tr.odd td {
  color: #000000;
  background-color: #f2f2f2;
}
.pdfFile img{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 2px;
	display: inline;
}

/*********CAPITA SCRIPTS - there were several changes since I've done them, they might not be called by any page - please check********************/
#horiznavbar{
	background-color:#34b3d1;
	text-align:center;
	height:30px;
}
ul.horiznavlist{
	color: #FFFFFF;
	background-color: #34b3d1;
	list-style-image: none;
	list-style-type: none;
	text-align: justify;
	margin:auto;
}
ul.horiznavlist li {
	list-style-image: none;
	list-style-type: none;
	background-color: #34b3d1;
	color:#FFFFFF;
	display:inline;
}
ul.horiznavlist li a{
	text-decoration:none;
	background-color: #34b3d1;
	color:#FFFFFF;
	display:inline;
}
html>body#intranet {
	background-color:#ffffff;
}

/***********WORDPRESS SCRIPTS - for news ******************/
#s {
	font-size: 85%;
	width: 75px;
	margin-top: 7px;
}
#searchsubmit {
	font-size: 85%;
}

/************* Form styles in main area - content - for simple forms, such as competitions ******************/
#form1 {
	margin: 2px;
}
#form1 input, #form1 textarea {
	margin: 2px 1px 4px 2px;
	display:block;
}
#form1 label {
	margin-left:5px;
	display:inline;
	clear:none;
}
div#content fieldset{
	margin-left: 2px;
	padding-left: 0px;
}
td.mgMainTxt a {
	font-weight:bold;
}
h2 small {
	font-size:70%;
	font-weight: normal;
}
.entry a{
	font-weight:bold;
}
.entry img {
	float:right;
	border: 0;
	margin: 3px;
}
.entry blockquote {
	background-color:#e2e2e2;
	padding: 5px 10px;
	margin: 0 15px;
	border-left: #c9c9c9 7px solid;
}

/************ Default tables - tables need border = 0 and cellpadding =2 and cellspacing = 1 ********/
#content table {
	height: auto;
	width: 95%;
	background-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	border: 0px;
	margin-top: 1em;
}
#content tr
{
	background-color: #FFFFFF;
}
#content td {
	padding: 2px;
	text-align: left;
	vertical-align: top;
}
/* Breaks in CB
#content th {
	text-align: center;
	font-weight:bold;
	line-height: 1.5;
	background-color: #3399cc;
	color: #ffffff;
}
*/
#content th {
	text-align: center;
	font-weight:bold;
	line-height: 1.5;
	background-color: #34b3d1;
	color: #000000;
}

/*************** default images display inline *****************/
img {
	display:inline;
}

/******************** Showing subsections corresponding to main sections - class added in the body tag ****************************/

.services #services .secondary, 
.council #council .secondary, 
.projects #projects .secondary,
.projects1 #projects .secondary,
.leisure #leisure .secondary {
	display:block;
}

/************* Active section  - class inside the body tag ***********/
.services #services,
.council #council,
.projects #projects,
.projects1 #projects,
.leisure #leisure {
	background-color:#99cf16;
	border-bottom: 1px dashed #99cf16;
}
.services #services a, 
.council #council a,
.projects #projects a,
.projects1 #projects,
.leisure #leisure a {
	background-color:#99cf16;
}

/***************** Active subsections - matching class -- id -- class ************************/
.business #services a#business, /******************** Services **********/
.animals #services a#animals,
.benefits #services a#benefits,
.building #services a#building,
.counciltax #services a#counciltax,
.education #services a#education,
.elections #services a#electoral,
.housing #services a#housing,
.homeseeker #services a#housing,
.planning #services a#planning,
.planningpolicy #services a#planning,
.pollution #services a#pollution,
.refuse #services a#refuse, 
.roads #services a#roads,
.social #services a#social, 
.ebbsfleetvalley #projects a#ebbsfleetvalley, /******************** Projects  **********/
.judo #projects a#judo,
.fastrack #projects a#fastrack,
.ebbsfleet #projects a#ebbsfleet,
.ingress #projects a#ingress,
.thebridge #projects a#thebridge,
.towncentre #projects a#towncentre, 
.aboutus #council a#aboutus,  /******************** Council **********/
.cabinet #council a#cabinet,
.mayor #council a#mayor,
.performance #council a#performance,
.modcalendar #council a#calendar,
.management #council a#management, 
.dartford #leisure a#dartford, /******************** Leisure **********/
.maps #leisure a#maps,
.organisations #leisure a#organisations,
.life #leisure a#life,
.events #leisure a#events,
.festival #leisure a#events,
.entertainment #leisure a#entertainment,
.parks #leisure a#parks,
.sport #leisure a#sport,
.transport #leisure a#transport,
.tourism #leisure a#tourism
{
	background-color: #99cf16;
	color: #000000;
}

/************Two Column - templates - contextual right-column not present *****************/
.projects #content,
.search #content,
.general #content,
.air #content,
.festival #content,
.organisations #content,
.homeseeker #content,
.parks #content { 
	margin: 0 10px 0 180px;
}
.projects #contextual,
.general #contextual,
.air #contextual,
.festival #contextual,
.modcalendar #contextual,
.organisations #contextual,
.search #contextual,
.parks #contextual {
	display: none;
}
.projects1 #content {
	margin: 0 205px 0 180px;
}

/************* Main A to Z list page *********************/
div#content ul#azmainlist li {
	display:inline;
	font-size:200%;
	list-style-image: none;
	background-image: none;
	padding: 0;
	margin: 0;
}
#azmainlist li a {
	border: 1px solid #CCCCCC;
	padding-right: 0.5em;
	padding-left: 0.5em;
	line-height:200%;
	background-color: #eeeeee;
}

/************ Backlinks to section landing page - at the bottom of content ******/
ul#backlink {
	border-top: 1px dotted #34b3d1;
	margin-top: 2em;
	width: 70%;
}

/*************** Links in headings - content area ******************/
#content h1 a, #content h2 a {
    text-decoration: none;
    text-transform:capitalize;
}
#content h2 a:hover {
    text-decoration:underline;
    text-transform:capitalize;
}

/*************** Housing stuff  - live help ********************/
#livehelp {
	width:160px;
	padding:3px;
	margin: 0 3px 3px 0;
	font-size:.85em;
	font-weight:bold;
	text-align:center;
}
#livehelp a {
	text-decoration:none;
	color:#333333;
}
#livehelp img {
	margin: 3px 0;
	border: 1px dotted #CCCCCC;
}

/****************************************************/
/************* ModGov list of councillors ************/
div#content div.mgThumbsList ul li {
	float: left;
	background-image:none;
	margin: 0;
	height: 250px;
	width: 220px;
}
div#content div.mgThumbsList ul {
	clear:both;
}

/**********Councillors search results**************/
h2.mgSectionTitle {
	float: none;
	display: block;
	clear: both;
}
div.mgHelpLine {
	clear:both;
}

/************** New Community Connects styles (/organisations)****************/
.organisations #content img {
	margin-left: 6em;
	margin-top: 1em;
}
#content form#searchorgs label {
	padding-right: 15px;
	margin-top: 2em;
}
form#searchorgs input {
	margin-left:2em;
	margin-top: 1em;
}
form#searchorgs p {
	font-weight: bold;
}
#content form#searchorgs {
	width: 40em;
	background-color: #eeeeee;
	border: thin solid #dddddd;
	padding: 1em;
}
#neworg label {
	line-height: 1.8;
}
#neworg input{
	position: absolute;
	left:29em;
}
#neworg input#Submit, #neworg input#reset {
	margin-right: 2em;
	position:relative;
	left: 5em;
	margin-top: 0.5em;
}
#neworg textarea {
	display:block;
	position:relative;
	left:5px;
}
#neworg legend, #neworg fieldset#orgdescription label {
	font-size: 1.1em;
	color: #1c6272;
	font-weight:bold;
	padding-top: 0.4em;
	padding-left: 0.5em;
	line-height: 1.2;
}
#neworg input#Submit {
	padding: 0 2em;
}

/****************Definition lists - used in FAQs and Community Connects *******************************/
dl {
	width:80%;
	/*
	background-color: #f9f9f9;
	border: thin solid #eeeeee;
	padding: 1em;
	*/
	margin-top: 0.6em;
}
dt {
	font-weight:bold;
	padding-right: 3px;
}
.services dt {
	font-weight:bold;
	/*
	line-height: 1.3;
	margin-top: 10px;
	*/
	margin-left: 1em;
	margin-bottom: .1em;
	margin-top: .1em;
	padding-left: 18px;
	background-image:url(../images/idlist.gif);
	background-position: left top;
	background-repeat:no-repeat;
}
dl#faq dt,
dl.faq dt {
	cursor: pointer;
}
.services dd {
	/*
	border-bottom:thin #cccccc dotted;
	*/
	padding-bottom: 2px;
	display:block;
	margin-bottom: 14px;
	padding-left: 20px;
	line-height: 1.3;
}
.services dl {
	width: 95%;
}
dt#orgaddinfo, dt#orgcontact {
	border-top: 1px dotted #cccccc;
	margin-top: 1em;
	padding-top:0.5em;
	width: 90%;
}

/****************************** Ordered Lists ****************************************/
#content ol {
	list-style:decimal;
	margin: 0 1em;
	padding-left: 1em;
}
#content ol li {
	margin: .3em 0;
}

/************** Building Control history search****************/
#searchaddress input, #searchpostcode input {
	margin: .3em 0 0 0;
}
#searchaddress label, #searchpostcode label {}
#endofrecords {
	height: .2em;
	background-color:#999999;
}

/******************* Logoprint **********************************/
#printlogo {
	display:none;
	float: left;
}

/***************** Forms styling in tables *********************/
td label {
	display: inline;
}
#form1 td input {
	display: inline;
}

/***************** Mando Forms **************************/
#mandoforms {
	width:800px;
	height:500px;
}
.entry ul {
	list-style: none;
}
div#content a[name] {
	color:#000000;
}

/***************** Town centre - projects_towncentre1 template******************/
#tcfuture {
	background-image: url(/towncentre/tcfuture.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top: 35px;
	text-align:left;
	padding-bottom: 5px;
	margin-bottom: 15px;
	line-height: 1.5;
	padding-left: 3px;
}
#tcfuture li {
	background-color: #FDF4FF;
	margin: 1px;
}
#tcfuture li a {
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	color:#333333;
}
#tcpresent {
	background-image: url(/towncentre/tcpresent.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top: 35px;
	text-align:left;
	line-height: 1.5;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#tcpresent li {
	background-color: #F2FFF2;
	margin: 1px;
}
#tcpresent li a {
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	color:#333333;
}
#tcpast {
	background-image: url(/towncentre/tchistory.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top: 35px;
	border-bottom:#CCCCCC 1px double;
	text-align:left;
	padding-bottom: 5px;
	margin-bottom: 15px;
	line-height: 1.5;
}
#tcpast li {
	background-color: #FAF8ED;
	margin: 1px;
}
#tcpast li a {
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	color:#333333;
}

/***************town centre right column ****************/
.projects1 div#contextual {
	float:left;
	width:200px;
	margin-left:-200px;
	margin-top: 1.5em;
	line-height:1.1;
	background-color:#FFFFFF;
}

/*********************** Splash page for maintenance announcements *****************/
body#splash{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	position:relative;
	background-image: url(/images/newbg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}