﻿@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Lato|Open+Sans:400,700,800);


* {
	margin:0;
	padding:0;
	}
	
body {
	font-family:'Open Sans';
	/*font-family:Arial, 'Sans Serif';*/ 
	/* font-size:50%; Updated to increase font size */
	/* font-size:60%; Updated and increased to fit in with Microsite brand 2018 */
	font-size:70%;
	/*background:#fff;  Changed in new design to grey */
	/* background:#c8c8c8; Changed in Microsites to lighter grey to comply with Microsite brand */
	background:#f1f2f2;
	
	}
	
H1, .Heading1 {
	/*font-family:Verdana; Updated to reflect Microsite branding 2018 */
	font-family:'Open Sans';
	/*color:#004d71; Updated for rebrand */
	/* color:#6C276A;  Updated to reflect Microsite branding 2018 */
	color:#232222;
	/* font-size:2.2em; Updated to reflect Microsite branding 2018 */
	font-size: 45px;
	/* font-weight:bold; Updated to reflect Microsite branding 2018 */
	font-weight:500;
	/* margin-bottom:0.8em;  Updated to reflect new Microsites branding */
	margin-top: 21px;
    	margin-bottom: 10.5px;
	}
	
H2, .Heading2 
{
    font-family: 'Open Sans'; /*PW added 25.09.2018 */
    font-size: 34px; /*PW added 25.09.2018 */
    font-weight: 500; /*PW added 25.09.2018 */
    color: #232222; /*PW added 25.09.2018 */
	margin-bottom:0.8em;
	/*PW removed 25.09.2018 */
	/*color:#662964;
	font-size:1.6em;
	font-weight:bold;
	 */
	
	
	
	}

H3, .Heading3 
{
    /*PW removed 25.09.2018 */
	/*color:#662964;
	font-size:1.2em;
	font-weight:bold;*/
		
	font-family: 'Open Sans'; /*PW added 25.09.2018 */
	font-size: 24px; /*PW added 25.09.2018 */
	font-weight: 500; /*PW added 25.09.2018 */
    color: #232222; /*PW added 25.09.2018 */
    margin-bottom:0.8em;
	
	}

H4, .Heading4 {
	
	/*color:#000;
	font-size:1.1em;
	font-weight:bold;
	margin-top:0.6em; */
	font-family: 'Open Sans'; /*PW added 25.09.2018 */
	font-size: 20px; /*PW added 25.09.2018 */
	font-weight: 500; /*PW added 25.09.2018 */
    color: #232222; /*PW added 25.09.2018 */
	margin-bottom:0.4em;
	}

P, .Normal {
	/* color:#003e5c;  Updated for Rebrand */
	/* color:#000000; Updated for Microsites  Rebrand 2018 */
	/* color: #666; Updated for Microsites  Rebrand 2018  PW - 25/10*/
	color: #4a4a4a;
	/* font-size:1.2em; */
	font-size:15px;
	line-height:1.5em;
	margin:0px;
	margin-bottom:0.4em;
	}


	
/* New container to host rebranded site */
#mostOuter {
	/*font-size:125%;*/
	color:#000;
	width:990px;
	padding:0px 2px 0 2px;
	/* background:#fff;  Upgdated by HS to comply with new microsites design 2018 */
	background:#fff;
	/* border:2px solid #6C276A; Update by HS to reflect microsites brand Jul 2018 */
	border:1px solid #c8c8c8;
	/*margin:11px auto; HS updated 240918 to ensure logo fits in container */
	margin:0.5% auto;
	margin-bottom: 11px;
	}

#everything {
	font-size:125%;
	color:#000;
	/*width:780px; updated to increase screen size*/ 
	width:980px;
	/* margin:11px auto; HS updated 240918 to ensure logo fits in container */
	margin:11px auto;
	background:#fff; /* include to comply with new design */
	}
	
/* This bit is to make the font size correct in Opera */

@media screen and (min-width:0px){
   #everything { font-size:110%; }
}

/*\*/
html*#everything {

[font-size:125%;/*required by Safari so that [] is correctly begun. associated with the property, yet hiding it. seen by IE6*/
font-size:125%;
]font-size:125%;/*Reset IE6 properties and hide from Safari. required by Safari so that [] is correctly ended. associated with the property, yet hiding it. seen by IE6*/
_font-size:125%;
}/**/


a:link,
a:visited {
	/* color:#004586;  Updated to reflect Microsite Branding 2018 */
	color: #662964;
	/* text-decoration:underline; Updated to reflect Microsite Branding 2018 */
	text-decoration:none;
	font-weight: bold;
	}


a:hover,
a:active {
	/* color:#b58701; removed to reflect Microsite Branding 2018 */
	text-decoration:underline;
	}


#commonHeader {
	/* width:980px;  Updated to help with Responsiveness Jul 2018 */
	width:100%;
	/*height:230px; Updated to remove scroller area */
	/*height:170px; Updated to minimise and fit A-Z as div below */
	/* height:110px; Updated by HS to reflect Microsite Branding 2018 */
	height:90px;
	/*background:url(../images/images/header.jpg) 0 0 no-repeat; Updated to have new header image */
	background:url('https://apps.bedford.gov.uk/brand/ObjectivePlanning/Resources/BBC_Logo.jpg') 0 0 no-repeat;
	background-size: 25% auto;  /* HS added 250918 as logo is now in background */
	overflow:hidden;
	}

/* The style below was initially empty */

#commonHeader #logo 
	{
	position:absolute;
	/*top:50px; HS updated to ensure anchor is directly over logo */
	top:20px;
	margin-left:20px;
	width:230px;
	height:100px;

	}

/* The style above was initially empty */

	

#commonHeader h1 {
	position:absolute;
	top:-999px;
	}

#commonHeader #logo a {
	position:absolute;
	/*top:50px; HS updated to ensure anchor is directly over logo */
	top:20px;
	margin-left:20px;
	width:230px;
	/* height:100px; HS updated to ensure anchor area is the same size as the logo */
	height:85px;

	}

/* #commonHeader #logo a img {
	position:absolute;
	top:-999px; 
	top:-999px;
	width:230px;
	/* height:100px; HS updated to ensure anchor area is the same size as the logo */
	height:85px;
	border:none;
	}  */



 
#commonHeader #toolsMenu {
	Margin-top:20px; /* Added to fit search box in new design */
	}

#commonHeader #toolsMenu #links {
	float:left; /* Added to position in accordinace with rebrand */
	display:inline; /* Added to position in accordinace with rebrand */
	color:#fff;
	font-size:1em;
	padding:8px;
	/* text-transform:uppercase; Updated for Rebrand */
	text-transform:none;
	margin-top: 5px; /* Added to position in accordinace with rebrand */
	margin-left: 660px; /* Added to position in accordinace with rebrand */
	width:300px; /* Added to position in accordinace with rebrand */
	}

#commonHeader #toolsMenu #links a {
	/* color:#fff; updated so that links can be seen */	
	color:#000;
	text-decoration:none;
	}

#commonHeader #toolsMenu #links a:hover,
#commonHeader #toolsMenu #links a:active {
	text-decoration:underline;
	}

#commonHeader #toolsMenu #search {
	/* float:right; Updated to position search correctly in new design */
	float:left;
	display:inline;
	text-align:right;
	padding-right:5px;
	color:#fff;
	margin-left: 660px;
	}

/*\*/
html*#commonHeader #toolsMenu #search * {

[display:inline;/*required by Safari so that [] is correctly begun. associated with the property, yet hiding it. seen by IE6*/
display:inline;
]display:inline;/*Reset IE6 properties and hide from Safari. required by Safari so that [] is correctly ended. associated with the property, yet hiding it. seen by IE6*/
_display:inline;
}/**/

#commonHeader #toolsMenu #search #searchBox {
	display:block;
	padding:2px 0 4px 0;
	}

#commonHeader #toolsMenu #search #searchBox label {
	/* color:#fff; Updated to fit within rebrand */
	color:#000;
	font-size:1.1em;
	/*text-transform:uppercase; Removed to fit within rebrand */
	font-style:italic; /* Added to fot within rebrand */
	font-weight:bold; /* Added to fot within rebrand */
	margin-left:10px;
	}

#commonHeader #toolsMenu #search #searchBox input {
	width:220px !important; /* Updated from 10em to fit within new rebrand area */
	height:1.4em !important; /* Updated from 1.3em to fit within new rebrand area */
	/*border:1px solid #666; Border removed to fit within rebrand*/
	border:0px solid #666;
	font-size:1.1em;
	padding:1px;
	margin-right:3px;
	}

#commonHeader #toolsMenu #search #searchBox a {
	}

#commonHeader #toolsMenu #search #searchBox a img {
	position:relative;
	top:4px;
	border:0;
	}

#commonHeader #toolsMenu #search a.advSearch {
	float:left; /* Added to position in accordinace with rebrand */
	display:inline; /* Added to position in accordinace with rebrand */
	/* margin:0 3px 0 3px; Updated to posiition correctly in new design */
	margin:3px 3px 0 4px;
	/* color:#fff; Updated to fit with rebrand */
	color:#662964;
	Font-weight: bold;/* Added to position in accordinace with rebrand */
	font-size:1.1em;
	}

#commonHeader #navigation {
	margin-top:130px;
	}

#commonHeader #navigation ul { display:inline; }

#commonHeader #navigation ul li {
	list-style:none;
	float:left;
	display:inline;
	text-align:center;
	margin:0 1px 0 0;
	padding:0;
	line-height:10px;
	overflow:hidden;
	}

#commonHeader #navigation ul li.item0  { width:62px; }
#commonHeader #navigation ul li.item1  { width:64px; }
#commonHeader #navigation ul li.item2  { width:73px; }
#commonHeader #navigation ul li.item3  { width:79px; }
#commonHeader #navigation ul li.item4  { width:72px; }
#commonHeader #navigation ul li.item5  { width:84px; }
#commonHeader #navigation ul li.item6  { width:82px; }
#commonHeader #navigation ul li.item7  { width:59px; }
#commonHeader #navigation ul li.item8  { width:61px; }
#commonHeader #navigation ul li.item9  { width:61px; }
#commonHeader #navigation ul li.item10 { width:73px; margin:0; }

#commonHeader #navigation ul li a {
	text-decoration:none;
	color:#004d71;
	font-size:11px;
	text-transform:uppercase;
	}

#commonHeader #navigation ul li a:hover {
	text-decoration:underline;
	}
	
#commonHeader #navigation ul li a span {
	text-align:center;
	}
	
#commonHeader #navigation ul li.first a span {
	}

#commonHeader #navigation ul li a span strong {
	font-weight:normal;
	}

#commonHeader #navigation ul li a span strong span {
	padding:0;
	display:block;
	}

#subNav {
	float:left;
	display:inline; 
	/*width:196px; Updated to span 100% of available space as with Microsites 2018 */
	width:95%;
	/*background:url(../images/left_nav_bg.gif) left top no-repeat; updated to include new colours */
	/* background:url(../images/left_nav_bg_purple.gif) left top no-repeat;  Not required in Microsite Branding 2018*/
	/*margin:8px 0 0 0; Updated to add margin around margin */
	/* margin:8px 0 0 8px; Updated to span 100% of available space as with Microsites 2018 */
	margin:8px 4% 0 4%; 
	}

#subNav h2 {
	color:#fff;
	/* font-size:1.2em; Updated to make it standout in new design */
	font-size:1.6em;
	/*text-transform:uppercase; Removed to make accessible*/
	/*font-weight:normal; Updated to make heading standout */
	font-weight:normal;
	padding:5px 0 5px 6px;
	margin:0;
	}

#subNav ul {
	/* background:url(../images/left_nav_bottom_purple.gif) left bottom no-repeat;  Not required in Microsites Branding */
	/*padding-bottom:14px; Updated to enhance menu for rebrand */
	padding-bottom:8px;
	margin:0;
	}

#subNav ul li ul {
	background:none;
	padding:0;
	/* background:#fff; Updated to enhance look */
	background:#D5C6D5;
	}

#subNav ul li {
	list-style:none;
	display:inline;
	}

#subNav ul li a {
	display:block;
	/* color:#003e5c; Updated to fit new branding */
	color:#000000;
	text-decoration:none;
	font-size:1.1em;
	padding:4px 6px;
	border-top:1px solid #fff;
	font-weight:bold;
	}

#subNav ul li.first a {
	border-top:none;
	}

#subNav ul li.selected a {
	/* background:#2e7c9b; Updated to remove former blue brand colour */
	background:#dddddd;
	/*color:#fff; Updated to deal with former blue brand colour for background */
	color:#000000;
	border-top:1px solid #ffffff; /* updated to highlight selected item */
	}

#subNav ul li a:hover,
#subNav ul li a:active {
	text-decoration:underline;
	}

#subNav ul li.selected ul li a,
#subNav ul li ul li a {
	/*color:#003e5c; Update as a result of re-brand */
	color:#000000;
	/*background:url(../images/whitearrow.gif) 7px 7px no-repeat #b2ced9; Updated for rebrand */
	background:url(../images/purplearrow.gif) 7px 7px no-repeat #E7E7E8;
	padding:3px 6px 3px 16px;
	margin:0 2px;
	border-top:1px solid #fff;
	font-weight:normal;
	}

#subNav ul li ul li.selected a {
	/*color:#003e5c; updated for Re Brand */
	color:#000000;
	font-weight:bold;
	/* background:url(../images/bluearrow.gif) 7px 7px no-repeat #b2ced9; Updated 4 Rebrand */
	background:url(../images/purplearrow.gif) 7px 7px no-repeat #ffffff;
	border:1px solid #662964;
	}

#subNav ul li.first ul li a {
	border-top:1px solid #fff;
	}

#subNav ul li ul li a:hover,
#subNav ul li ul li a:active {
	/* background:url(../images/whitearrow.gif) 7px 7px no-repeat #a5c7d4; Updated 4 Rebrand */
	background:url(../images/whitearrow.gif) 7px 7px no-repeat #D5C6D5;
	border:1px solid #662964; /* added for rebrand */
	text-decoration:none;
	}

#subNav ul li ul li ul li a {
	color:#333;
	background:url(../images/whitearrow.gif) 7px 6px no-repeat #99c0d0;
	padding:2px 6px 2px 16px;
	margin:0 4px;
	border-top:1px solid #fff;
	}

#subNav ul li ul li ul li a:hover,
#subNav ul li ul li ul li a:active {
	background:url(../images/whitearrow.gif) 7px 6px no-repeat #88b6c8;
	}

#subNav ul li ul li ul li ul li a {
	color:#fff;
	background:url(../images/whitearrow.gif) 7px 6px no-repeat #89b4c6;
	padding:1px 6px 1px 16px;
	margin:0 6px;
	}

#subNav ul li ul li ul li ul li a:hover,
#subNav ul li ul li ul li ul li a:active {
	background:url(../images/whitearrow.gif) 7px 6px no-repeat #71a4b9;
	}



#main #crumbtrail {
	}

#main #crumbtrail p {
	font-size:1.1em;
	}

#main #crumbtrail p a {
	text-decoration:none;
	}

#main #crumbtrail p a:hover,
#main #crumbtrail p a:active {
	text-decoration:underline;
	}

#main {
	float:left;
	display:inline;
	/*width:374px;*/  
	/* width:600px; Width for Homepage alone */ 
	/* width:700px; width updated for payments facility Jul 2018 */
	width:95%;
	/* margin:8px 10px 0 10px; */
	margin: 8px 4% 0 4%;
	}

#main p img {

	}

#main ul, #main ol {
	margin:0.2em 0 0.4em 2em;
	/* color:#003e5c; updated for 2018 Microsite Rebrand PW 25/10/18 */
	color: #4a4a4a;
	}
	
#main li {
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:3px;
	}

#extra {
	float:left;
	display:inline;
	width:160px;
	margin:8px 0 0 0;
	}

#extra .infoBox {
	/* background:url(../images/right_box_bg.gif) left top no-repeat; Updated for rebrand */
background:url(../images/right_box_bg_purple.gif) left top no-repeat;
	margin-bottom:10px;
	}

#extra .infoBoxInner {
	/* background:url(../images/right_box_bottom.gif) left bottom no-repeat; Updated for rebrand */
background:url(../images/right_box_bottom_purple.gif) left bottom no-repeat;
	padding:4px 10px 10px 10px;
	}

/*  Added to remove underline on list */
#extra .infoBoxInner a {
	text-decoration:none;
	}

/*  End Addition to remove underline on list */

#findoutmore 
	{text-align:right;}

#extra .infoBox h2 {
	color:#fff;
	font-size:1.2em;
	text-transform:none;
	font-weight:normal;
	padding:2px 0 10px 0;
	margin:0;
	text-align:right;
	}

#extra .infoBox h3 {
	font-family:Verdana;
	color:#004061;
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
	margin:0 0 4px 0;
	}

#extra .infoBox p {
	font-size:1.1em;
	line-height:1.3em;
	}

#extra .infoBox ul li {
	list-style:none;
	padding-left:18px;
	/* background:url(../images/bullet.gif) 4px 3px no-repeat; Updated for Rebrand */
	background:url(../images/bullet_purple.gif) 4px 3px no-repeat;
	font-size:1.1em;
	line-height:1.3em;
	margin-bottom:4px;
	}

#footer {
	/* border-top:3px solid #6C276A;  Updated by HS to match microsites branding 2018 */
	border-top:1px solid #662964;
	padding-top:11px;
	text-align:center;
	color:#004d71;
	margin-top:1.5em;
	}
	
#footer #footerLinks {
	font-size:1.1em;
	padding-bottom:3px;
	}

#footer #footerLinks a {
	text-transform:uppercase;
	text-decoration:none;
	}

#footer #footerLinks a:hover,
#footer #footerLinks a:active {

	}

#footer #copyright p {
	font-size:1.1em;
	line-height:1.2em;
	}

#footer #directGov {
	float:left;
	display:inline;
	margin:0 65px 10px 0;
	}

#footer #browseAloud {
	float:right;
	display:inline;
	margin:0 0 10px 65px;
	}

#footer #browseAloud img,
#footer #directGov img {
	border:0;
	}

.clear {
	clear:both;
	}
/* Divider between header and rest of page */
#AtoZclear {
	margin-top: 10px;
	height:2px;
	border-top:1px solid #D5C6D5;
	
	}

/* Divider between Article heading and article */
#Articleclear {
	margin-top: 10px;
	height:2px;
	border-top:1px solid #662964;
	
	}

/* Divider between Sub Articles */
#SubArticleclear {
	margin-top: 10px;
	height:2px;
	border-top:1px dotted #662964;
	
	}



/* Styles for Immediacy Search Plugin HTML */

.searchPage {
	font-size:1.1em;
	}

.searchPage table {
	margin-bottom:0.8em;
	}

.searchPage td {
	padding:0.2em;
	font-size:100%;
	}

.searchPage td table {
	margin:-0.2em;
	margin-top:1em;
	}

.searchPage td table td table td table {
	margin:0 !important;
	}

.searchPage td table td table td {
	}

.searchPage td table td {
	
	}

.searchPage td table td label {
	width:45px !important;
	padding-top:2px;
	}

.searchPage td table td table input {
	font-size:1em;
	padding:2px 4px;
	margin-right:5px;
	}

.searchPage td table td table select {
	width:80px !important;
	}

.searchPage input, .searchPage select, .searchPage textarea {
	font-size:1em;
	}

.searchPage select {
	}

.searchPage .radPopupImage_Default {
	margin-left:8px;
	}

.searchResult {
	margin-bottom:1em;
	border:1px solid #ccc;
	padding:0.6em;
	}

.searchResult a {
	font-weight:bold;
	}

.searchResult .relevance {
	float:right;
	font-weight:bold;
	color:#004d71;
	}

.searchResult .summary {
	margin-top:0.6em;
	}

.searchhi0 {
	background:#fcffac !important;
	}

.searchhi1 {
	background:#91ef7f !important;
	}

.searchhi2 {
	background:#ffd76b !important;
	}

.searchhi3 {
	background:#6bd7ff !important;
	}

/* Site Map Styles */

.sitemap {
	line-height:2em;
}

.sitemap a {
	padding-left:20px;
	background:url(../images/bluearrow.gif) 13px 5px no-repeat;
}

.sitemap .level0 {
	font-size:1.3em;
	font-weight:bold;
	}

.sitemap .level1 {
	font-size:1.2em;
	margin-left:30px;
	}

.sitemap .level2 {
	font-size:1.1em;
	margin-left:60px;
	}

.sitemap .level3 {
	font-size:1em;
	margin-left:90px;
	}

.sitemap .level4 {
	font-size:0.9em;
	margin-left:120px;
	}

/* A-Z Plugin Styles */

.atozPage td {
	font-size:1.1em;
	}

.atozPage div {
	font-size:1.1em;
	}

.AtoZBG {
	display:block;
	width:530px;
	margin-top:-5px;
	margin-bottom:10px;
	background:#d3dee4;
	}

#everything #main .AtoZBG a {
	color:#fff;
	background:#004d71;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	padding:3px 4px;
	border-right:1px solid #fff;
	}

#everything #main .AtoZBG a:hover {
	color:#fff;
	background:#1D779F;
	}

.AtoZTitle1 {
	float:left;
	display:inline;
	font-family:Verdana;
	color:#004d71;
	font-size:1.8em !important;
	font-weight:bold;
	margin-bottom:0.8em;
	width:530px;
	border-bottom:1px solid #004d71;
	}
	

/* FAQ Styles */

.faqSearchBox td,
.faqSearchBox td input,
.faqSearchBox td select,
.searchtop {
	font-size:1.1em;
	}

.searchtop {
	border-bottom:1px solid #666;
	margin-bottom:10px;
	}

.faqQuestion {
	font-size:1.1em;
	font-weight:bold;
	}
 
.faqSearchTableBackground td,
.faqSearchTableBackground td input,
.faqSearchTableBackground td select {
	font-size:1.1em;
	}

/* Blog Plugin Styles */

.BloggingAboutBox {
	padding:10px;
	}

.BloggingAboutBox h3 {
	
	}

.BloggingAboutBox a {
	display:block;
	}

.RSSFeedLink {
	float:right;
	margin-top:-30px;
	margin-right:5px;
	}

.BlogItem {
	margin-bottom:30px;
	}

.BlogItem .CreatedDate {
	color:#004d71;
	font-size:1.2em;
	border-bottom:1px dashed #004d71;
	padding-bottom:10px;
	margin-bottom:10px;
	}

.BlogItem h1.Title {
	font-size:1.4em;
	color:#004d71;
	}

.BlogItem .Content {
	margin-bottom:10px;
	}

.CommentItem {
	border-bottom:1px lightgrey dashed;
	padding-bottom:10px;
	margin-bottom:10px;
	}

.CommentItem .Title {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	}

.CommentItem .MetaData {
	font-style:italic;
	color:gray;
	margin-bottom:10px;
	}

.CommentItem .Content {
	margin-bottom:10px;
	font-size:1.1em;
	}

.CommentItem .CreatedDate {
	font-weight:bold;
	color:#004d71;
	font-size:1.2em;
	}

/* New comment form layout */
.BlogEntryNewCommentForm fieldset {
  margin-bottom:10px;
	}

.BlogEntryNewCommentForm legend {
	padding:0 2px;
	font-size:1.1em;
	font-weight:bold;
	_margin:0 -7px; /* IE Win */
	}

/*\*//*/ form.cmxform legend { display:inline-block; } /* IE Mac legend fix */

.BlogEntryNewCommentForm fieldset ol, 
.BlogEntryNewCommentForm fieldset ul {
  margin:0;
  padding:0;
	}

.BlogEntryNewCommentForm fieldset li {
  list-style:none;
  list-style-image:none;
  padding:5px;
  margin:0;
  clear:both;
  border:0;
	}

.BlogEntryNewCommentForm fieldset li input,
.BlogEntryNewCommentForm fieldset li textarea {
  width:350px;
	}

.BlogEntryNewCommentForm fieldset li div.captcha {        
	line-height:1.8em;    
	margin-bottom:5px;
	float:left;    
	}

.BlogEntryNewCommentForm fieldset label, .captchaLabel {
	width:120px; /* Width of labels */
	vertical-align:top;
	line-height:1.8em;
	float:left;
	margin-right:5px;
	font-size:1.1em;
	}

.BlogEntryNewCommentForm fieldset li div.captcha span {
	font-size:1.1em;
	}

.BlogEntryNewCommentForm fieldset li div.captcha img {
	padding-top:6px;
	}

.BlogEntryNewCommentForm fieldset li div.captcha a img {
	position:relative;
	top:2px;
	}

.BlogEntryNewCommentForm fieldset li div.captcha input {
	width:300px;
	}

/* Form styles */
                
.BlogEntryNewCommentForm legend {
	padding-left:0;
	color:#333;
	}

.BlogEntryNewCommentForm fieldset {
	border:none;
	/*border-top:1px solid #C9DCA6;*/
	}
                                
.BlogEntryNewCommentForm fieldset li {
	padding:5px 10px 7px;
	}

/* Styles for RSS */

.rssFeed {
	font-size:1.2em;
	margin-left:2em;
	}

.rssFeed p.desc {
	font-size:1em;
	}

a.item:link{font-weight:bold;}
a.item:visited{font-weight:bold;}
a.item:active{font-weight:bold;}
a.item:hover{font-weight:bold;}

.topbox{width:100%;}
.banbox{width:100%; border:1px solid #999;}

.mainbox{margin-top:30px; width:100%;padding-top:10px; border:1px solid #999;}
.itembox{width:50%;float:left;padding-top:10px;}
.rhsbox{border-left:1px dashed #999;width:36%;float:right;}
.footerbox{clear:both;width:100%;border-top:1px solid #000;}

#item ul {list-style:none;margin:0px;padding:0px;border:none;}
#item li {margin:0;padding:5px 0px;}
.rhsbox ul {list-style-type:disc;margin:0px 20px;padding:0px;border:none;}
.rhsbox li {margin:0;padding:5px 0px;}

.padtopbox{padding:10px;border:1px solid #999;}
.paditembox{padding:10px 5px 10px 10px;}
.padbanbox{padding:20px 10px 10px 10px;}
.padrhsbox{padding:10px 0px 20px 10px;}

.subhead{font-weight:bold;}
.disclaim{font-size:11px;color:#999;}

.mvb{margin-bottom:5px;}
.fltl{float:left;}
.fltclear{clear:both;}

/* End RSS Styles */

/* Main Events Calendar Style */
.eventCalendar {
	font-size:1.1em;
	padding:3px;
	width:100%;
	}

 /* Month Section */
 .eventMonth {
 	background-color:#fff;
 	border:1px solid #004d71;
 	padding:0px;
 	vertical-align:top;
 	width:21%;
 	}
 	
 .eventMonthTitle {
 	color:#fff;
 	font-weight:bold;
 	background-color:#004d71;
 	padding:3px;
 	text-align:center;
 	}
 
 .eventMonthContent {
 	height:7em;
 	overflow:auto;
 	scrollbar-arrow-color:000066;
 	scrollbar-base-color:#ccc;
 	border-top:1px solid #004d71;
 	padding:0 5px 0 5px;
 	}
 	
 .eventMonthItem a {
 	display:block;
 	margin-top:4px;
 	margin-bottom:4px;
 	}
 	
 .eventMonthItem br {
 	display:none;
 	}
 	
 /* Details Section */
 .eventArea {
 	background-color:#D3DCE1;
 	border:1px solid #004d71;
 	padding:0px;
 	vertical-align:top;
 	width:37%;
 	}
 	
 .eventDetails {
 	margin:7px;
 	}
 	
 .eventHeader {
 	margin-bottom:4px;
 	}
 	
 /* Key Section */
 .eventFooter {
 	border:1px solid #004d71;
 	}
 	
 .eventList {
 	list-style-type:square;
 	margin-top:3px;
 	margin-bottom:0px;
 	line-height:1.1em;
 	padding-bottom:0;
 	white-space:nowrap;
 	}
 	
 .eventList li {
 	list-style-type:none;
 	line-height:1.1em;
 	white-space:nowrap;
 	padding:1px 3px;
 	}
 	
 .eventKey {
 	float:left;
 	display:inline;
 	}
 
/* calendar key types */
.eventKeyDefault				{ color:#666; }
.eventKeyFinancial				{ color:#c50000; }
.eventKeyGeneral				{ color:#007828; }
.eventKeyInternal						{ color:#0058b3;  }
.eventKeyTrade				{ color:#8300b3; }


#newsSlider {
	height:300px; 
	overflow:auto; 
	width:237px;
	}
	
#everything.jsOn #newsSlider  { 
	overflow:hidden;
	width: 222px;
	height: auto;
	} 

#newsSlider h3 {
	margin-bottom:8px;
	font-size:1.2em;
	}

#newsSlider h3 a {
	text-decoration:none;
	}

#newsSlider .nsItem {
	width:220px;
	display:block;
	margin:4px 4px 12px 0;
	padding-bottom:12px;
	border-bottom:1px solid #fff;
	overflow:hidden;
	}
	
#everything.jsOn #newsSlider .nsItem {
	width:222px;
	}

#newsSlider .nsImage {
	float:left;
	display:inline;
	width:50px;
	height:50px;
	margin:0 6px 4px 0;
	overflow:hidden;
	}

#newsSlider .headlineSurround {
	overflow:hidden;
	}

#newsSlider .headlineSurround .nsItem {
	float:left;
	display:inline;
	margin-bottom:4px;
	padding-bottom:0;
	border:none;
	}

#newsSlider .headlineSurround .nsItem p a {
	font-size:0.9em;
    text-decoration:none;
    float:right;
    display:inline;
	}

/*  styles Left hand container */
#leftWrapper {
	/*width:208px; Updated to host horizontal menu in Microsites branding */
	width:100%;
	/* padding:10px 20px 20px 20px; Updated to ensure page fits available space */
	padding:0px 0px 10px 0px;
	/*border:1px solid #004d71;*/
	float:left;
	margin-left: -8px; /*added to left align container with rest of page */
	
}

/* End styles Left hand container */
/* Homepage Tabs */

#tabs-container{
	float:right;
	display:inline;
	width:690px;
	/*padding:2px 15px 0px 15px; updated to fit with BBC new design */
	padding:2px 2px 0px 2px;
	/* margin:10px 0px -8px 0px; Updated to fit with BBC new design */
	margin:0px 0px -1px 0px;
	background:#ffffff;
}
ul#simple-tabs{list-style-type:none;width:100%;position:relative;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:100%;font-weight:bold;margin:0;padding: 1px 0 0 0;}

ul#simple-tabs li{
	display:block;
	float:left;
	margin:0 0 0 6px;
	height:27px;
}
ul#simple-tabs li.left{margin:0;}
ul#simple-tabs li a{display:block;float:left;color:#000000;background:#D5C6D5;line-height:27px;text-decoration:none;padding:0 10px 0 18px;height:27px;}
ul#simple-tabs li a.right{padding-right:20px;}
ul#simple-tabs li a:hover{background:#662964; color:#ffffff;}
ul#simple-tabs li a.topselected{color:#0066FF; background:#fff;}
ul#simple-tabs li a.topselected:hover{color:#2E4560;background:#fff;}
ul#simple-tabs li.item0 a
	{display:block;
	float:left;
	color:#ffffff;
	background:#662964;
	line-height:27px;
	text-decoration:none;
	padding:0 10px 0px 18px;height:27px;
	}

 /* End Homepage Tabs */

/* Start AtoZ styles - smaller */

#atozbeds{padding:10px 0 0 10px;}#atozbeds p{float:left;}
#atozbeds ul{float:left;list-style-type:none;margin-bottom:0;}
#atozbeds li{float:left;list-style-type:none;margin-left:0;}
#atozbeds li a{color:#fff;display:block;font-size:1.5em;font-weight:bold;height:25px;padding:2px;text-align:center;width:25px;}
#atozbeds li a:hover{background-color:#111;}
#atozbeds li a.none{color:#666;}#atozbeds li a:hover.none{background-color:transparent;color:#666;text-decoration:none;}
#atozmenubeds{height:383px;margin-bottom:30px;overflow:auto;}
#atozmenubeds lh{color:#80c31c;display:block;font:bold 20px verdana;margin-bottom:10px;}
#atozmenubeds dl{color:#069;font-weight:bold;height:378px;width:265px;}
#atozmenubeds dl dt a,#atozmenubeds dl dt a:visited{
	border-top:solid 1px #ccc;color:#80c31c;font:bold 14px verdana;margin-top:10px;margin-bottom:5px;padding:5px 0 0 0;
	}
#atozmenubeds dl dd{margin-left:0;}#atozmenubeds dl dd ul{position:static;}
#atozmenubeds dl dd ul li.phone{background:url(../images/atozphone.gif) no-repeat;padding:0 0 3px 20px;}
#atozmenubeds dl dd ul li a,#atozmenubeds dl dd ul li a:visited{
	background:url(../images/atozphone.gif) no-repeat;color:#069;font-weight:bold;line-height:1.5em;padding:0 0 3px 20px;
	}
#atozmenubeds dl dd ul li a:hover{color:#666;}
#atozmenubeds dl dd ul li.description{background:none;color:#666;font-weight:normal;padding-left:0;}
#atozmenubeds dl dd ul li.email a{background-image:url(../images/atozemail.gif);}
#atozcloserbeds{
	background:#F6F6F6 url(../images/list_grey_back.png) repeat-x scroll left bottom;border-top:solid 1px #ccc;bottom:-30px;clear:both;height:30px;position:absolute;text-align:right;width:100%;}
#atozmenubeds #atozcloserbeds a,#atozmenubeds #atozcloserbeds a:visited{
	border:none;display:block;height:30px;padding-right:17px;position:static;width:275px;
	}


/* End AtoZ styles - smaller */

/* Begin Homepage Contact us styles */
#contactUs p,
#contactUs span {
	font-size:1.1em;
	margin-bottom:8px;
	line-height:1.2em;
	}

#contactUs span {
	display:block;
	font-style:normal;
	margin:5px 0 0 30px;
	}

#contactUs img {
	float:none;
	vertical-align:middle;
	margin:2px 4px 0 10px;
	}

#contactUs address img {
	float:left;
	display:inline;
	}

#contactUs a {
	text-decoration:none;
	}

#contactUs a:hover,
#contactUs a:active {
	text-decoration:underline;
	}

/* End Homepage Contact us styles */


/* Begin Meet the Mayor styles */
#MeetMayor p,
#MeetMayor span {
	font-size:1.4em;
	margin-bottom:0px;
	line-height:1.2em;
	padding-left: 4px;
	}

#MeetMayor span {
	display:block;
	font-style:normal;
	margin:5px 0 0 30px;
	}

#MeetMayor img {
	float:right;
	vertical-align:middle;
	margin:2px 4px 0 10px;
	}

#MeetMayor address img {
	float:left;
	display:inline;
	}

#MeetMayor a {
	text-decoration:none;
	color:#000000;
	font-weight: normal;
	}

#MeetMayor a:hover,
#MeetMayor a:active {
	text-decoration:underline;
	}

/* End Meet the Mayor Contact us styles */


/*=========== Begin A to Z styles     ================*/



.sys_header_row3 {
	clear: both;
	/*background:#6C276A url(../images/atozbg2.jpg) no-repeat right top; */
	background: #662964;
	color: #fff;
	font-size: 1.7em;
	padding: -8px 0 0 0;
	height: 20px; 
	margin: 3px 0 8px 0px;
	width:99%;
	/*border-bottom:0px solid #004d71;  Hidden as not required in this version */
}

html>body .sys_header_row3 {
	/*margin: 0 0 -10px 0; Updated for redesign */
	margin: 0px 0 0 0;
}

html>body .sys_header_row3 {
	min-height: 20px;
	height: auto;
	/*margin: 0; Updated to fit with rebrand */
	margin: 0px 0 0 0;
}

.sys_header_row3_text {
	float: left;
	width: 200px;
	padding: 0 2px 0 4px;
	background: #662964;
}

.sys_header_row3_alphasearch {
	float: left;
	background: #662964;
	margin-right: 2px;
	}

.sys_header_row3_alphasearch a {text-decoration: underline;}

/* ************** alphabetical search  styles   ***************/

.sys_header_row3_alphasearch SPAN {
	display: inline !important;
	font-size: 90%;
}

.sys_header_row3_alphasearch span.sys_CellStyle {
	padding: 0 4px 0 4px;
	text-decoration: none;
	vertical-align: top;
	font-size: 100% !important;
}

/* hide full width span of atoz from IE */
html>body .sys_header_row3_alphasearch span.sys_CellStyle {
	/* padding: 0 4px 0 6px; */
	text-decoration: none;
	vertical-align: top;
	font-size: 100% !important;
}

.sys_header_row3_alphasearch span.sys_CellStyle a {
	font-size: 100% !important;
	text-decoration: none;
}

.sys_header_row3_alphasearch span.sys_CellStyle a:hover {
	font-size: 100% !important;
	text-decoration: underline;
}

.sys_header_row3 a, .sys_header_row3 a:visited {
	color: #fff;
	text-decoration: none;
}

.sys_header_row3 a:hover {
	text-decoration: underline;
}

TD.sys_CellStyle a {
	text-decoration: underline
}

.sys_CssClass {font-size: 100% !important;}

.sys_DisabledStyle {font-size: 100% !important;}

.sys_SelectedStyle {
	color: #fff;
	font-size: 100% !important;
}

.sys_SelectedStyle a, .sys_SelectedStyle a:visited  {
	color: #fff;
	text-decoration: underline;
}

.sys_UnselectedStyle {
	background: #662964;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100% !important;
}

.sys_UnselectedStyle a, .sys_UnselectedStyle a:visited  {
	color: #fff;
	text-decoration: none;
}

.sys_UnselectedStyle a:hover {
	text-decoration: underline;
}

/* *************end of alphabetical search  styles **************/

/* start rounded corners CSS for atoZ */
.box { 
  background: #662964; 
}
.boxtop { 
  background: url(../images/TRC.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/TLC.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(../images/BRC.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(../images/BLC.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 20px 0px 20px;
}

/* End rounded corners CSS for atoZ */


/* *************** End A-Z Styles***************************************** */


/*  *********  START DO IT ONLINE MAIN BOXES ************/




#doicontainer {
	float:left;
	display:inline;
	/*width:240px;*/
	width:196px;
	/* background-color:#c8c8c8;*/
	/*background:url(../images/left_nav_bg.gif) left top no-repeat;*/
	background: url(../images/TRC.gif) no-repeat top right #662964; 
	margin:10px 0 0 8px;
	}

#doicontainerBottom {
	float:left;
	height: 20px;
	display:inline;
	/*width:240px;*/
	width:196px;
	/* background-color:#c8c8c8;*/
	/*background:url(../images/left_nav_bg.gif) left top no-repeat;*/
	background: url(../images/BRC.gif) no-repeat bottom right #662964; 
	margin:-20px 0 0 0;
	}

#doitabs {
	float:left;
	display:inline;
	/*width:240px;*/
	width:160px;
	/*background-color:#FFFFFF;*/
	background-color:#662964;
	/*background:url(../images/left_nav_bg.gif) left top no-repeat;*/
	margin:10px 0px; 10px; 0px;
	height: auto;
	}

#doitabs h2 {
	font-family:Arial;
	/*text-align:right;*/
	text-align:left;
	color:#fff;
	font-size:16px;
	/*font-size:1.2em;*/
	/*text-transform:uppercase;*/
	font-weight:bold;
	padding:1px 0 5px 6px;
	/*margin:0;*/
	margin-top: 4px;
	margin-left: 2px;
	/*margin-right: 2px;*/
	margin-bottom: 4px;
	/*width:100%;*/
	background-color:#662964;
	width: 180px;
	border-bottom:2px solid #ffffff;
	}

#doitabs ul {
	/*background:url(../images/left_nav_bottom.gif) left bottom no-repeat;*/
	padding-bottom:14px;
	padding-top:1px;
	/*padding-left:1px;*/
	/*padding-right:14px;*/
	margin:0;
	}

#doitabs ul li ul {
	background:none;
	padding:0;
	background:#c8c8c8;
	}

#doitabs ul li {
	list-style:none;
	display:inline;
	}

#doitabs ul li a {
	display:block;
	/*background-color:#E7E7E8;*/
	background-color:#662964;
	/* color:#000000;*/
	color:#ffffff;
	text-decoration:none;
	font-size:1.3em;
	/*padding:4px 6px;*/
	padding-top: 12px;
	padding-left: 55px;
	border-bottom:1px solid #662964;
	font-weight:bold;
	margin-left: 1px;
	margin-right: 0px;
	margin-bottom: 5px;
	height: 40px;
	width: 138px;
	}


#doitabs ul li.last a {
	display:block;
	/*background-color:#E7E7E8;*/
	background-color:#662964;
	/* color:#000000;*/
	color:#ffffff;
	text-decoration:none;
	font-size:1.3em;
	/*padding:4px 6px;*/
	padding-top: 12px;
	padding-left: 55px;
	border-bottom:1px solid #662964;
	font-weight:bold;
	margin-left: 1px;
	margin-right: 0px;
	margin-bottom: -2px;
	height: 40px;
	width: 138px;
	}


/* Enlarging font for non IE browsers */

html>body #doitabs ul li a {
	font-size:14pt;
	}


html>body #doitabs ul li.last a {
	font-size:14pt;
	}


/* End enlarginging font for non IE browsers */

#doitabs ul li a:hover {
	background-color: #D5C6D5;
	color:#662964;
	/*border:1px solid red;*/
	}

#doitabs ul li.first a {
	border-top:none;
	}

#doitabs ul li.selected a {
	/*background:#2e7c9b;*/
	background:#C9D3DC;
	/*color:#fff;*/
	color:#000;
	margin-left: 2px;
	margin-right: 2px;
	}

#doitabs ul li a:hover,
#doitabs ul li a:active {
	text-decoration:none;
	background-color: ##C9D3DC;
	}

#doitabs ul li.selected ul li a,
#doitabs ul li ul li a {
	color:#003e5c;
	background:url(../images/whitearrow.gif) 7px 7px no-repeat #ffffff;
	padding:3px 6px 3px 16px;
	margin:0 2px;
	border-top:1px solid #ccc;
	font-weight:normal;
	}

#doitabs ul li ul li.selected a {
	color:#003e5c;
	font-weight:bold;
	background:url(../images/bluearrow.gif) 7px 7px no-repeat #b2ced9;
	}

#doitabs ul li.first ul li a {
	border-top:1px solid #fff;
	}

#doitabs ul li ul li a:hover,
#doitabs ul li ul li a:active {
	/*background:url(../images/whitearrow.gif) 7px 7px no-repeat #a5c7d4;*/
	background-color: ##C9D3DC;
	}

#doitabs ul li ul li ul li a {
	color:#333;
	background:url(../images/whitearrow.gif) 7px 6px no-repeat #99c0d0;
	padding:2px 6px 2px 16px;
	margin:0 4px;
	border-top:1px solid #fff;
	}

#doitabs ul li ul li ul li a:hover,
#doitabs ul li ul li ul li a:active {
	/*background:url(../images/whitearrow.gif) 7px 6px no-repeat #88b6c8;*/
	background-color: ##C9D3DC;
	}

#doitabs ul li ul li ul li ul li a {
	color:#fff;
	background:url(../images/whitearrow.gif) 7px 6px no-repeat #89b4c6;
	padding:1px 6px 1px 16px;
	margin:0 6px;
	}

#doitabs ul li ul li ul li ul li a:hover,
#doitabs ul li ul li ul li ul li a:active {
	/*background:url(.../images/images/whitearrow.gif) 7px 6px no-repeat #71a4b9;*/
	background-color: ##C9D3DC;
	}


/*  *********  START DO IT ONLINE MAIN BOXES ************/

/* Start tickertape style */

#ticker {
	width: 98%;
	background-color: #fff;
	overflow:hidden;
	margin-right: 6px;
	margin-left: 6px;
	background-color: #e2e2e2;
	margin-bottom: 2px;
	height: 80px;
	

}
#ticker .ticker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin-right: 6px;
	margin-left: 6px;
	color: #000;
	padding-top:5px;
	padding-left: 5px;

}	
#ticker .ticker h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
	padding-top:1px;
	padding-left: 3px;
	padding-bottom: 0px;

}	
#ticker .ticker marquee{
	background-color: #fff;
	padding-left: 4px;
	padding-right: 4px;

}
/*end ticker tape style*/

/* Specific Objective styles - PW added 01/11/2018 */
.crumbtrail{
    font-size:15px;
}

#main strong {

    font-size:15px;
}
