/*
	Filename         :	content.css
	Created by       :	Peter Hammans
	Last modified by :	Stef Robinson
	Created          :	24 August 2004 17:17
	Last Updated     :	06 January 2006 09:00
	Comments         :	
*/

@import url(global.css);
@import url(elections.css);

h1 {
	}

h2 {
	}
h3 {
	}
#logo a span { 
	display:none; 
	}
div#Content, div#ContentWide {
	padding-bottom:0px;
	}
div#ContentWide h4 {
	padding-top: 3px;
	border: 0px;
	border-top:1px;
	border-style:solid;
	border-color:#CCCCCC;
	padding-bottom: 5px;
	height:3px;
	}
div#rsspagecontent {
	padding-bottom: 0px;
	}

/* Align = left if outside "wrapper" class e.g. for ASP pages outside Trdion- Glenn */
div#appleft {
	text-align:left;
	}
div#Content p.summary, div#ContentWide p.summary {
	margin-top: 1em;	
	padding:0;	
	}
div#Content #summary p, div#ContentWide Summary p {
	margin-top: 1em;	
	padding:0;	
	}
div#Content img, div#ContentWide img {
	margin-bottom: 1em;
	}
div#Content p img, div#ContentWide p img {
	float:right;
	padding-bottom:1em;
	}
div#Content p img, div#ContentWide p img {
  	max-width:520px;
  	width: expression(this.width > 520 ? 520: true);
  	margin-left: expression(this.width > 520 ? 0: true);
	}
div#Content img, div#ContentWide img {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top:0px;
	}
div#Content .BannerImage, div#ContentWide .BannerImage {
	float: right;
	margin-top:-3px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left:0px;
	margin-bottom: 10px;
	}
div#Content blockquote, div#ContentWide blockquote {
	clear:both;
	float:left;
	margin-bottom:1.5em;
	display:inline;
	padding:0px;
	margin:0px;
	padding-top:1.5em;
	}
div#Content .table,
div#ContentWide .table,
div#ContentWide .ctCouncillorList ul  {
	width:520px;
	}
div#Content .tablelist , div#ContentWide .tablelist,
.ctCouncillorList {
	clear:left;
	}
.ctCouncillorList ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	}
.ctCouncillorList ul {
	margin:0px;
	padding:0px;
	}
div#Content .table table tbody tr td, div#ContentWide .table table tbody tr td {
	padding:5px 5px 5px 0px; 
	margin:0px;
	}

div#paragraph {
	margin-top: 1em;
	}
div#Summary {
	margin-top: 1em;
	font-weight: bold;
	}

/**********************************************************************
	Navigation - edited by DA
**********************************************************************/	
div#MainNavigation li.servicesTop {
	background: #f58c56 url(http://www.derbyshire.gov.uk/images/layout/bg_nav_list_services_top.gif) no-repeat left top;
	}
div#MainNavigation li.services {
	background-color: #f58c56;
	}
div#MainNavigation li.servicesBottom {
	background: #f58c56 url(http://www.derbyshire.gov.uk/images/layout/bg_nav_list_services_bottom.gif) no-repeat left bottom;
	}
div#MainNavigation li.servicesTop,
div#MainNavigation li.services,
div#MainNavigation li.servicesBottom {
	text-align:center;
	}
div#MainNavigation li.servicesTop p a,
div#MainNavigation li.services p a,
div#MainNavigation li.servicesBottom p a {
	margin:0;
	display: inline;
	width: auto;
	padding: 0 0.5em;
	}
div#MainNavigation li.servicesTop p a:hover,
div#MainNavigation li.services p a:hover,
div#MainNavigation li.servicesBottom p a:hover {
	background-color: #f56820;
	}

/**********************************************************************
	Page title
**********************************************************************/
div#PageTitle {
	background: #52136B url(../images/layout/bg_title_bottom.gif) no-repeat scroll left bottom;
	color:#FFFFFF;
	padding-bottom:8px;
	margin-bottom: 10px;
	width:520px;
	float:left;
	}
/* for Internet Explorer */
/*\*/
* html div#PageTitle {
	margin-bottom: 0px !important;
}
/**/
div#PageTitle h1 {
	background: #52136B url(../images/layout/bg_title_top.gif) no-repeat scroll left top;
	color:#FFFFFF;
	font-size:1.4em;
	margin:0;
	padding:8px 8px 0px 8px;
	margin-bottom:0px;
	clear:left;
	width:504px;
	}
div#PageTitle p {
	color:#FFFFFF;
	padding: .8em;	
	margin: 0;
	font-weight: bold;
	}
div#PageTitle p a {
	color:#FFFFFF;
	}
div#PageTitleWide {
	width: 720px;
	color:#FFFFFF;
	background:#52136b url(http://www.derbyshire.gov.uk/images/layout/bg_title_wide_bottom.gif) no-repeat left bottom;
	padding-bottom: 8px;
	}
div#PageTitleWide h2 {
	color:#FFFFFF;
	background:#52136b url(http://www.derbyshire.gov.uk/images/layout/bg_title_wide_top.gif) no-repeat left top;	
	padding: 8px .5em 0 .5em;	
	margin:0;
	font-size: 1.4em;
	}
div#PageTitleWide p {
	color:#FFFFFF;
	padding: .8em;	
	margin: 0;
	font-weight: bold;
	}
div#PageTitleWide p a {
	color:#FFFFFF;
	}

/**********************************************************************
	Headings
**********************************************************************/
div.Heading {
	background:#e8deeb url(http://www.derbyshire.gov.uk/images/layout/bg_table_head_bottom.gif) no-repeat left bottom;	
	width: 520px;
	padding-bottom:.1em;
	margin-top: 10px;
	margin-left: 0px;
	height: 20px;
	clear:left;
	}
div.Heading h2 {
	font-size: 100%;
	color: #52136b;
	background:url(http://www.derbyshire.gov.uk/images/layout/bg_table_head_top.gif) no-repeat left top;
	padding:.3em .3em 0 .5em;
	margin:0;
	}
div.table {
	margin-top: 5px;
	float:left;
	}
div.tableHead,
span.h2Container {
	background:url(http://www.derbyshire.gov.uk/images/layout/bg_table_head_bottom.gif) no-repeat left bottom;	
	width: 520px;
	padding-bottom:2px;
	margin:0 0 2px 0;
	height: 20px;	
	display:block;
	border: 0px !important;
	clear:both;
	}
div.tableHead h2,
span.h2Container h2 {
	font-size: 100%;
	color: #52136b;
	background:#e8deeb url(http://www.derbyshire.gov.uk/images/layout/bg_table_head_top.gif) no-repeat left top;
	padding:.3em .3em 0 .5em;
	margin:0;
	display:block;
	}
div.tableHead h2 a,
span.h2Container h2 a {
	color: #52136b;
	text-decoration:none;
	}
div.table {
	color: #52136b;
	}
div.table ul {
	padding: 0;
	margin: 0;
	}
div.table ul li {
	list-style-type:none;
	border-bottom: 1px solid #e6e6e6;
	padding: .3em .5em .3em .5em;
	}
div.table ul li a {
	text-decoration: none;
	color: #52136b;
	}
body.consultation_search_index div.table ul {
	margin-left: 15px;
	}	
body.consultation_search_index div.table ul li {
	list-style-type:disc;
	border-bottom: 0px solid #e6e6e6;
	padding: .3em .5em 0em .5em;
	}
body.consultation_search_index div.table ul li p {
	padding: 0px;
	margin: 0px;
	}	
table {
	border: none;
	padding:0;
	margin:0;
	width: 100%;
	border-collapse: collapse;
	}
table td.group {
	border-bottom: 1px solid #e6e6e6;
	}
table td.col1, table td.col1 group{
	width:150px;
	vertical-align: top;
	}
table td.col2{
	width: 370px;
	}
table td {
	color: #52136b;
	padding: .3em 0 .3em .5em;	
	}

/* Added by Stef to fix icons on meetings pages */
table td a img {
	float: none !important;
	vertical-align: bottom !important;
	}
table a {
	color: #52136b;	
	}
tablelist {
	border: none;
	padding: 0;
	margin: 0;
	width: 100%; /* ##### Changed from 520 as it was conflicting with SiteEdit functionality! ##### */
	border-collapse: collapse;
	}
tablelist td.group {
	border-bottom: 1px solid #e6e6e6;
	}
tablelist td.col1 {
	width:150px;
	}
tablelist td {
	color: #52136b;
	padding: 0 0 .3em .5em;	
	}

/*******************************************************
Data Tables
*******************************************************/
body#elections table.DataTable {
	font-size:11px;
	width:100%;
	margin-bottom:15px;
	border-collapse:collapse;
	}
body#elections table caption {
	font-size:10px;
	color:#52136B;
	width:auto;
	text-align:left;
	padding:10px 5px 5px 0px;
	caption-side:top;
	}
body#elections table.DataTable th {
	color:#52136B;
	padding: 3px 2px 3px 5px;
	border:1px solid #BDC6CF;
	}
body#elections table.DataTable tr {

	border:1px solid #BDC6CF;
	}
body#elections table.DataTable thead {
	text-align:left;
	vertical-align:top;
	}
body#elections table.DataTable td {
	padding:5px;
	vertical-align:top;
	text-align:left;
	border:1px solid #BDC6CF;
	}
body#elections table.DataTable td.BlankHeading {
	background-color:#D20CA1;
	}
body#elections table.DataTable .displayNone {
	display:none;
	}
	
/**********************************************************************
	News lists
**********************************************************************/
/*
.tablenewslist {
	border: none;
	padding-top: 10px;
	margin:0;
	width: 100%;
	border-collapse: collapse;
	}
.tablenewslist td.col1 {
	width:150px;
	}	
.tablenewslist td.col2 {
	width:71%;
	}
.tablenewslist td.newssummary {
	border-bottom: 1px solid #e6e6e6;
	}
.tablenewslist {
	border: none;
	padding-top: 10px;
	margin:0;
	width: 100%;
	border-collapse: collapse;
	}
.tablenewslist ul {
	margin:0;
	padding:0;
	margin-left:5px;
	}
.news_list_date {
	width:130px;
	float:left;
	}
.news_list_title {
	width:71%;
	float:left;
	}
.news_list_summary {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	}
.news_list_summary p {
	margin-bottom:0px !important;
	margin-top:0px !important;
}*/
.tablenewslist, .ctArticleNewsList{
	margin: 0;
	clear:left;
	}	
.tablenewslist .news_list_date, .ctArticleNewsList .news_list_date {
	margin:0 5px 5px 0;
	display:inline;
	width:108px;
	float:left;
	}
.tablenewslist .news_list_title, .ctArticleNewsList .news_list_title {
	margin:0 10px 5px 0;
	float:left;
	display:inline;
	width:370px;
	}
.tablenewslist .news_list_title a, .ctArticleNewsList .news_list_title a {
	color:#2D0054;
	font-weight:bold;
	}
.tablenewslist .news_list_summary, .ctArticleNewsList .news_list_summary {
	float:left;
	width:500px;
	padding: 0px 0 10px 0;
	}
.tablenewslist ul, .ctArticleNewsList ul {
	list-style:none;
	margin:0 0 0 0 !important;
	padding: 10px 0 0px 0px !important;
	}
.tablenewslist ul li, .ctArticleNewsList ul li{
	float:left;
	clear:left;
	margin:0 0 5px 0;
	border-color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	width:517px;
	}
	

/**********************************************************************
	Consultation lists
**********************************************************************/	
.tableconsultationlist {
	padding-top: 2px;
	padding-bottom: 2px;
	margin:0;
	width: 100%;
	border-collapse: collapse;
	}
.tableconsultationlist td.col1 {
	vertical-align: top;
	width:150px;
	border-bottom: 1px solid #e6e6e6;
	}
.tableconsultationlist td.col2 {
	width:71%;
	border-bottom: 1px solid #e6e6e6;
	}	
.tablearticlelist {
	border: none;
	padding-top: 2px;
	margin:0;
	width: 100%;
	border-collapse: collapse;
	}
.tablearticlelist td.articlesummary {
	border-bottom: 1px solid #e6e6e6;
	}

/*****************************************************
Feature list styles
*****************************************************/
ul.featurelist li {
	border-bottom:1px solid #ccc;
	margin: 0 0 1em -35px;
	padding: 0 0 15px 0;
	list-style:none;
	min-height: 65px;
	}
ul.featurelist li img {
	float: left !important;
	margin-right: 10px;
	width: 60px;
	height: 70px;
	}
ul.featurelist li h2 {
	margin-left: 70px;
	margin-bottom: 5px;
	font-size: 100%;
	}
ul.featurelist li div.featuresummary {
	margin: 0 0 0 70px;
	}
ul.featurelist li h2 a {
	color: #52136b;
	font-size: 100%;
	}
#fRate {
	float: right;
	padding-bottom:1.5em;
	font-size: 90%;
	text-align:right;
	margin:0;
	width:520px;
	}
#fRate a {
	text-decoration: none;
	color: #52136b;
	font-size: 110%;
	font-weight: bold;
	margin-left:.5em;
	}	
#fRate a:hover {
	text-decoration:  underline;
	}
div#Print  {
	float: right;
	padding-bottom:1.5em;
	font-size: 90%;
	text-align:right;
	margin:0;
	width:520px;
	}
div#Print a {
	text-decoration: none;
	color: #52136b;
	font-size: 110%;
	font-weight: bold;
	margin-left:.5em;
	height: 100%;
	vertical-align: middle;
	}
div#Print a:hover {
	text-decoration:  underline;
	}
div.table li.more {
	border:0;
	}
li.more a {
	font-weight:bold;
	}	
li.more a:hover {
	text-decoration: underline;
	}
.sitemapcolumn {
	width: 47%;
	margin: 0 2% 2em 0;
	float: left;
	}
.sitemapcolumn ul {
	list-style: none;
	margin: 0;
	padding: 0 0 1em 20px;
	}
.sitemapcolumn ul ul {
	padding: 0 0 0 20px;
	}
.sitemapcolumn ul li {
	margin: 0;
	padding: 0;
	}
.sitemapcolumn a {
	text-decoration: none;
	}
.sitemapcolumn a:hover {
	text-decoration: underline;
	}
.photo {
	margin: 10px 0 10px 10px;
	text-align: left;
	}
.photo img {
	border:1px solid #808080;
	margin-bottom: 5px;
	}
div#Content .thumbnail {
	width: 124px;
	padding: 0 5px 5px 0;
	margin: 0;
	float: left;
	}
div#Content .thumbnail h3 {
	color: #FFFFFF;
	background-color:#52136b;
	text-decoration: none;
	padding: 0.2em 5px; 
	margin: 0;
	}
div#Content .thumbnail h3 a {
	display: block;
	color: white;
	text-decoration: none;
	}
div#Content .thumbnail .image {
	position: relative;
	width: 124px;
	height: 124px;
	background-color: #666;
	padding: 0;
	margin: 0;
	text-align:center;
	line-height:121px;
	font-size:0.3px;
	overflow: hidden;
	}
* html div#Content .thumbnail .image {
	font-size: 110px;
	}
div#Content .thumbnail .image img {
	vertical-align:middle;
	}
div#Content .thumbnail .description {
	background-color: #E6E6E6;
	padding: 0 5px;
	min-height: 4em;
	}
* html div#Content .thumbnail .description {
	height: 4em;
	}
* html>body div#Content .thumbnail .description {
	height: auto;
	}
div#Content .thumbnail .description p {
	padding: 0.4em 0;
	margin: 0;
	}

/* imagelist styles the image list on rwc page - added by Ed 31/05/2007 */
div.imagelist img {
  	position:relative;
  	vertical-align:top;
	}
  
/* form style - added by Ed 24/07/2007 */
div.column ul{
	list-style: none;
	overflow: hidden;
	margin-bottom: 10px;
	}		
div.column li{
	float: left;
	width: 33%;		
	}

/**********************************************************************
	un-ordered list in main content area - edited by DA
**********************************************************************/
				
/* Added by ed for Road Safety Clever forms*/

/* General rules */
ul.none {
	list-style-type: none; 
	padding:0px;
	margin:0px;
	padding-bottom:0px;
	}	
ul.none li {
	clear:both;
	padding:0px;
	margin:0px;
	margin-bottom:0px;
	margin:0px !important;
	padding:0px !important;
	}
ul.none h3 img {
	padding:0;
	padding-bottom:0px;
	margin:0px 0px 8px 10px !important;
	}
/* for Internet Explorer */
/*\*/
* html ul.none h3 img {
	margin:0px 0px 0px 10px !important;
}
/**/
ul.none h3 {
	clear:both;
	color:#52186B;
	font-size:100%;
	padding:0px;
	margin:0px;
	margin-top:0px;
	}
ul.none hr {
	width:100%;
	margin:0px;
	padding:0px;
	margin:0px;
	padding-top:0px;
	padding-bottom:8px;
	}
ul.none p {
	padding:0px;
	margin:0px;
	margin-top:5px;
	padding-bottom:10px;
	}
/*page specific */
ul.none_vci {
	list-style-type: none; 
	width:491px;
	}
ul.none_vci img {
	float:left !important; 
	padding: 0px 10px 0px 0px;
	position: relative;    
	margin:0px;
	}  
ul.none_vci hr {
    position:relative;
    left:-35px;
	}  
ul.none_vci p{
    position:relative;
    left:-35px; 
	} 

/**********************************************************************
	un-ordered inside an unordered list in main content area - edited by DA
**********************************************************************/
ul.none li ul {
	padding:0px;
	margin:0px;
	padding-top:1em;
	padding-bottom:1em;
	float:left;
	}	
ul.none li ul li {
	clear:both;
	padding:0px;
	margin:0 10px 0.5em 15px !important;
	padding:0px !important;
	}
ul.none li h3 {
	clear:both;
	color:#52186B;
	font-size:100%;
	margin:0!important;
	padding:0!important;
	}

/**********************************************************************
	Column layouts - edited by DA
**********************************************************************/
div#ColumnLayout div.row {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
	padding-top: 4px;
	}
div#ColumnLayout div.row div.column1 {
    float: left;
    width: 100%;
	}
div#ColumnLayout div.maplink {
	clear: left;
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
div#ColumnLayout div.maplink p a {
	padding-left: 5px;
	}
div#ColumnLayout div.maplink a img {
	float: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}

/*****************************************************
Component Metadata (Added by Stef)
*****************************************************/
div#componentMetadata {
	background:#D6DFF7;
	border:solid 1px #000000;
	float:left;
	margin-top:20px;
	margin-bottom:1em;
	padding:0.5em;
	font-size:12px;
	width: 960px!important;
	text-align:left;
	}
div#componentMetadata h2 {
	font-weight:bold;
	color:#45484b;
	font-size:larger; 
	padding:0.3em 0 0.5em 0;
	margin:0;
	text-align:left;
	}
div#componentMetadata p {
	padding:0px;
	margin:0px;
	}
div#componentMetadata img {
	float:right;
	}	
div#componentMetadata .left, 
div#componentMetadata .right {
	float:left;
	display:block;
	margin:0;
	padding:0.5em 0 0.5em 0;
	}    
div.left {
	float:left;
	width:40%;
	clear: both;
	text-align:left;
	}
div.right {
	color: #45484b;
	width:60%;
	float: right;
	text-align:left;
	}
	
/**********************************************************************
	Related Links/Documents
**********************************************************************/
div#RelatedLinks, 
div#RelatedDocuments {
	float: left;
	margin-top:1em;
	padding:3px 0 0 0;
	width:520px;
	}
div#RelatedLinks h2, 
div#RelatedDocuments h2 {
	background:#e8deeb url(/images/layout/bg_head.gif) no-repeat left bottom;
	padding:.3em .3em 0 .8em;
	font-size:100%;
	font-weight:bold;
	margin:0;
	color: #52136b;
	height:17px;
	}
div#RelatedLinks ul, 
div#RelatedDocuments ul {
	margin:0;
	padding:0;
	}
div#RelatedLinks ul li, 
div#RelatedDocuments ul li {
	display:block;
	clear:both;
	width:500px;
	border-bottom:1px solid #ccc;
	padding:6px 10px 4px 4px;
	color:#411355;
	}
div#RelatedLinks img, 
div#RelatedDocuments img {
	float:none;
	border:0px;
	padding:0px;
	margin:0px;
	} 

/**********************************************************************
	Lists - Headed, Standard, Facilities
**********************************************************************/
.HeadedList, 
.standard100X400List, 
.standard200X300List, 
.standardBold100X400List,
.standardBold200X300List {
	float: left;
	margin-top:1em;
	padding:3px 0 0 0;
	width:520px;
	}
.HeadedList h2, 
.standard100X400List h2, 
.standard200X300List h2,
.standardBold100X400List h2, 
.standardBold200X300List h2 {
	background:#e8deeb url(/images/layout/bg_head.gif) no-repeat left bottom;
	padding:.3em .3em 0 .8em;
	font-size:100%;
	font-weight:bold;
	margin:0;
	color: #52136b;
	height:17px;
	}
.HeadedList ul, 
.standard100X400List ul, 
.standard200X300List ul, 
.standardBold100X400List ul, 
.standardBold200X300List ul {
	margin:0;
	padding:0;
	}
.HeadedList ul li, 
.standard100X400List ul li, 
.standard200X300List ul li, 
.standardBold100X400List ul li, 
.standardBold200X300List ul li {
	display:block;
	float:left;
	clear:both;
	width:505px;
	border-bottom:1px solid #ccc;
	padding:6px 10px 10px 4px;
	color:#411355;
	}
.HeadedList .col1,
.standard100X400List ul li .col1 { 
	width:100px; 
	float:left; 
	display: inline; 
	font-weight:normal; 
	}
.standard200X300List ul li .col1 { 
	width:200px;  
	float:left; 
	display: inline; 
	font-weight:normal; 
	}
.HeadedList .col1,
.standardBold100X400List ul li .col1 { 
	width:100px; 
	float:left; 
	display: inline; 
	font-weight:bold; 
	}
.standardBold200X300List ul li .col1 { 
	width:200px;  
	float:left; 
	display: inline; 
	font-weight:bold; 	
	}
.HeadedList .col2,
.standard100X400List ul li .col2 { 
	width:400px; 
	float:left; 
	display: inline; 
	font-weight:normal; 
	}
.standard200X300List ul li .col2 { 
	width:300px;  
	float:left; 
	display: inline; 
	font-weight:normal; 
	}
.standard100X400List ul li .col2 div,
.standard100X400List ul li .col2 span,
.standard200X300List ul li .col2 div,
.standard200X300List ul li .col2 span,
.standardBold100X400List ul li .col2 div,
.standardBold100X400List ul li .col2 span,
.standardBold200X300List ul li .col2 div,
.standardBold200X300List ul li .col2 span {
	margin-top:0px;
	display: inline;
	float:left;
	margin-right:6px;
	}
.HeadedList .col2 p, 
.standard100X400List .col2 p, 
.standard200X300List .col2 p, 
.standardBold100X400List .col2 p, 
.standardBold200X300List .col2 p {
	margin-top:0px;
	}
.HeadedList .col2 img, 
.standard100X400List .col2 img, 
.standard200X300List .col2 img, 
.standardBold100X400List .col2 img, 
.standardBold200X300List .col2 img {
	margin:0 !important;
	padding:0 !important;
	}
ul#facilitiesList {
	margin:0;
	padding:0;
	}
ul#facilitiesList li {
	float:left;
	display: block;
	width: 251px;
	list-style-type: none;
	border-bottom: 1px solid #CCCCCC;
	padding: 4px 0px 4px 8px;
	clear:none;
	}
ul#facilitiesList li span {
	display: block;
	float:left;
	width: 200px;
	}
ul#facilitiesList li img {
	float:left;
	margin:0;
	padding:0;
	}

/**********************************************************************
	Rubish and waste
**********************************************************************/
.AtoZ div {
	margin:0;
	padding:0;	
	float: left;
	margin:8px 8px 0 8px;
	height:58px;
	}
#MainContentArea #ContentWide .AtoZ a,
#MainContentArea #ContentWide .AtoZ a:visited {
	font-size:300%;
	display:block;
	padding:5px 2px 5px 15px;
	text-decoration:none !important;
	width:40px;
	height:40px;
	color:#333333;
	background-color:#cccccc;
	margin:0;
	}
.AtoZ a:hover {
	color: #ffffff !important;
	background-color: #B190BF;
	}
#environment.az_waste p{
	clear:left;
	}
	
/**********************************************************************
	Related Content
**********************************************************************/
div#RelatedContent {
	float: left;
	margin-top:1em;
	background:url(/images/layout/bg_list_top.gif) no-repeat top left;
	padding:3px 0 0 0;
	width:520px;
	border:0px solid red;
	}
div#RelatedContent h2 {
	background:#e8deeb url(/images/layout/bg_head.gif) no-repeat left bottom;
	padding:.3em .3em 0 .8em;
	font-size:100%;
	font-weight:bold;
	margin:0;
	color: #52136b;
	height:17px;
	width:506px;
	}
div#RelatedContent ul {
	margin:0;
	padding:0px;
	}
div#RelatedContent ul li {
	display:inline;
	padding-left:5px !important;
	margin-left:0px !important;
	}
div#RelatedContent ul li {
	display:block;
	width:500px;
	border-bottom:1px solid #ccc;
	padding:6px 10px 4px 10px;
	color:#411355;
	}
    
/**********************************************************************
	Feature Content
**********************************************************************/
div#featureContent {
	float: left;		
	width:520px;
	margin:15px 0 5px 10px;
	}
div#featureContent a {
	color: #FFFFFF;
	}
div#HomePageNews {
	clear:both;
	margin:5px 0 5px 0;
	padding-bottom: 2px;
	color:#411355;
	background:#E8DEEB url(/images/layout/bg_home_news_bottom.gif) no-repeat left bottom;
	}
div#HomePageNews h2 {
	padding:5px 5px 0 8px;
	margin:0;
	font-size:100%;
	background:#E8DEEB url(/images/layout/bg_home_news_top.gif) no-repeat left top;
	}

/* News Article Links */
div#HomePageNews ul {
	margin:.5em 10px .5em 21px;
	padding:0;
	}
div#HomePageNews ul li  {
	margin:.4em 0;
	}	
div#HomePageNews ul li a {
	text-decoration: none;
	font-size:90%;		
	color:#411355;
	}
div#HomePageNews ul li a:hover {
	text-decoration:underline;
	}

/*News & Events Heading */
div#HomePageNews a {
	color:#411355;
	text-decoration: underline;
	}
div#HomePageNews a:hover {
	color:#411355;
	text-decoration: underline;
	}
div#HomePageNews p {
	margin: 8px 5px 10px 8px;
	padding-bottom: 2px;
	}

/**********************************************************************
	Banners
**********************************************************************/
ul#banners {
	list-style-type:none;
	margin:0;
	padding:0;
	}
ul#banners li {
	list-style-type:none;
	display:inline;
	}
ul#banners li img {
	float:left;
	margin:0 8px 0 0;
	} 
ul#banners li a img {
	margin-top:10px;
	margin-bottom: 0px;
	}
div.contactus {
	margin: .5em 0 0 0;
	}
div#intro {
	position:relative;
	}
div#intro div {
	position:absolute;
	width:167px;
	left:354px;
	top:0;
	height:144px;
	overflow: hidden;
	}
div#alpha {
	/* if opacity isn't supported, the browser will only use the solid colour, which is ok anyway */
	filter:alpha(opacity=70); /* IE-Win */
	-moz-opacity:0.7; /* Mozilla */
	opacity:0.7; /* CSS3 (Pity no-one supports this yet - oh well) */
	background:#340935 url(/images/layout/bg_home_alpha.gif) no-repeat right top;
	}
div#intro div * {
	color:#fff;
	}
div#intro div h2 {
	margin:25px 10px 10px 30px;
	font-size:120%;
	font-weight:normal;
	}
div#intro div h2 a {
	font-style:normal;
	font-size:120%;
	display:block;
	font-weight:bold;
	margin-left:-20px;
	margin-top: -15px;
	text-decoration: none;
	}
div#intro div h2 a:hover {
	font-style:normal;
	font-size:120%;
	display:block;
	font-weight:bold;
	margin-left:-20px;
	text-decoration: underline;
	}	
div#intro div p {
	margin:10px;
	font-size:100%;
	}
div#homeLinksTop {
	background:#F6EFEB url(/images/layout/bg_homelinks_top.gif) no-repeat left top;
	width:521px;
	margin:8px 0 0 0;
	height:5px;
	font-size: 1px;
	}
div#homeLinks {
	background:#F6EFEB;
	width:519px;
	border-left:1px solid #EEE0D9;
	border-right:1px solid #EEE0D9;
	}
div#homeLinksBottom {
	background:#F6EFEB url(/images/layout/bg_homelinks_bottom.gif) no-repeat left bottom;
	width:521px;
	margin: 0 0 8px 0;
	height:5px;
	font-size: 1px;
	}
div#homeLinks hr {
	clear:both;
	height:1px;
	margin:0;
	padding:8px;
	border:none;
	visibility:hidden;
	overflow:hidden;
	}
div#homeLinks div h2,
div#homeLinks div h2 a {
	color: #6D412A;
	font-size:106%;
	margin:0;
	padding:0;
	text-decoration:none;
	}
div#homeLinks div p {
	margin:.2em 0;
	padding:0;
	font-size:90%;
	}
div#homeLinks div a {
	color:#333;
	text-decoration:none;
	}
div#homeLinks div a:hover {
	text-decoration:underline;
	}
div#homeLinks div {
	width:158px;
	display:inline;
	float:left;
	margin: 0 7px -7px 7px;
	}

/**********************************************************************
        HOMEPAGE - CALL DERBYSHIRE CONTACT DETAILS SELECTION
**********************************************************************/
div#ContactDetailsTop {
	background:#E8DEEB url(/images/layout/bg_home_contact_details_top.gif) no-repeat left top;
	width:520px;
	margin:8px 0 0 0;
	height:5px;
	font-size: 1px;
	}
div#ContactDetails {
	background:#E8DEEB;
	width:519px;
	padding-top:4px;
	text-align:left;
	padding-bottom:4px;	
	height: 58px;	/* Fix required for Mozilla browsers (Added by Stef) */
	}
div#ContactDetailsBottom {
	background:#E8DEEB url(/images/layout/bg_home_contact_details_bottom.gif) no-repeat left bottom;
	width:521px;
	margin: 0 0 8px 0;
	height:5px;
	font-size: 1px;
	}
div#ContactDetailsLeft div {
	width: 220px;
	font-size:110%;	
	float: left;
	vertical-align: middle;
	padding-left: 8px;
	}
div#ContactDetailsLeft div img {
	padding-left: 70px;
	padding-right: 10px;
	}
div#ContactDetailsRight div {
	width: 280px;
	float: left;
	font-size:110%;	
	text-align: left;
	display: inline;
	}
div#ContactDetails div h2 {
	color:#551668;
	font-size:90%;
	margin:0;
	padding:0;
	text-decoration:none;
	}
div#ContactDetails div p {
	margin:.2em 0;
	padding:0;
	}
div#ContactDetails div a {
	color:#411355;
	text-decoration:underline;
	}
div#ContactDetails div a:hover {
	text-decoration:underline;
	}
div#footerNav a {
	color:#666666;
	text-decoration:none;
	padding:0 3px;
	}

/**********************************************************************
        HOMEPAGE - LANGUAGE SELECTION
**********************************************************************/
div#LanguageSelectionTop {
	background:#E8DEEB url(/images/layout/bg_home_contact_details_top.gif) no-repeat left top;
	width:521px;
	margin:8px 0 0 0;
	height:5px;
	font-size: 1px;
	}
div#LanguageSelection {
	vertical-align:top;
	background:#E8DEEB;
	width:516px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 4px;	
	padding-right: 4px;
	height: 42px;	/* Fix required for Mozilla browsers (Added by Stef) */
	}
div#LanguageSelection a, div#LanguageSelection a:visited {
	color:#411355;
	text-decoration:none;
 	}
div#LanguageSelection a:hover {
	color:#411355;
	text-decoration:underline;
	}
div#LanguageSelectionText {
	clear:left;
	border-top: 5px;
	font-size:100%;	
	}
div#LanguageSelectionTitle h2 {
	float:left;
	width:250px;
	text-align:left;
	color:#551668;
	font-size:100%;
	margin:0;
	padding-bottom: 10px;
	padding-left: 10px;
	text-decoration:none;
	}
div#SystranText {
	width:220px;
	float:right;
	font-size: 80%;
	text-decoration:underline;	
 	}
div#SystranText a, a:visited {
	text-decoration:none;
	}
div#SystranText a:hover {
	text-decoration:underline;	
	}
div#LanguageSelectionBottom {
	background:#E8DEEB url(/images/layout/bg_home_contact_details_bottom.gif) no-repeat left bottom;
	width:521px;
	margin: 0 0 8px 0;
	height:5px;
	font-size: 1px;
	}

/**********************************************************************
        ABOUT MY AREA
**********************************************************************/
div#AboutMyArea {
	clear:both;
	margin:5px 0px 0px 0px;
	padding: 0px;
	color:#FFFFFF;
	background: #F68035 url(/images/layout/bg_aboutarea_top.gif) no-repeat left top;
	}
div#AboutMyArea form {
	margin:0px 0px 0px 0;
	padding-top:5px;
	padding-bottom: 8px;
	background:  url(/images/layout/bg_aboutarea_bottom.gif) no-repeat left bottom;
	}
div#AboutMyArea a {
	color: #ffffff;
	padding-right:5px;
	font-size:90%;
	}
div#AboutMyArea h2 {
	font-size:100%;
	color:#FFFFFF;
	padding:0px 5px 0 8px;
	margin:0;
	margin-top: 0px;
	}
div#AboutMyArea table td {
	color: #ffffff;
	}
div#AboutMyArea table {
	margin-left:3px;
	font-size:90%;
	width:186px;
	}
div#AboutMyArea table td.col1{
	width:75px;
	}
div#AboutMyArea table td.col1 input {
	margin-right:5px;
	}
div#AboutMyArea table td.col2 {
	width:75px;
	}
div#AboutMyArea table td.col3 {
	width:30px;
	}
div#AboutMyArea table td label {
	padding:0;
	margin:0;
	color:#ffffff;
	}
div#AboutMyArea input {
	width:40px;
	margin:0;
	}
div#AboutMyArea select {
	width:70px;
	margin:0;
	}
	
/**********************************************************************
Go Buttons for About Your (My) Area and Do It Online
**********************************************************************/
div#AboutMyArea input.submit,
div#Onlineservices input.submit {
	background-color:#E6E6E6;
	font-weight:normal;
	color:#000000;
	width:auto;
	margin:0;
	padding:0;
	}
div#Onlineservices table {
	width:180px;
	font-size:90%;	
	}
div#Onlineservices table td.col1 {
	width:150px;
	}
div#Onlineservices table td. {
	width:30px;
	}
div#Onlineservices {
	clear:both;
	margin:5px 0 5px 0;
	padding-bottom: 2px;
	height: 58px;
	background:#F68035 url(/images/layout/bg_aboutarea_bottom.gif) no-repeat left bottom;
	margin: .5em 0 .5em 0;
	}
div#Onlineservices h2 {
	padding:5px 5px 0 8px;
	margin:0;
	font-size:100%;
	color:#FFFFFF;
	background:#F68035 url(/images/layout/bg_aboutarea_top.gif) no-repeat left top;
	}
div#Onlineservices select {
	margin:.5em 0 .5em 3px;
	width:139px;
	padding:0;
	}
	
/**********************************************************************
      Calendar
**********************************************************************/	
div#calendar {
  	background:#fff url(/images/layout/bg_calendar.gif) no-repeat left top;	
	width: 190px;
	height: 149px;
	text-align: center;
	padding: 0;
	padding-top: 5px;
	margin: 0 auto 0 auto;
	}
div#calendar table tr.month {
	width:178px;
	height:16px;
	color:#333;
	padding:1px;
	font-weight:normal;	
  	background:#e6e6e6;
	}
div#calendar table th.current{	
  	background:#e6e6e6 url(/images/layout/bg_calendar_middle.gif) no-repeat left top
	}
div#calendar table th.previous{	
  	background:#e6e6e6 url(/images/layout/bg_calendar_h2.gif) no-repeat left top;
	}
div#calendar table th.following{	
  	background:#e6e6e6 url(/images/layout/bg_calendar_h2.gif) no-repeat right top;
	}
div#calendar table img.left{
	vertical-align: middle;
	}
div#calendar table img.right{
	vertical-align: middle;
	}
div#calendar table tr.month a.month:hover {
	color:#fff;
	background:url(/images/layout/bg_calendar_a_month_hover.gif) top left no-repeat;
	}
div#calendar table {
	color: #999;
	font-weight: bold;
	padding: 0;
	margin: 5px auto 0 auto;
	font-size: 90%;
	width: 160px;
	border-collapse: collapse;	  
	}
div#calendar table td.selected {
  	background-color: #f8f8f8;
  	border: 1px solid #999;
  	color: #000;
	}
div#calendar table td.hasItems {
  	background-color: #D7D7D7;
  	border: 1px solid #C1BFBF;
  	color: #000;
	}
div#calendar table td{
  	border: 1px solid #E3E3E3;
  	padding: 1px;
	}
div#calendar table td a:active,
div#calendar table td a:hover,
div#calendar table td a.currentDay:hover,
div#calendar table td a.currentDay:active {
	color:#000000;
	text-decoration:underline;
	} 
div#calendar table td.selected a:link, 
div#calendar table td.selected a:visited {
	color: #000;
	text-decoration:none;
	}
div#calendar a:link, 
div#calendar a:visited {
  	color: #666;
	width: 20px;
	height: 15px;
	text-decoration: none;
	}
div#calendar table th{
  	color: #000;
	border-bottom: 1px solid #d1d1d1;
	}

/**********************************************************************
	Councilors Information
**********************************************************************/
div.councillors_contain,
.ctCouncillorList {
	float:left;
	width:100%;
	}
div.councillors_left,
.councillors_left,
.councillors_left_index,
.councillors_left_bottom {
	float:left;
	clear: left;
	width:120px;
	font-weight:bold;
	padding:6px 0px 6px 0px;
	}
.councillors_center {
	float:left;
	clear: left;
	width:380px;
	padding:6px 0px 6px 0px;
	border-:1px solid #E6E6E6;
	}
div.councillors_right,
.councillors_right {
	width:200px;
	float: left;
	padding:6px 0px 6px 0px;
	font-weight:normal;
	}
.councillors .councillors_right_index,
.amber_valley .councillors_right_index,
.bolsover .councillors_right_index,
.chesterfield .councillors_right_index,
.derbyshire_dales .councillors_right_index,
.erewash .councillors_right_index,
.high_peak .councillors_right_index,
.north_east_derbyshire .councillors_right_index,
.south_derbyshire .councillors_right_index {
	width:400px;
	float: left;
	padding:6px 0px 6px 0px;
	font-weight:normal;
	}
.councillor_photo {
	margin: 0px 12px 5px 10px;
	float: right;
	display:inline;
	width: 120px;
	}
ul#individualCouncillor li {
	clear:left;
}
ul#individualCouncillor li span.councillors_center {
	width:350px;
}
.ctCouncillorList li,
ul#individualCouncillorContactMe li,
ul#individualCouncillorPolicies li {
	clear:both;
}

.ctCouncillorList li span,
.councillors_right,
.councillors_left {
	border-bottom:1px solid #E6E6E6;
}

.councillors_right_index_bottom {
	border:0px !important;
	margin-bottom: 10px;
	width:400px;
	float: left;
	padding:6px 0px 6px 120px;
	font-weight:normal;
	}
	
.councillors_right_bottom {
	border:0px !important;
	width:400px;
	float: left;
	padding:6px 0px 6px 0px;
	font-weight:normal;
	}
	
#individualCouncillor li span,
#individualCouncillor .councillors_left,
#individualCouncillor .councillors_right,
#individualCouncillorContactMe .councillors_left,
#individualCouncillorContactMe .councillors_right {
	border-top:1px solid #E6E6E6 !important;
	border-bottom:0px solid #E6E6E6 !important;
}

ul#individualCouncillor,
ul#individualCouncillorContactMe,
ul#individualCouncillorPolicies {
	padding:0px;
	margin:0px;
	}
	
#individualCouncillor li,
#individualCouncillorContactMe li,
#individualCouncillorPolicies li {
	list-style:none;
	}
	
#individualCouncillorContactMe .councillors_right,
#individualCouncillorPolicies .councillors_right {
	width:400px;
	float: left;
	padding:6px 0px 6px 0px;
	font-weight:normal;
	}

/**********************************************************************
site map - DA
**********************************************************************/
.sitemapcolumn {
 	width:240px;
 	float: left;
 	margin-top:10px;
	padding:0px;
	}
.sitemapcolumn h3 {
	margin:0px;
	margin-top:10px;
	margin-bottom:5px;
	padding:0px;
	font-size:100%;
	}
.sitemapcolumn a {
	text-decoration:none !important;
	}
.sitemapcolumn a:hover {
	text-decoration:underline !important;
	}

/**********************************************************************
Related Documents - Updated Images - CB
**********************************************************************/
.relatedDocTypePDF img {
	display:none;
	}
#RelatedDocuments li.relatedDocTypePDF {
	background: url(/images/icons/PDFl.gif) left center no-repeat;
	padding-left: 25px;
	margin-bottom: 10px;
	margin-top: 10px;
	width:495px;
	}
.relatedDocTypeWord img {
	display:none;
	}
#RelatedDocuments li.relatedDocTypeWord {
	background: url(/images/icons/Wordl.gif) left center no-repeat;
	padding-left: 25px;
	margin-bottom: 10px;
	margin-top: 10px;
	width:495px;
	}
.relatedDocTypePP img {
	display:none;
	}
#RelatedDocuments li.relatedDocTypePP {
	background: url(/images/icons/PPl.gif) left center no-repeat;
	padding-left: 25px;
	margin-bottom: 10px;
	margin-top: 10px;
	width:495px;
	}
.relatedDocTypeExcel img {
	display:none;
	}
#RelatedDocuments li.relatedDocTypeExcel {
	background: url(/images/icons/Excell.gif) left center no-repeat;
	padding-left: 25px;
	margin-bottom: 10px;
	margin-top: 10px;
	width:495px;
	}
	
/**********************************************************************
    Trusted Trader
**********************************************************************/	
.trusted_trader_form label,.trusted_trader_form input {
	display: block;
	width: 150px;
	float: left;
	margin-top: 10px;
	}
.trusted_trader_form textarea.textarea {
	display: block;
	width: 250px;
	float: left;
	margin-top: 10px;
	font-size:12px !important;
	}
.trusted_trader_form label.full, .trusted_trader_form input.check {
	display: block;
	float: left;
	margin-top: 10px;
	width:12px;
	}
.trusted_trader_form input.radio {
	display: block;
	float: left;
	margin-bottom: 10px;
	margin-top: 0px;
	width:auto;
	}
.trusted_trader_form label {
	text-align: left;
	width: 100%;
	padding-right: 20px;
	}
.trusted_trader_form label.full {
	text-align: left;
	width: 180px;
	padding-right: 20px;
	}
.trusted_trader_form label.short {
	text-align: left;
	width: 230px;
	padding-right: 10px;
	}
.trusted_trader_form label.radiolabel {
	text-align: left;
	width: auto;
	padding-right: 20px;
	font-weight:bold;
	}
.trusted_trader_form br {
	clear: left;
	}
.trusted_trader_form_top {
	width:500px;
	height:8px;
	margin: 0px;
	}
.trusted_trader_form{
	width:500px;
	}
.trusted_trader_form_main {
	width:490px;
	padding-left:10px;
	}
.trusted_trader_form_main h2.mainformheader {
	color:#ff6600 !important;
	font-size:100% !important;
	margin:0px !important;
	width: 100% !important;
	}

.trusted_trader_form_bottom {
	width:520px;
	height:8px;
	}

.trusted_trader_form_comp input.submit {
	float:right;
	width:83px;
	border:none;
	background:#fff url(/images/layout/bg_form_submit.gif) no-repeat left top;
	margin-top:10px;
	margin-left:20px;
	font-weight:bold;
	height:21px;
	padding:2px 0px 0 15px;
	/* Hides from IE-mac \*/
	padding:0;
	/* End hide from IE-mac */
	color:#fff;
	vertical-align:middle;
	cursor:pointer;
	}
	
form#LibraryCardNumberCheck label {
	padding-right:10px;
}

/**********************************************************************
	MEETINGS
**********************************************************************/	
div.MeetingRow {
	width:100%;
	border-bottom: 1px solid #E6E6E6;
	clear:left;
	float:left;
}

div.MeetingRowHeading {
	float:left;
	width:130px;
	padding: 5px 0px 6px 5px;
	font-weight:bold;
}

div.MeetingRowValue {
	float:left;
	padding: 5px 0px 6px 0px;
	width:385px;
}
div.MeetingRowValue img {
	margin-bottom:0px !important;
}
div.MeetingRowValue a img {
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	float:none !important;
}

/**********************************************************************
	MEETING LISTS
**********************************************************************/	
.ctMeetingList ul {
	list-style:none;
	margin:0 0 0 0 !important;
	padding: 10px 0 0px 0px !important;
	}
.ctMeetingList ul li {
	float:left;
	clear:left;
	margin:0 0 5px 0;
	border-color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	width:517px;
	}
div.MeetingListHeading {
	float:left;
	width:160px;
	padding: 5px 0px 6px 5px;
	font-weight:bold;
}
div.MeetingListValue {
	float:left;
	padding: 5px 0px 6px 0px;
	width:300px;
}
div.MeetingLocationHeading {
	float:left;
	width:160px;
	padding: 0px 0px 6px 5px;
	font-weight:normal;
}
div.MeetingLocationValue {
	float:left;
	padding:0px 0px 6px 0px;
	width:300px;
}

/**********************************************************************
SOCIAL BOOKMARKS
**********************************************************************/	
body.Root div#SocialBookmarks  {
	padding-top:0px;
	margin-top:-30px;
	margin-left:10px;
}
div#SocialBookmarks {
	font-size:80%;
	width:550px;
	padding-top:8px;
	float:left;
	clear:left;
}
div#SocialBookmarks p {
	padding: 0px 20px 0px 0px;
	float:left;
}
div#SocialBookmarks ul {
	list-style:none;
	margin-left:-20px;
}
div#SocialBookmarks ul li {
	display:inline;
	float:left;
	padding: 0px 10px 0px 0px;
}
div#SocialBookmarks img {
	float:left;
	padding:0px 5px 0px 0px;