﻿/*
	Filename         : 	style.css
It includes the Reset and Navi.css now!!

*/

/*******************************************************
********************************************************
********************************************************  
This resets every element back to 0 as to make take it as close to basic for every browser as possible
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre, p,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
}
/* remember to define focus styles! */
a:focus, a span:focus {
	outline: solid thin #000099;
}
ol, ul {
	list-style:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
}
html {
	/*overflow-y:hidden;*/
		overflow: auto;
}
body #s4-workspace {
overflow: auto !important;
}
/*******************************************************************
********************************************************************
Navi styles start here:
************************************************************
************************************************************
/* Styling for all navigation bars is pretty similar site wide
*  li > a > span   such that...
*  li element holds the repeated middle background image
*  a elements hold the left hand side of the navigation image
*  span element hold the right hand side of the navigation image
************************************************************************************************************************/
/***************** Account Login Logout buttons ****************/
div#accountButtons {
float: left;
width: 185px;
display:inline;
margin-left:20px;
position:relative;
}
div#accountButtons a {
padding:8px 20px 30px 0px;
			display:block;
			font-size:1.1em;
}
div#accountButtons ul, div#accountButtons ul li{
display:inline;}
div#accountButtons li {
		float:left;
		font-weight: bold;
	}
/********* Not logged in***********/
div#accountButtons li#loginTab {
background:transparent url('/Style%20Library/lbl/images/topTabBg.png') repeat-x top left;
}
div#accountButtons #loginTab a {
			background:transparent url('/Style%20Library/lbl/images/topTabEndLast.png') no-repeat top right;
		}
div#accountButtons #loginTab {
		width: 130px;
		}
#loginTab span {
			float:left;
			display:inline;
			width:15px;
			height:34px;
			background:transparent url('/Style%20Library/lbl/images/topTabLoginStart1.png') no-repeat 0px -3px;
		}
/********Logged in***********/
div#accountButtons li#logoutTab	a {
background:transparent url('/Style%20Library/lbl/images/topTabEnd_account.png') no-repeat top right;
color:#FFFFFF;
}	
div#accountButtons li#logoutTab, div#accountButtons li#myAccountTab {
		display:inline;
		background:transparent url('/Style%20Library/lbl/images/topTabBg_account.png') repeat-x top left;
	}
div#accountButtons #myAccountTab a {
			background:transparent url('/Style%20Library/lbl/images/topTabEndLast_account.png') no-repeat top right;
			color:#FFFFFF;
		}
div#accountButtons #logoutTab {
		width: 80px;}
#logoutTab span {
			float:left;
			display:inline;
			width:15px;
			height:34px;
			background:transparent url('/Style%20Library/lbl/images/topTabLoginStart1_account.png') no-repeat 0px -3px;

		}
div#accountButtons span.greeting {
	font-size: 1.4em;
	margin-top: 10px;
	font-weight:bold;
	z-index: 2;
	top: 34px;
	left: 0px;
	float:left;
	color:#d51866;
	margin-left: 2px;
	position:absolute;
}
/* Global Navigation Bar 
************************************************************************************************************************/

#topNav {
	float:right;
	display:inline;
	font-weight:bold;
	margin-right: 330px;
}
	#topNav li {
		float:left;
		display:inline;
		background:transparent url('/Style%20Library/lbl/images/topTabBg.png') repeat-x top left;
	}
	
	#topNav li.hide {
		display:none;
	}
	
		#topNav a {
			background:transparent url('/Style%20Library/lbl/images/topTabEnd.png') no-repeat top right;
			padding:8px 25px 30px 0px;
			display:block;
			font-size:1.1em;
		}

	/* slightly diff styling to make it bigger */
	#topNav #accessibilityButton {
		background:transparent url('/Style%20Library/lbl/images/topTabFirstBg.png') repeat-x top right;
		width: 130px;
	}
	#accessibilityButton span {
			float:left;
			display:inline;
			width:15px;
			height:37px;
			background:transparent url('/Style%20Library/lbl/images/topTabLoginStart1.png') no-repeat top left;
		}
		#topNav #accessibilityButton a {
			background:transparent url('/Style%20Library/lbl/images/topTabEndFirst.png') no-repeat top right;
			font-size:1.4em;
		}
		#topNav #contactButton a {
			background:transparent url('/Style%20Library/lbl/images/topTabEndLast.png') no-repeat top right;
		}
/************ Searchbox styling inside the LI ***********/	
	#topNav #searchBox {
		background:transparent url('/Style%20Library/lbl/images/searchBackground.gif') no-repeat top left;
		padding:0 11px 12px 0;
		float:right;
		width:314px;
	}
		#searchBox .textbox {
			float:left;
			display:inline;
			margin:17px 0 0 50px;
			width:179px;
			border:0;
		}	
		#searchBox .button {
			float:left;
			display:inline;
			margin:12px 0 0 20px;
		}
#searchBox label {
display:none;}
/************* Searchbox styling in DIV**********/
div#searchBox {
		background:transparent url('/Style%20Library/lbl/images/searchBackground.gif') no-repeat top left;
		padding:0 11px 12px 0;
		float:right;
		width:314px;
		margin-top: -54px;
	}


/*****************************************************************/		
/* Search box override settings - overrides the Microsoft SharePoint OOB styling for the search control. Only affects the masterpage search control as wrapped in #searchBox div */
	
div#searchBox {
		background:transparent url('/Style%20Library/LBL/images/searchBackground.gif') no-repeat top left;
		padding:0 11px 12px 0;
		float:right;
		width:314px;
		margin-top: -54px;
		height:43px;
	}

			
#searchBox .button {
float:left;
display:inline;
margin:12px 0 0 20px;
		}
		
		
#searchBox 	.s4-search table{
width:212px;
float:left;
margin-right:17px;
}

#searchBox .s4-searchbox{
width:100%
}

#searchBox .s4-search .ms-sbtable-ex{
float:right;
margin-right:0px;
margin-top:0px;
}

#searchBox .s4-searchbox .ms-sbtable-ex{
float:none;
}


/* this styles the displayed search */
#searchBox input.s4-searchbox-QueryPrompt{
font-size:12px;
color: #333;
float:left;
display:inline;
border:0;
font-style:normal;
width: 170px !important;
border-right:0 !important;
background:transparent;
border:0 !important;
background-color:#fff;
height:20px;
padding:inherit;
margin:0 0 0 50px;
font-style:normal;
}

#searchBox .s4-search select.ms-sbscopes,.s4-search input.ms-sbplain{
border:0px solid #e3e3e3 !important;
color:#476382;
margin-top:0;
}
#searchBox .s4-search select.ms-sbscopes{
padding:0 0 2px;
}
#searchBox .ms-sbplain{
border:solid 1px #b6babf !important;
border-right:none !important;
border-collapse:collapse;
font-size:10.5pt;
padding:6px 2px 7px 10px;
font-family:verdana,tahoma,sans-serif;
background:url("/_layouts/images/bgximg.png") repeat-x -0px -511px;
background-color:#fff;
height:17px;
display:block;
}

/* this styles before a search entry */
#searchBox .s4-search input.ms-sbplain{
font-size:12px;
color: #333;
border-right:0 !important;
background:transparent;
border:0 !important;
background-color:#fff;
height:20px;
padding:inherit;
float:left;
display:inline;
margin:0 0 3px 50px;
border:0;
font-style:normal;
width: 170px !important;
}

#searchBox .s4-search .srch-gosearchimg{
background: transparent !important;
border:1px solid #e3e3e3 !important;
border-left:none !important;
background-color:#fff;
height:19px;
padding:0 !important;
}

#searchBox .ms-sbgo .ms-sbcell {
}

#searchBox td.ms-sbgo img {
float:right;
border-style:none !important;
border-bottom-color: transparent !important;
border-width: 0 !important;
margin-top: 11px;
margin-left: 28px;
vertical-align: top;
}


#searchBox .ms-sbLastCell{
padding-right:0px;
}

/* pre-query drop down styling */
#searchBox .srch-AutoCompContainer{
border:1px solid #D5D5D5;
padding:5px 0;
margin: 0 0 0 0;
visibility:hidden;
background:#FFF;
position:absolute;
z-index:1000;
top:45px;
max-width:320px;

}
#searchBox .srch-AutoCompDropImg{
background:none;
height:8px;
left:20px;
position:absolute;
top:-1px;
width:16px;
}

#searchBox .srch-AutoCompList{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
color: #0072bc;
cursor:pointer;
margin-top: 5px;
margin-right:15px;
overflow:hidden;
padding:0 0 0 0;
white-space:nowrap;
text-overflow:ellipsis;
text-align:left;
}

#searchBox .srch-AutoCompListItem{
background:#FFF;
color:#333;
margin:0;
padding:4px 2px 4px 11px;
}
#searchBox .srch-AutoCompHListItem{
background: transparent;
background-color:#FFFFFF;
color:#e31b6e;
margin:0;
padding:3px 2px 3px 11px;
border-top:solid 1px #fff;
border-bottom:1px solid #fff;
}		



/********************************************************************************/
/* Main Navigation Bar 
************************************************************************************************************************/



#mainNav {
	float:right;
	font-size:1.3em;
	width:854px;
	height:53px;
	margin-top:28px;
	padding-bottom:18px;
}
	#mainNav li {
		float:left;
		background:url('/Style%20Library/lbl/images/navTabsTop.jpg') repeat-x left top;
		height:54px;
		overflow:hidden;
		text-align:center;
	}	
		#mainNav li a {
			float:left;
			font-weight:bold;
			cursor:pointer;
		}
			#mainNav li span {
				background:url('/Style%20Library/lbl/images/navTabs.jpg') no-repeat right -54px;
				float:left;
				padding:20px 26px 18px 10px;
			}
#mainNav li a:focus span {
		color:#d51866;
		text-decoration:underline;}
				
		/* Selected elements */
		#mainNav li.selected {
			margin-left:-18px;
			background:url('/Style%20Library/lbl/images/navTabsTop.jpg') repeat-x left -54px;
		} 
			#mainNav li.selected a {
				background:url('/Style%20Library/lbl/images/navTabs.jpg') no-repeat left -162px;
			}
				#mainNav li.selected a span {
					background:url('/Style%20Library/lbl/images/navTabs.jpg') no-repeat right -216px;
					padding-left:28px;
					color:#d51866;
				}
			
			
		/* first nav element */
		#mainNav .first {
			margin-left:0 !important;
		}
			#mainNav li.first a {
				background:url('/Style%20Library/lbl/images/navTabs.jpg') no-repeat left top;
			}
				#mainNav li.first a span {
					padding-left:12px;
				}
				#mainNav li.last a span {
					background:url('/Style%20Library/lbl/images/navTabs.jpg') no-repeat right -108px;
				}
		
			#mainNav .first .selected {
				background:url('/Style%20Library/lbl/images/navTabs.jpg') no-repeat left -270px;
			}
				#mainNav .first .selected span {
					padding-left:12px;
				}
				#mainNav .last .selected span {
					background:url('/Style%20Library/lbl/images/navTabs.jpg') no-repeat right -324px;
				}

	/* widths defined toi control text zooming */		
	#mainNavHome span {
		width:37px;
	}
	#mainNavServices span {
		width:91px;
	}
	#mainNavCouncil span {
		width:132px;
	}
	#mainNavDoOnline span {
		width:73px;
	}
	#mainNavArea span {
		width:80px;
	}
	#mainNavEngage span {
		width:80px;
	}
	#mainNavMap span {
		width:107px;
	}


/************************************************************************/	
/* Left Navigation Bar 
************************************************************************************************************************/
div#onlyMobile {
	display: none;
}

div#testNavMob {
	display: none;
}
ul#onlyMob {
	display:block;
}
/* navigation container */
#leftNavigation {
	/* temp margin so its not fixed in the top & left*/
	float:left;
	margin:7px 0 0 20px;
	width:200px;
	display:inline;
}

/***** Navigation list - LEVEL 1 ******/
	#leftNavigation ul {
		border:1px solid #ccc;
		float:left;
		font-family:arial;
		width:198px;
	}
		#leftNavigation ul li {
			border-bottom:1px solid #ccc;
			float:left;
			padding-top:1px;
			width:198px;
		}	
		#leftNavigation ul li.last {
			border-bottom:0;
		}
			#leftNavigation ul li a {
				background:#eaeaea;
				color:#333;
				display:block;
				font-size:1.071em;
				padding:7px 7px 7px 10px;
				text-decoration:none;
			}
			#leftNavigation ul li a:hover {
				text-decoration:underline;
				color:#d51866;
			}
				#leftNavigation ul li a.selected {
					background:#d51866;
					border-bottom:0;
					color:#fff;
					font-weight:bold;
				}
				#leftNavigation ul li a.selectedParent {
					background:#d51866;
					border-bottom:0;
					color:#fff;
					font-weight:bold;
				}		
							
/***** Navigation list - LEVEL 2 ******/
					#leftNavigation ul li ul {
						border:0;
						border-bottom:3px solid #d51866;
					}
						#leftNavigation ul li ul li {
							border-bottom:0;
							padding-top:0;
						}	
						
							#leftNavigation ul li ul li .nochildren {
								border-bottom:1px solid #ccc;
							}
							
								#leftNavigation ul li ul li ul li .nochildren {
									border-bottom:1px dashed #ccc;
								}
								
									#leftNavigation ul li ul li ul li ul li .nochildren {
										border-bottom:none;
									}
						
							#leftNavigation ul li ul li a {
								background:#fff;
								border-bottom:1px solid #ccc;
								color:#333;
								display:block;
								font-size:1em;
								text-decoration:none;
							}	
							#content #leftNavigation ul li ul li a.first {
								background:#fff url(/Style%20Library/lbl/images/levelTwoDownArrow.gif) no-repeat 169px 0px;
								
							}
							
														#leftNavigation ul li ul li a:hover, #content #leftNavigation ul li ul li a.selectedParent:hover {
								text-decoration:underline;
								color:#d51866;
							}
								#leftNavigation ul li ul li a.selected {
									background:transparent;
									color:#d51866;
								}	
								#leftNavigation ul li ul li a.selectedParent {
									border-bottom:0;
									color:#333;
									font-weight:bold;
									background-color:transparent;
								}
							
/***** Navigation list - LEVEL 3 ******/
								#leftNavigation ul li ul li ul {
									border:0;
									border-bottom:1px solid #999;
								}
								#leftNavigation ul li ul li ul.current {
									border-bottom:0;
								}
									#leftNavigation ul li ul li ul li {
										padding-top:0;
									}
										#leftNavigation ul li ul li ul li a {
											background:transparent;	
											border-bottom:1px dashed #ccc;																					
											color:#333;
											display:block;
											font-size:.857em;
											padding:6px 10px 6px 10px;
											text-decoration:none;
										}
										#leftNavigation ul li ul li ul li a:hover, #content #leftNavigation ul li ul li ul li a.first:hover {
											text-decoration:underline;
											color:#d51866;
										}
											#content #leftNavigation ul li ul li ul li a.first {
												background:url(/Style%20Library/lbl/images/parentLevelDownArrow.gif) no-repeat top left;
												color:#333
											}
											#content #leftNavigation ul li ul li ul.current li a.first {
												background:url(/Style%20Library/lbl/images/currentLevelDownArrow.gif) no-repeat top left;
											}
											#leftNavigation ul li ul li ul.current li a.last {
												background:url(/Style%20Library/lbl/images/navigationSelectedFooter.gif) no-repeat bottom left;
												border-bottom:0;
											}
											#leftNavigation ul li ul li ul li a.last {
												border:0;
											}											
												#content #leftNavigation ul li ul li ul li a.selected {
													color:#d51866;
													border-bottom:1px dashed #CCCCCC;
												}
													
/***** Navigation list - LEVEL 4 ******/
													#leftNavigation ul li ul li ul li ul {													
														border:0;
														border-bottom:1px solid #999;
													}
													#leftNavigation ul li ul li ul li ul.current {
														border-bottom:0;
													}
														#leftNavigation ul li ul li ul li ul li {
															border:0;
															padding-top:0;
														}
															#leftNavigation ul li ul li ul li ul li a {
																border:0;
																color:#333;
																padding:5px 10px 5px 22px;
															}
															#leftNavigation ul li ul li ul li ul li a:hover, #content #leftNavigation ul li ul li ul li ul li a.first:hover {
																text-decoration:underline;
																color:#d51866;
															}
																#leftNavigation ul li ul li ul li ul li a.first {
																	background:url(/Style%20Library/lbl/images/parentLevelDownArrow.gif) no-repeat top left;
																	color:#333;
																}
																#leftNavigation ul li ul li ul li ul.current li a.first {
																	background:url(/Style%20Library/lbl/images/currentLevelDownArrow.gif) no-repeat top left;
																}
																#leftNavigation ul li ul li ul li ul.current li a.last {
																	background:url(/Style%20Library/lbl/images/navigationSelectedFooter.gif) no-repeat bottom left;
																	border-bottom:0;
																}
																#content #leftNavigation ul li ul li ul li ul li a.selected {
																	color:#d51866;
																}
																#leftNavigation ul li ul li ul li ul li a.selectedParent {
																	color:#333;
																}
																#leftNavigation ul li ul li ul li ul.current li {																	
																	background:transparent url(/Style%20Library/lbl/images/navigationSquarePink.gif) no-repeat 10px 12px;
																}
																#leftNavigation ul li ul li ul li ul li {																	
																	background:#fff url(/Style%20Library/lbl/images/navigationSquareBlack.gif) no-repeat 10px 12px;
																}
																
/***** Navigation list - LEVEL 5 ******/
																	#leftNavigation ul li ul li ul li ul li ul {
																		border:0;
																	}
																		#content #leftNavigation ul li ul li ul li ul li ul li {
																			border:0;
																			padding-top:0;
																			background-position:23px 12px;
																		}
																			#leftNavigation ul li ul li ul li ul li ul li a {
																				border:0;
																				color:#333;
																				padding:5px 10px 5px 36px;
																			}
																			#leftNavigation ul li ul li ul li ul li ul li a:hover,#content #leftNavigation ul li ul li ul li ul li ul li a.first:hover {
																				text-decoration:underline;
																				color:#d51866;
																			}
																				#leftNavigation ul li ul li ul li ul li ul li a.first {
																					background:url(/Style%20Library/lbl/images/parentLevelDownArrow.gif) no-repeat top left;
																					color:#333;
																				}
																				#leftNavigation ul li ul li ul li ul li ul.current li a.first {
																					background:url(/Style%20Library/lbl/images/currentLevelDownArrow.gif) no-repeat top left;
																				}
																				#leftNavigation ul li ul li ul li ul li ul.current li a.last {
																					background:url(/Style%20Library/lbl/images/navigationSelectedFooter.gif) no-repeat bottom left;
																					border-bottom:0;
																				}
																				#leftNavigation ul li ul li ul li ul li ul li a.selected {
																					background:#fff url(/Style%20Library/lbl/images/navigationSquareBlack.gif) no-repeat 12% 50%;
																					color:#d51866;
																				}
																				#leftNavigation ul li ul li ul li ul li ul li a span.pinkSquare {																	
																					background:#fff url(/Style%20Library/lbl/images/navigationSquarePink.gif) no-repeat;
																					display:block;
																					float:left;
																					height:3px;
																					margin:5px 10px 0 0;
																					width:3px;
																				}
																				#leftNavigation ul li ul li ul li ul li ul li a span.blackSquare {																	
																					background:#fff url(/Style%20Library/lbl/images/navigationSquareBlack.gif) no-repeat;
																					display:block;
																					float:left;
																					height:3px;
																					margin:5px 10px 0 0;
																					width:3px;
																				}
																				
/***** Navigation list - LEVEL 6 ******/
																					#leftNavigation ul li ul li ul li ul li ul li ul {
																						border:0;
																					}
																						#content #leftNavigation ul li ul li ul li ul li ul li ul li {
																							border:0;
																							padding-top:0;
																							background-position:38px 12px;
																						}
																							#leftNavigation ul li ul li ul li ul li ul li ul li a {
																								border:0;
																								color:#333;
																								padding:5px 10px 5px 50px;
																							}
																								#leftNavigation ul li ul li ul li ul li ul li ul.current li a.first {
																									background:url(/Style%20Library/lbl/images/currentLevelDownArrow.gif) no-repeat top left;
																								}
																								#leftNavigation ul li ul li ul li ul li ul li ul.current li a.last {
																									background:url(/Style%20Library/lbl/images/navigationSelectedFooter.gif) no-repeat bottom left;
																									border-bottom:0;
																								}
																								#leftNavigation ul li ul li ul li ul li ul li ul li a span.pinkSquare {																	
																									background:#fff url(/Style%20Library/lbl/images/navigationSquarePink.gif) no-repeat;
																									display:block;
																									float:left;
																									height:3px;
																									margin:5px 10px 0 0;
																									width:3px;
																								}
																								#leftNavigation ul li ul li ul li ul li ul li ul li a span.blackSquare {																	
																									background:#fff url(/Style%20Library/lbl/images/navigationSquareBlack.gif) no-repeat;
																									display:block;
																									float:left;
																									height:3px;
																									margin:5px 10px 0 0;
																									width:3px;
																								}


/*skip for keyboard navigation and screen readers*/
#skip a, #skip a:hover, #skip a:visited
{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skip a:active, #skip a:focus
{
	position:inherit;
	float:left;
	width:60px;
	margin-left:-180px;
	height:auto;
} 	


/**************************************************************************	
/*******************************************************************************
Styles start here
********************************************************************************
*******************************************************************************

/*  General class definitions for global use - delete if not using any of these
************************************************************************************************************************/

.show {
	display:block;
}
.hide {
	display:none;
}
.noBorder {
	border:0 !important;
}
.clear {
	clear:both !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	font-size:1px !important;
	height:1px !important;
	width:1px !important;
	float:none !important;
}	

.print {
	display:none;
}

#main {
	behavior:url(/Style%20Library/lbl/js/iepngfix.htc);
}


/******************************************************************************************
/*  Layout of body and main div's
************************************************************************************************************************/

body {
	font-size:62.5%;
	background:#fff url('/Style%20Library/lbl/images/bg_body.png') repeat-x top left;
}

div#wrapper {
}

div#header {
	width:984px;
	margin:0 auto;
	min-height:154px;
	height:auto !important;
	height:154px;
	background: transparent url('/Style%20Library/lbl/images/headerBackground.png');
	background-repeat: repeat-x;
	background-position: left 1px;
}
	#logo {
		margin-top:12px;
		width:105px;
		height:105px;
		background:transparent url('/Style%20Library/lbl/images/lewishamLogo.png') no-repeat top left;
		float:left;
		text-indent:-9000px;
	}
		
div#main {
	min-height:200px;
	width:100%;
	margin:0 auto;
	background:transparent url('/Style%20Library/lbl/images/pageBackgroundSides1.png') repeat-y top center;
}
	
div#footer {
	background:transparent url('/Style%20Library/lbl/images/footerBackground.png') no-repeat top center;
	height:180px;
}


#contentWrapper {
	float:left;
	width:764px;
	
}

/*****************************************
/*** Global setting for the breadcrumb ***/
/****************************************/
	#breadCrumb {
		background:#1079ad;
		display:inline;
		float:left;
		margin-bottom:25px;
		width:984px;
	}
		#breadCrumb ul {
			padding-left:15px;	
			width:969px;
		}	
			#breadCrumb ul li {
				color:#fff;
				display:block;
				float:left;		
				font-size:.857em;
				padding:5px 2px;
			}	
				#breadCrumb ul li a {
					display:block;				
					color:#fff;
					text-decoration:none;
				}
				#breadCrumb ul li a:hover {
					display:block;				
					color:#fff;
					text-decoration:underline;
				}
#breadCrumb ul li.selected,
#breadCrumb ul li a.selected {
font-weight:bold;
}
	#contentWrapper p a,
	#contentWrapper ul a,
	#contentWrapper table a {
		color:#006699;
	}
				
/*********************************************************
/* Footer Styles 
************************************************************************************************************************/
#footer a {
		color:#006699;
	}
	#footerInner {
		margin:0 auto;	
		padding:15px 20px;
		width:944px;
	}
	#footerTop {
		float:left;
		width:100%;
		border-bottom:1px solid #ccc;
		padding-bottom:15px;
		margin-bottom:15px;
	}
		#footerTop p {
			font-size:1.4em;
			float:left;
			padding-right:20px;
		}
			
		#footerLeft {
			float:left;
		}
			#footerLeft ul {
				margin-top:15px;
				font-size:1.2em;
			}
				#footerLeft li {
					float:left;
					display:inline;
					padding-right:10px;
					margin-left:10px;
					background:transparent url('/Style%20Library/lbl/images/footerDivider.gif') no-repeat right 2px  ;
					color:#333;
				}
				#footerLeft li.last {
					background:none;
				}

		#footerRight {
			float:right;
		}
			#footerRight p {
				font-size:1.2em;
				text-align:right;
			}
			#footerRight img {
				margin-left:10px;
			}


/***********************************************
/* PNG Fix
************************************************************************************************************************/

#promoTitle,
#promoInfo,
#sideColumn div.contentContainer #contactInfo h4 {
	behavior: url(../js/iepngfix.htc);
}
/*************************************************/
div#logo a {
display: block;
width:105px;
height:105px;
}
	

/*************************************************************************
/*********************** Contact Box starts *******************************/	
/*******************************************************/

#contentWrapper .contactInfo {
		background:transparent url(/Style%20Library/lbl/images/contentBoxBackground.png) repeat-x top left  ;
		border:1px solid #ccc;
		padding:10px;
		margin-bottom:10px;
	}
	
#contentWrapper .contactInfo h3 {
				background:transparent url(/Style%20Library/lbl/images/contactIcon.gif) no-repeat top right;
				width: 92%;
				height:45px;
				padding:0 35px 0 0;
				float:left;
				clear:left;
				margin-bottom: -15px;
		}
	
#contentWrapper .vcard {
				margin-bottom:10px;
			}
		 #contentWrapper .contactInfo div.adr, 
		 #contentWrapper .contactInfo div.tel,
		 #contentWrapper .contactInfo div.email {
			line-height:0.9em;
			margin-bottom:0.3em;
		}
		#contentWrapper .contactInfo div.tel,
		#contentWrapper .contactInfo div.email {
		display: inline;}
		#contentWrapper .contactInfo span.type {
		font-weight:bold;
		}
			#contentWrapper .contactInfo span a {
				color:#006699;
			}
#contentWrapper .vcard dl dt.contactName,
#contentWrapper .vcard dl dt.contactAddress  {
display:none;}
#contentWrapper .vcard dl dd.fn a, #contentWrapper .vcard dl dd.fn {			
			font-weight:bold;
			padding-bottom:2px;
}	
#contentWrapper .vcard dl dd.adr {
display:block;
} 
#contentWrapper .vcard dl dd.fn {
	display:block;
}
#contentWrapper .vcard dl dd.tel,
/*#contentWrapper .vcard dl dt.contactTel,
#contentWrapper .vcard dl dt.contactEmail,/*/
#contentWrapper .vcard dl dd.email {
display:inline;
}
#contentWrapper .vcard dl dt.contactWebsite {
	display: block;
}
#contentWrapper .vcard dl dd.email a {
display:inline;
}

#contentWrapper .vcard dl dd {
display: inline;
}
#contentWrapper .vcard dl dd span.street-address,
#contentWrapper .vcard dl dd span.locality,
#contentWrapper .vcard dl dd span.postal-code {
			margin-bottom:0.3em;
			}
#contentWrapper .vcard dl dt {
font-weight:bold;
display:inline;
line-height:0.9em;}
/*********************** Contact box ends **************************/	

/*************************************************************************
/*********************** Directory list starts *******************************/	
/*******************************************************/

#contentWrapper .directoryList {
		background:transparent url(/Style%20Library/lbl/images/contentBoxBackground.png) repeat-x top left  ;
		border:1px solid #ccc;
		padding:10px;
		
	}
		

/*********************** directory list box ends **************************/
/*******************************************************************/
/*********** Calls to action code with big green buttons **********/
/***************************************************************/	
#contentWrapper ul.actionList {
			margin-bottom:20px;
			margin-left: 0px;
			margin-top:10px;
		}
#contentWrapper ul.actionList li {
				border-bottom:1px solid #ccc;
				height:55px;
				padding-top:15px;
				padding-left:0;
				background:none;
			}	
#contentWrapper ul.actionList li.formApply {
				background:transparent url('/Style%20Library/lbl/images/pencilIcon.gif') no-repeat scroll 0 15px;
			}
#contentWrapper ul.actionList li.formReport {
				background:transparent url('/Style%20Library/lbl/images/speechIcon.gif') no-repeat scroll 0 15px;
			}
#contentWrapper ul.actionList li.formPay {
				background:transparent url('/Style%20Library/lbl/images/poundIcon.gif') no-repeat scroll 0 15px;
			}
#contentWrapper ul.actionList li.formDoOnline {
				background:transparent url('/Style%20Library/lbl/images/mouse.gif') no-repeat scroll 0 15px;
			}
#contentWrapper ul.actionList li.downloadIcon {
				background:transparent url('/Style%20Library/lbl/images/download.gif') no-repeat scroll 0 15px;
			}
#contentWrapper ul.actionList li img {
					float:left;
				}
#contentWrapper ul.actionList li p {
					clear:none;
					color:#333;
					float:left;
					font-size:1.3em;
					line-height:1em;
					margin:0 0 0 55px;
					position:absolute;
					padding:0;
					width:250px;
				}
#contentWrapper ul.actionList .submit {
					float:right;
					width:130px;
					margin-top:-5px;
					background:transparent url('/Style%20Library/lbl/images/inputSubmitLarge.gif') no-repeat scroll top left;
					font-weight:bold;
					text-align:center;
				}
#contentWrapper ul.actionList .submit a {
						color:#fff;
						background:transparent url('/Style%20Library/lbl/images/inputSubmitBottomLarge.gif') no-repeat scroll bottom left;
						padding:8px 15px;
						float:left;
						width: 100px;
					}
					
					
/**********************************************************/
/************** Document download detailed view ********************/
/*********************************************************/
#contentWrapper ul.downloadDocuments li {
	background:transparent url(/Style%20Library/lbl/images/download.gif) no-repeat scroll 0 15px;
	border-bottom:1px solid #ccc;
	padding-top:10px;
	padding-bottom: 10px;
}
#contentWrapper ul.downloadDocuments {
			margin-bottom:20px;
			margin-left: 0px;
			margin-top:0;
				}
.ctl00_PlaceHolderPages_idDocXslSelector {
	font-size:1px;
	line-height: .1;
	display:none;
}
#contentWrapper ul.downloadDocuments li a {
font-size:1.3em;
line-height:1em;
margin:0 0 2px 55px;
display:block;
}
ul.downloadDocuments dl {
font-size:.85em;
margin:0 0 0 55px;
}
.downloadDocuments dt, .downloadDocuments dd {
display: inline;
}
.downloadDocuments dd {
border-right: 1px #333 solid;
padding-right: 5px;
margin-right: 5px;
}
.downloadDocuments dt {
padding: 0;
margin: 0;
}
span.docDescription {
	margin-left: 55px;
	display: block;
	margin-bottom: 3px;
}

/**********************************************************/
/************** Document download list view ********************/
/*********************************************************/

#contentWrapper div.documentsList {
border: 1px solid #ccc;
margin-bottom: 10px;}
#contentWrapper div.documentsList h2 {
margin: 6px;
font-size:1em;}
#contentWrapper div.documentsList ul {
margin:8px;
}
#contentWrapper div.documentsList ul li{
line-height:1.2;
margin: 5px 0;
}
#contentWrapper div.documentsList ul li span.docDescription {
	margin-left: 0px;
	margin-bottom: 0px;
	display: block;
}

/*******************************************************************/	
/************** Forms download list view ********************/
/***************************************************************/
#contentWrapper div.actionsListView {
border: 1px solid #ccc;
margin-bottom: 10px;}
#contentWrapper div.actionsListView h2 {
margin: 6px;
font-size:1em;
}
#contentWrapper div.actionsListView ul {
margin:8px;
}
#contentWrapper div.actionsListView ul li{
line-height:1.2;
margin: 5px 0;
}
/**********************************************************/
table#mapPoints td a{
text-transform: lowercase;
}

/****************** Editing RichHtml Fields - Yellow background ******************/
div.ms-formfieldvaluecontainer {
border: 1px solid orange !important;
background-color: #FFFFBB;}

/*********** Related Links Editing style ************/
table.relLinksEditTable {
	width: 250px;
}

/*********** Overwriting default inline margin ***************/
div.primaryContentItem img[style]{
      margin: 0px !important;
      }
 
div.MSVE_MapContainer[style]{
} 
/**************************************/
/********** Main news list************/
div#newsMainList h3 {
	margin: 10px 0 0 0;
}
     
 /************ a to z **************/
/* Paging and a-z listing options */
			.paging,
#contentWrapper ul.atoz {
				background:url(../images/pagingBorder.jpg) repeat-x left top;
				width:100%;
			}
#contentWrapper ul.paging,
#contentWrapper ul.paging li {
	background: none;
	float: left;
	margin-right: 15px;
	margin-left: 0;
	padding: 0;
}			
#contentWrapper ul.paging li input {
	border: 2px #eee double;
	background: #fff;
	font-size:1.1em;
	padding: 4px 10px;
	font-weight:bold;
	color: #333;
}	
#contentWrapper ul.itemsList {
	font-size:1.1em;
	font-weight:bold;
}		
#contentWrapper ul.atoz {
					margin: 0;
}
			#contentWrapper ul.atoz {
				background:url(../images/pagingBorderBottom.jpg) repeat-x left top;
			}
				#contentWrapper ul.atoz li {
					background:url(../images/pagingMiddle.jpg) repeat-x left top;
					float:left;
					margin-right:5px;
				}
#contentWrapper ul.atoz li {
	background: none;
	padding-left: 0;
}
				#contentWrapper ul.atoz li {
					background:url(../images/azMiddle.jpg) repeat-x left 6px;
				}
					#contentWrapper ul.atoz li a {
						background:url(../images/pagingLeft.jpg) no-repeat left top;
						padding-left:12px;
						float:left;
						color: #333;
					}
					#contentWrapper ul.atoz li a:hover {
					color:#d51866;
					} 
					#contentWrapper ul.atoz li a {
						padding-left:10px;
						background:url(../images/azLeft.jpg) no-repeat left 6px;
					}
						#contentWrapper ul.atoz li a span {
							background:url(../images/pagingRight.jpg) no-repeat right top;
							padding:9px 12px 11px 0;
							font-size:1.14em;
							font-weight:bold;
							float:left;
							text-align:center;
						}
						#contentWrapper ul.atoz li a span {
							padding:11px 10px 9px 0;
							background:url(../images/azRight.jpg) no-repeat right 6px;
						}
				#contentWrapper ul.atoz li.selected {
					background:url(../images/pagingMiddleActive.jpg) repeat-x left top;
					float:left;
					margin-right:5px;
				}
				#contentWrapper ul.atoz li.selected {
					background:url(../images/azMiddleActive.jpg) repeat-x left top;
				}

					#contentWrapper ul.atoz li.selected a {
						background:url(../images/pagingLeftActive.jpg) no-repeat left top;
						padding-left:10px;
						float:left;
					}
					#contentWrapper ul.atoz li.selected a {
						background:url(../images/azLeftActive.jpg) no-repeat left top;
					}
						#contentWrapper ul.atoz li.selected a span {
							background:url(../images/pagingRightActive.jpg) no-repeat right top;
							padding:10px 10px 10px 0;
							float:left;
							color:#d51866;
							text-align:center;
						}
						#contentWrapper ul.atoz li.selected a span {
							background:url(../images/azRightActive.jpg) no-repeat right top;
						}
					/* faded out due to no results */
					#contentWrapper ul.atoz li.noresults {
						background:url(../images/azMiddleFade.jpg) repeat-x left 6px;
					}
						#contentWrapper ul.atoz li.noresults a {
							background:url(../images/azLeftFade.jpg) repeat-x left 6px;
						}
							#contentWrapper ul.atoz li.noresults a span {
								background:url(../images/azRightFade.jpg) repeat-x left 6px;
								color:#ccc;
							}
						#contentWrapper ul.atoz li.noresults a:hover {
							text-decoration:none;
							color:#ccc;
						}		
		
div.servicesLanding h1{
	margin: 0 20px;
}
div.servicesLanding #sideColumn {
	margin: 0 0 0 20px;
}

/*********** Tables for the Web Parts in Rich text area *************/
#contentWrapper .ms-rte-wpbox table,
#contentWrapper .ms-rtestate-read table,
#contentWrapper .ms-rtestate-read table td,
#contentWrapper .ms-rtestate-read table table,
#contentWrapper .ms-rtestate-read table table td,
#contentWrapper .ms-rte-wpbox table td,
#contentWrapper .ms-rte-wpbox table table,
#contentWrapper .ms-rte-wpbox table table td {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}
#contentWrapper .ms-WPBody p,
#contentWrapper .ms-rte-wpbox table p,
#contentWrapper .ms-rte-wpbox table ul li a {
	font-size: 1.4em;
	line-height:1.1;
}
#contentWrapper .ms-rte-wpbox table ul {
	margin: 0;
}
#contentWrapper .ms-rte-wpbox table ul li {
background: url("/Style%20Library/lbl/images/listItemGreenSquare.gif") no-repeat scroll 0px 8px transparent;
}
#contentWrapper  .ms-rte-wpbox table ul.atoz li {
					background:url(../images/azMiddle.jpg) repeat-x left 6px;
				}

#contentWrapper .ms-rte-wpbox table div.celSearchBox p,
#contentWrapper .ms-WPBody div.celSearchBox p {
	font-size: 1em;
}

/**********Web part in side bar ***/
#sideColumn table {
	font-size: 1.4em !important;
}
/************ Web part in main column ******/
#contentWrapper .wpMain {
	border: 0 !important;
}
#contentWrapper .wpMain table,
#contentWrapper .wpMain table tr td {
	border: none;
	background: none;
	padding:0;
	margin:0;
	width: 100%;
}
#contentWrapper .wpMain ul {
	margin: 0;
}
#contentWrapper .wpMain ul.fadedbluenav {
	font-size:14px;
}
#contentWrapper .wpMain table tr td li.dfwp-item a {
	font-size: 1.3em;
}
#contentWrapper ul.TrPageNav li {
	display:inline-block;
	width:80px;
	list-style:none;
	background: none;
	border-collapse:separate;
	background-color:white;
}
div#resultsPanel {
	font-size: 1.2em;
}
/************************* Events ****************************************/
div#eventsBigList .eventItem {
background-image: url(/Style%20Library/lbl/images/contentBoxBackground.png);
background-repeat: repeat-x;
background-position: left top;
padding: 0px;
margin-bottom: 10px;
}
div#eventsBigList .eventItem h3 a {
color: #006699;}
div#eventsBigList .eventItem h3 a:hover {
text-decoration:underline;
color: #006699;}
div#eventsBigList dt {
display:none;}
div#eventsBigList dl {
}
div#eventsBigList dd.eventTime,
 div#eventsBigList dd.eventDate {
font-weight:bold;
display:inline;}
div#eventsBigList dd.eventShort {
margin-top: 0px;}
/*****************************MAp*******/
#contentWrapper span#ctl00_PlaceHolderPages_MultiPointMap_ctl06_sadasmap {
	margin: 10px 0;
}
/************* Events******************/
div.eventItem h3 {
margin-bottom: 0;
}
ul.eventType li, ul.eventAudience li {
	text-transform:lowercase;
}
span.RoundsTransform {
	text-transform:lowercase;
}
/****************************/
/********** Code for tooltip********/
.hotspot {
color:#900; 
padding-bottom:1px;  
cursor:pointer;
}

#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat; font-size:1.2em;}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}
/*********************/
/**** A to Z mouse over *******/
#contentWrapper ul.paging li input.overButton:hover {
	color:#D51866;
}
#navExtender input.goButton,
div.homeBox input#ctl00_MainContentPlaceholder_FindMyNearest_ctl03,
input#ctl00_MainContentPlaceholder_inmyareaflydown_FindMyNearest_ctl03,
.lbl-styleStyle-impContent input.goButton
 {
	font-size:1em;
	color:#fff;
	background-color:#009608;
	border: 1px solid #009608;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight:bold;
padding: 3px 5px;
}

.lbl-styleStyle-impContent select#ctl00_PlaceHolderPages_MultiPointMap_ctl00 {
	font-size: 1em;
}
/*****************Internal search results - FOI - *&&&*********/
ul.results1 li p {
	line-height: 1.1;
	margin: 0;
	padding: 0;
}

ul.results1 li h2 {
	font-size: 1.1em;
	margin: 5px 0 0 0;
	padding:0;
}
#contentWrapper .ms-rte-wpbox table ul.results1 li,
ul.results1 li {
	list-style:none;
	background-image:none;
}
#contentWrapper .ms-rte-wpbox table .ms-sbtext {
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
}
#contentWrapper .ms-rte-wpbox table td .ms-sbcell {
	border: 1px solid #cccccc;
}

#contentWrapper .ms-rte-wpbox table td .ms-sbtext,
#contentWrapper .ms-rte-wpbox table td .ms-sbgo {
	border: none;
	padding: 0 5px !important;
}
table.s4-wpTopTable {
	margin-bottom: 20px !important; 
}
.primaryContentContainer .srch-wperror {
	display: none;
}
/***** Styles for forms listings in the sec content style ********/

#mainColumn #landingSectionContainer {
	background:#fff url(/Style%20Library/lbl/images/landingListBackgroundGradient.gif) repeat-x top left;
	float:left;
	margin-top:5px;
	width:503px;
	margin-bottom:10px;
}
#mainColumn #landingSectionContainer ul {
margin:0;
padding:0;
list-style: none;
}
	#mainColumn #landingSectionContainer ul li {		
		float:left;
		width:250px;
		list-style: none;
		margin:0;
		padding:0;
		background: none;
		height: 110px;
		overflow: hidden;
	}
		#mainColumn #landingSectionContainer ul li.first {
			background:url(/Style%20Library/lbl/images/penPaperIcon.gif) no-repeat 95% 0%;
			padding:12px;
			width:479px;		
		}	
			#mainColumn #landingSectionContainer ul li.first p {
				width:415px;
			}
				#mainColumn #landingSectionContainer ul li.first p input {
					background:#009508;
					margin-top:10px;
				}
	
#mainColumn #landingSectionContainer ul li.alternatingItem {
border-left:1px solid #CCCCCC;
}
#mainColumn #landingSectionContainer ul li div {
border-top:1px solid #CCCCCC;
margin-right:10px;
padding:10px 0 0 10px;

}
#mainColumn #landingSectionContainer ul li div div {
border: none;
border-top: none !important;
margin: 0;
padding: 0;	
}
#mainColumn #landingSectionContainer ul li.alternatingItem div {
margin:0 0 0 10px;
}
#mainColumn #landingSectionContainer ul li div h4 {
color:#006699;
}
#mainColumn #landingSectionContainer ul li div img {
float: left;
padding:0 10px 40px 0;
}
ul.dirSearch {
	font-size:.8em;
	font-weight:bold;
}
ul.contSearch {
	font-size:1.1em;
	font-weight:bold;
}
#contentWrapper .ms-rte-wpbox table p.dirSearch {
	font-size:1.2em;
}
#contentWrapper table p.contSearch {
	font-size:1.2em;
}
table .searchBox {
	border-collapse:separate;
}
#contentWrapper .ms-rte-wpbox table ul li.CELSearch a {
	font-weight:bold;
	font-size:1.05em;
}
#contentWrapper .ms-rte-wpbox table ul li.CELSearch {
	font-weight:normal;
	font-size:1.4em;
	
}
p a.cel {
	font-size:1.105em;
}
#contentWrapper #mainColumn #ctl00_PlaceHolderPages_ctl01_label {
	display:none;
}
table td.ms-sbcell {
	vertical-align:bottom !important;

}

/*************** Only on Mobile ***********/
.MobileNavOnly {
	display:none;
}
/****************************************************/
/************ Only on Print *************************/
.PrintOnly {
	display:none;
}



/************** Form iFrames in template ************/

div#content iframe.formFrame1 {
	display:none; 
	width:720px; 
	height:800px; 
	margin: 0px; 
	padding: 0px; 
	overflow :auto;
	font-size: 1em;
}
div#content iframe.formFrame2 {
	width:720px; 
	height:900px; 
	margin: 0px; 
	padding: 0px; 
	overflow:visible; 
	background:transparent;
	font-size: 1em;
}
div#content iframe.formFrameFull {
	width:900px; 
	height:1600px; 
	margin: 0px; 
	padding: 0px; 
	overflow:visible; 
	background:transparent;
	font-size: 1em;
}

/************** Wrapping long URLs in middle column ************/
#mainColumn p {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
#mainColumn p.PublishedDate, #mainColumn p.CELList {
	white-space: normal;
}
p.cP {
	text-transform:capitalize;
}