/* reset css for cross browser */
a img {border:none;}

* {margin:0; padding:0; background-repeat:no-repeat;}
body * {overflow:hidden;} p, #googlemap *, ul, li, li div, #socitm_info_box { overflow:visible;}

h1, body .h1         { font-size: 2em; margin: .67em 0 }
h2, body .h2         { font-size: 1.5em; margin: .75em 0 }
h3, body .h3         { font-size: 1.17em; margin: .83em 0 }
h4, body .h4, p	    { font-size: 1em; margin: 1.12em 0 }
h5, body .h5         { font-size: .83em; margin: 1.5em 0 }
h6, body .h6         { font-size: .75em; margin: 1.67em 0 }
ol, ul	        { margin-left: 40px; }
ol {overflow:visible !important;}

.clear { clear:both; height:0px; float:left; overflow:hidden;}

a { color:#583255;}
a:visited { color:#333;}

body {
	background-color: #fff;
	text-align: left;
	font: 90% Arial, Verdana, Helvetica, sans-serif;
	color: #000;
}

.side-width { width:1000px; margin:0 auto; overflow:visible;}
	.page-width { width:964px; margin:0 auto;overflow:visible;}
		.page-content-padding { margin:0 17px 0 14px;}

#top-links { background-color:#333333; height:21px; overflow:visible;}
    #top-links .side-width { background-color:#333333; height:21px; }
	#top-links ul { margin:0; float:right; padding-top:2px;}
	#top-links li { float:left; list-style-type:none;}
	#top-links li a { color:#e6e5e5; text-decoration:none; font-size:0.8em; padding-right:15px;}

#header { overflow:visible;height:173px; }
    #header .side-width, #header {background-image:url(../images/template/page-header-wide.png); background-position:center; }
	#header #header-top { height:110px;}
		#header #logo { padding:10px 0 0 6px; display:block; float:left;}
		#header #header-top #adverts {float:right;}
	#header #header-bottom { height:63px; padding-right:7px;}
		#header #header-bottom #search-box { float:right; width:273px;}
			#header #header-bottom #search-box label { width:0px; display:block; float:left; position:absolute;}
			#header #header-bottom #search-box .text { border:solid 1px #e6e5e5; background-color:#edece5; width:180px; height:15px; padding:3px; vertical-align:middle; display:inline-block;}
			#header #header-bottom #search-box .image {vertical-align:middle;}
			#header #header-bottom #search-box #search-advanced { text-align:right; padding:13px 3px 0 0;}
				#header #header-bottom #search-box #search-advanced a { color:#583255; }
		#header #header-bottom #nav-box { float:left; width:680px; height:59px; overflow:visible;margin-top:5px;}
		#header #header-bottom #top-nav { margin:0; padding-top:4px; overflow:visible; width:100%; display:inline;}
			#header #header-bottom #top-nav li { display:inline; list-style-type:none; padding-right:18px; overflow:visible; float:left;}
			#header #header-bottom #top-nav li a { color:#fff; text-decoration:none; font-size:0.9em; display:inline;}
		#header #header-bottom #crumb { font-size:0.75em; color:#666; padding: 15px 0px 0px 0px;}
			#header #header-bottom #crumb a { text-decoration:none; color:#666;}
			#header #header-bottom #crumb a { display:inline-block; background-image:url(../images/template/arrow-grey-circle.png); background-position:left 4px; padding:3px 5px 3px 18px; }
			#header #header-bottom #crumb a.home { background-image:none; padding-left:5px;}
			#header #header-bottom #crumb .here {display:inline-block; padding:3px 0px 3px 0px; }
			#header #header-bottom #crumb img { vertical-align:middle; padding:0 3px; display:none;}
#date{
	
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	text-align: right;
	position:relative;
	margin-right:0px;
	float:right;
	margin-top:-15px;
}
#page-content { background-color:#e6e5e5; background-image:url(../images/template/bg-main-slice.png); background-repeat:repeat-x;padding:0px 0px 20px 0px; overflow:visible;}
	#page-l {background-image:url(../images/template/page-left-slice.png); background-repeat:repeat-y;} #page-tl {background-image:url(../images/template/page-left.png);}
	#page-r {background-image:url(../images/template/page-right-slice.png); background-repeat:repeat-y; background-position:right;} #page-tr {background-image:url(../images/template/page-right.png);background-position:right top;} 
	#page-b { background-image:url(../images/template/page-bottom.png); background-position:left bottom; }
	#page-content .page-width { background-color:#fff;}
	#page-content .page-content-padding { border-top:solid 1px #e6e5e5; padding-top:10px; margin-left:0;}
	#page-content .page-content-padding-left { margin-left:14px;}
	#page-content #side-nav { float:left; width:184px; padding-left:0px;}
		#page-content #side-nav ul { margin:0;}
			#page-content #side-nav li { list-style-type:none; padding:2px 0;list-style-image: none;padding-left:14px; }
			#page-content #side-nav li a {border-top:solid 1px #e6e5e5; }
			#page-content #side-nav li.firstever a { border:none;}
			#page-content #side-nav ul a, #page-content #side-nav #fixednav a { text-decoration:none; color:#333;  text-decoration:none; font-weight:bold; font-size:0.9em; display:block; padding:3px 2px;}
			#page-content #side-nav ul a:hover, #page-content #side-nav ul a.active.off, #page-content #side-nav #fixednav a:hover { background-color:#e6e5e5;}
			#page-content #side-nav ul ul { margin-left:0px;}
			#page-content #side-nav ul li.active li { background-image: url(../images/template/dash.png); background-position:1px 0.70em;  }
			#page-content #side-nav ul li.active li li { background-image:none;}
			#page-content #side-nav ul li.childactive { background-image: url(../images/template/triangle-down.png) !important;background-position:5px 0.67em !important; }
			#page-content #side-nav ul li.active { background-image: url(../images/template/triangle.png) !important; background-position:5px 0.67em !important; }
			#page-content #side-nav ul li li.active { background-position:2px 0.67em !important; }
			#page-content #side-nav ul li.active li.active {background-image: url(../images/template/dash.png) !important; background-position:1px 0.67em !important;}

		#page-content #side-nav #fixednav {border:solid 1px #e6e5e5; border-left:none; border-right:none; }
		#page-content #side-nav #fixednav .heading {color:#583255; display:block; font-size:1.2em; border-bottom:solid 1px #e6e5e5; padding:10px 2px;}
		#page-content #side-nav #contact-details { color:#666; font-size:0.7em; padding: 20px 2px 20px 2px;}
			#page-content #side-nav #contact-details a { color:#666; }
			#page-content #side-nav #contact-details strong a { text-decoration:none;}
		#page-content #side-nav #maintained-by {font-size:0.8em;}
		#page-content #side-nav input.subscription {border:none; background:none; text-align:left; font-size:1em; margin:0; padding:0; border-bottom:solid 1px #005224; width:auto; overflow:visible; height:auto; cursor:pointer;}

	#page-content #main-content { float:right; width:731px;}
		#page-content #main-content h1, #page-content #main-content .heading {color:#583255; padding:0 2px; display:block;}
		#page-content #main-content h1.home, #page-content #main-content .heading {font-size:1.2em; margin:0;}
		h1, h2, h3, h4, h5, h6 {color:#583255;}
		#page-content #main-content hr { border:none; height:1px; margin:5px 0; background-color:#e6e5e5;}
		#page-content #main-content aold { color:#583255;}
		#page-content #main-content a:visited { color:#333;}

	#page-content #left-column {float:left; width:489px; }
		#page-content #left-column #latestnews { padding-bottom:10px; }
			#page-content #left-column #latestnews ul { margin:0; font-size:0.8em;padding-top:5px;}
				#page-content #left-column #latestnews ul li { list-style-type:none; border-top:solid 1px #e6e5e5; padding-top:5px; clear:both;}
			#page-content #left-column #latestnews li a { color:#583255; font-weight:bold; display:block; padding-bottom:10px;}
			#page-content #left-column #latestnews li .newsitem-content { padding:0 2px;}
		
		#page-content #left-column #about-my-area {}
			#page-content #left-column #about-my-area .body { font-size:0.8em; padding:6px 0;}
			#page-content #left-column #about-my-area .body form {  padding-top:6px;}
			#page-content #left-column #about-my-area label { font-weight:bold; }
			#page-content #left-column #about-my-area .text { display:inline-block; width:80px; border:solid 1px #e6e5e5; padding-top:3px;}
			#page-content #left-column #about-my-area .submit { vertical-align:top; padding-left:20px;}
		#page-content #left-column #homepage-images { width:489px; height:169px; }

	#page-content #right-column { float:right; width:215px;}
		#page-content #right-column #big-buttons { }
			#page-content #right-column #big-buttons { margin:0; }
				#page-content #right-column #big-buttons li { list-style-type:none; float:left; padding-bottom:5px;}
				#page-content #right-column #big-buttons li.odd {padding-right:5px;}
		#page-content #right-column #events-cal {font-size:0.8em; width:215px;}
			#page-content #right-column #events-cal a { text-decoration:none;}
			#page-content #right-column #events-cal .heading { }
			#page-content .calendar_month_head { text-align:center; font-weight:bold; padding-bottom:5px;}
				#page-content .calendar_month_head a { color:#583255; }
			#page-content #right-column #events-cal .calendar { text-align:center;vertical-align:middle;}
				#page-content #right-column #events-cal .calendar th { width:25px; font-size:0.8em;} 
				#page-content #right-column #events-cal .calendar .calendar_day { width:25px; height:20px; background-color:#583255; color:#fff; padding-top:5px;}
				#page-content #right-column #events-cal .calendar .calendar_day a { color:#fff; display:block; text-decoration:underline;}
				#page-content #right-column #events-cal .calendar .calendar_day_no_date { background-color:#f7f7f7;}
			#page-content #right-column #events-cal ul { margin:0;}
				#page-content #right-column #events-cal li {list-style-type:none;}
			#page-content #right-column #events-cal .calendar_day_item { font-size:0.9em; color:#666; padding-top:3px;}
				#page-content #right-column #events-cal .calendar_day_item a { color:#583255; display:block; font-weight:bold;}
		#page-content #right-column.text-right { font-size:0.8em;}
		
	#page-content .main_calendar .calendar { font-size:0.9em; }
		#page-content .main_calendar .calendar th { width:100px; font-size:0.8em;} 
		#page-content .main_calendar .calendar td.calendar_day { width:100px; background-color:#583255; color:#fff; vertical-align:top; padding:2px;}
		#page-content .main_calendar .calendar .calendar_day .calendar_day_link { text-align:center; text-decoration:underline;}
		#page-content .main_calendar .calendar .calendar_day a { display:block; padding-top:5px;text-decoration:none;}
		#page-content #main-content .main_calendar .calendar .calendar_day a, #page-content #main-content .main_calendar .calendar .calendar_day a:visited {color: #fff; }
		#page-content .main_calendar .calendar .calendar_day ul { margin:0;}
			#page-content .main_calendar .calendar .calendar_day li { list-style-type:none; border-bottom:dashed 1px #fff; padding:3px 0;}
			#page-content .main_calendar .calendar .calendar_day li.last { border:none;}
			#page-content .main_calendar .calendar .time, #page-content .main_calendar .calendar .calendar_day_link { font-weight:bold;}
		#page-content .main_calendar .calendar td.calendar_day_no_date { background-color:#f7f7f7;}
	#page-content .calendar .today, #page-content .calendar .today .calendar_day {background-color:#e3e3e1 !important; color:#583255 !important;}
	#page-content .calendar .today a {color:#583255 !important;}
	#browse-aloud {margin:5px 0 10px 5px;}
	#page-content .box { padding-bottom:5px;}
		#page-content .box .t { background-image:url(../images/template/box-grey-t.png); background-repeat:repeat-x; }
		#page-content .box .r { background-image:url(../images/template/box-grey-r.png); background-repeat:repeat-y; background-position: right;}
		#page-content .box .b { background-image:url(../images/template/box-grey-b.png); background-repeat:repeat-x; background-position: left bottom;}
		#page-content .box .l { background-image:url(../images/template/box-grey-l.png); background-repeat:repeat-y;}
		#page-content .box .tl { background-image:url(../images/template/box-grey-tl.png); }
		#page-content .box .tr { background-image:url(../images/template/box-grey-tr.png); background-position:right top;}
		#page-content .box .br { background-image:url(../images/template/box-grey-br.png); background-position:right bottom;}
		#page-content .box .bl { background-image:url(../images/template/box-grey-bl.png); background-position:left bottom; }
		#page-content .box .box-content { padding:10px;}
	
off#footer { background-image:url(../images/template/page-bottom.png); background-position:left bottom; padding-bottom:11px; float:left;clear:both; width:964px; }
#footer { clear:both; float:left; padding:10px 0 11px 15px; }
	#footer .page-content-padding { width:933px; padding-top:0px;}
	#footer #footer-images { padding:15px 0 12px 0; float:left; }
		#footer #footer-images #w3c-xhtml { padding-left:16px;}
		#footer #footer-images #w3c-css { padding-left:8px;}
		#footer #footer-images #w3c-wai { padding-left:4px;}
		#footer #footer-images #directgov { padding-left:114px;}
		#footer #footer-images #fosi { padding-left:9px;}
	#footer #footer-links { float:right; margin:0; padding-top:18px;}
		#footer #footer-links li { float:left; list-style-type:none; padding-right:15px;}
		#footer #footer-links a {color:#333;  text-decoration:none; font-weight:bold; font-size:0.8em;}




#table_2012 { border-top: solid 2px #e6e5e5; margin:10px 0; }
#table_2012 td { border-bottom: solid 2px #e6e5e5; padding:10px 0px; }
#table_2012 td.image { padding-left:1px; }
#table_2012 td.content { padding-left:5px; }
#table_2012 a.newsheader { text-decoration:none; }
#table_2012 a.newsheader:hover, #table_2012 a.newsheader:focus { text-decoration:underline; }
#table_2012 td.image a:hover, #table_2012 td.image a:focus { outline:dotted 1px;}
#table_2012 h5, #table_2012 .h5 { margin-top:0; }

#L2012-countdown { text-align:center; color:#5d38b9;}
#L2012-countdown .days { font-size:2em;}

/* *******************************************************************************************************************
     Dynamic Components - General style
******************************************************************************************************************* */
table.dynamic { }
th.dynamic { background-color: #583255; color: #fff; }
tr.dynamic0 { background-color: #e3e3e1; }
tr.dynamic1 { background-color: #cccccc; }
td.dynamic { }
td.dynamicselected { }
hr.dynamic { color: #85BF51; }
div.dynamicprogressbar { background-color: #85BF51; }
div.thumbnail_box { width: 122px; height: 122px; margin: 2px; border: 1px solid #DDDDDD; }
p.dynamicdownloadlink { font-size: 120%; text-align: center; }

table.dynamicborder { border-collapse: collapse; }
th.dynamicborder { background-color: #85BF51; color: Black; font-size: 9pt; border: solid 1px #0A6B02;}
tr.dynamicborder { background-color: #FFFFFF;  border: solid 1px #0A6B02;}
td.dynamicborder { font-size: 8pt; border: solid 1px #0A6B02; padding: 5px; background-color: #f6faf6;}

/* *******************************************************************************************************************
     Dynamic Components - General form style (two columns, fieldnames on left (td.form0), input boxes on right (td.form1)
******************************************************************************************************************* */
table.form { background-color: #85BF51; color: Black; border-collapse: collapse; }
tr.form { }
td.form0 { background-color: #e3e3e1; text-align: right; border: none; padding: 2pt 4pt 2pt 4pt; }
td.form1 { background-color: #cccccc; text-align: left; border: none; padding: 2pt 4pt 2pt 4pt; }
td.formsubhdr { background-color: #c6e7ad; color: Black; text-align: center; border: 1px solid #85BF51; }


/* *******************************************************************************************************************
     your_council template
******************************************************************************************************************* */
#page-content div.your-council { min-height:75px; clear: both; }
* html #page-content div.your-council { height:75px; }
#page-content div.your-council h3, #page-content div.your-council .h3 { font-size: 120%; background-color: #583255; color: #fff; font-weight: bolder;  height:18px; margin:0px; }
#page-content div.your-council h3 a, #page-content div.your-council h3 a:visited, #page-content div.your-council .h3 a, #page-content div.your-council .h3 a:visited {color: #fff !important; }
#page-content div.your-council img { float:left; border:solid 1px #ffffff; padding:0 0 0 0px;height:75px; width:75px; }
#page-content div.your-council div.text { margin:0px; margin-left: 100px; }




	
/*  effects */
/* For IE6 only.  This can cause some elements in IE6 to become unclickable */
/*
* html .png {
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:((this.nodeName == "IMG" || this.nodeName == "INPUT") && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "/live/images/clear.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = (this.origBg=="none")?"":"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
*/