@charset "utf-8";
/*
LAYOUT.CSS
This file contains layout style definitions only.
This file may need to be edited slightly if small changes
in layout, widths, heights, padding etc. need to be made.
*/

/* Controls the MCE! */
@import url("rtf_text.css"); 

/*========================*/
/*      GROUND RULES      */
/*========================*/

/*
Base font size is set to 62.5%. This allows subsequent font size definitions in ems
to reflect the same physical size as pixels (e.g. 1.2em = 12px). Set font sizes
for each element separately rather than for generic container divs - this gives
more straight forward and direct control of font sizes.
e.g. Don't set a font size for #wrapper or #primary - set it for #primary h2 or
#primary p
*/
body {
	padding: 10px 0 0;
	margin: 0;
	font-size: 62.5%;
}
#wrapper {
	width: 950px;			/* set the page width at 850. This can go up to 1000px for 1024px screens */
	margin: 0 auto;
}


/*========================*/
/*         HEADER         */
/*========================*/

/*======== MASTHEAD ========*/
.imgreplace {
	display: block;
	text-indent:-3000px;
	height: 107px;
	width:303px;
}
#header {
	height: 107px;
	margin:0 auto 35px;
	position:relative;
	width:950px;
}
/*======== "ABOUT US" NAVIGATION ========*/
#header ul {
	position: absolute;
	top: 10px;
	right:0px;
	list-style: none;
	margin: 0;
	padding: 0 8px 0 0;	
	}
#header ul li {
	display:inline;
	padding: 0 0 0 4px;
	float:left;
}
.txtControls a {
	margin-left: 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
/*======== HELPBAR ========*/
ul#helpbar {
	position: absolute;
	top: 45px;
	right:5px;
	list-style: none;
	margin: 0;
	padding:0 15px 0 0;
	width:500px;
	float:none;
}
ul#helpbar li {
	padding:0;
	margin:0;
}
ul#helpbar li a {
	display:block;
	height:40px;
	float:left;
	margin:0;
}
ul#helpbar li a.index {
	padding:9px 5px 0px 40px;
	}
ul#helpbar li a.howtouse, ul#helpbar li a.search {
	padding:9px 10px 0px 40px;
}
/*======== PRIMARY NAVIGATION ========*/
ul#navprimary {
	position: relative;
	top: -35px;
	width: 850px;			/* this is a function of #wrapper width */
	margin: 0;
	padding: 0;
	list-style: none;
	left: 0;
}
ul#navprimary li {
	margin: 0;
	padding: 0;
	float: left;
}
ul#navprimary li a {
	display: block;
	line-height: 24px;
	padding: 0 12px;
	float: left;
}
/*======== SEARCH ========*/
#searchbox {
	position: absolute;
	top: 40px;
	text-align: right;
	width: 850px;			/* this is a function of #wrapper width */
}
input {
	margin-right: 5px;
	vertical-align: middle;
}
#searchbtns {
	padding: 0 0 0 20px;
	height: 19px;
}
input.txt {
	height: 15px;
}



/*================================*/
/*======== CENTRAL COLUMN ========*/
/*================================*/
#primary {
	width: 555px;			/* this is a function of #wrapper width */
	float: left;
	position:relative;
}
#primary h1 {
	margin:0 0 19px ;
	padding:0px;
	width:335px;
}
h2.sectiontitle {
	margin:0 0 19px !important;
	padding:0px !important;
	width:335px;
}
h1.itemtitle {
	margin:20px 0 0 !important;
	width:100% !important;
}
#primary p {
	margin:15px 0px;
}
p.search-feedback {
	padding: 10px;
}
#content_container {
	margin:20px 0 0 0;
}

#updated {
	margin-top:30px !important;
}

/*======== DATE FORM ========*/
#dateform label {
	padding:0 15px 0 0;
}

#dateform label select {
	margin-left: 10px;
}

#dateform {
	margin: 0 0 10px 0;
}
/*======== RESULTS LIST ========*/
ul.results-list {
	margin: 0;
	padding: 0;
	list-style: none;

}
ul.results-list li{
	padding: 8px 10px 0px 0px;	
	line-height: 1.6em;	
}

ul.results-list .iteminfotypes {
	float:left;
	margin:0px;
	padding:0px;
	width:45px;
	height:50px;
}
ul.results-list .iteminfotypes li {
	padding:0px;
}

ul.results-list li h2, ul.results-list li h3 {
	padding: 0 0 0 5px;
	margin: 0;
}
ul.results-list li p {
	padding: 0 0 0 27px;
	margin: 0;
}

/*======== PAGINATION ========*/
#pagination {
	padding: 0px 15px;
	margin-top:10px;
}
#pagination ul {
	list-style: none;
	border: 0;
	padding: 0;
	margin: 0;
}
#pagination ul li {
	float: left;
	padding: 0 8px 5px 0;
	margin: 0;
	border: 0;
}
#pagination ul li a {
	padding: 0;
	width: 20px;
	line-height: 20px;
	display: block;
	text-align: center;
}

/*======== HOMEPAGE ========*/
#homebanner {
	width:555px;
	height:160px;
	position:relative;

}
#homebanner img {
	position:absolute;
	right:0px;
	top:0px;
	width:250px;
	height:160px;
}
#leftfeed {
	width:235px;
	padding:0px;
	margin-top:0px;
	float:left;
}
#leftfeed #intro {
	padding:10px 20px;
	margin:15px 0 5px;
}

#leftfeed h3 {
	padding:0px 0 0;
	line-height:2.3em;	
}
#leftfeed h3 a {
	line-height:1em;
}
#leftfeed p {
	margin:5px 0 10px;
}
#leftfeed ul {
	list-style:none;
	margin:0;
	padding:0 0 10px;
}
#leftfeed ul li a {
	display:block;
	padding:2px 0 5px 35px;
	margin:8px 0;
}
#homepagefeed {
	margin:25px 0 0 220px; 
	width:295px;
}

#homepagefeed p {
	margin:5px 0px;
}

#homeintro {
	clear:both;
}

/*=============================*/
/*======== LEFT COLUMN ========*/
/*=============================*/

/*======== NAVIGATION ========*/
#columnleft {
	width: 190px;			/* this is a function of #wrapper width */
	float: left;
	padding-right: 25px;	/* this is added on to the width to create total width of div */
}
#columnleft h3 {
	margin: 0;
	padding: 0 0 10px 0;
	
}
#columnleft ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
#columnleft ul li {
	margin: 0;
	padding: 0;
	border-bottom: 5px solid #fff;	/* using a white border instead of margin obscures the background image from showing through in IE6 */
}
#columnleft ul li a {
	display: block;
	padding: 9px 12px 11px;
}
#columnleft ul li ul {
	margin: 0;
	padding: 0;
}
#columnleft ul li ul li {
	margin: 0;
	padding: 0;
}
#columnleft ul li ul li a {
	padding: 2px 20px 0 10px;
	margin:0;
	background-image: none !important;
}
#columnleft ul li ul li.active ul {
	margin:-17px 0 0 0;
	padding:17px 0 5px 0;
}
#columnleft ul li ul li ul li {
	margin: 0;
	padding: 0;
	border: 0;
}
#columnleft ul li ul li ul li a {
	margin: 0;
	padding: 5px 20px 0 20px;
}

/*=============================*/
/*           TAB NAV           */
/*=============================*/
#tabnav {
	clear:both;
	padding:0px;
	margin:10px 0px;
}
#tabnav li {
	padding:0;
	float: left;
	list-style: none;
	height:38px;
}
#tabnav li a {	
	padding:12px 12px 0 35px;
	height:27px;
	display:inline-block;
}

#tabnav li.all a {	
	padding:12px 14px 0 12px;
}

#tabnav li.doc a, #tabnav li.documents a {	
	padding:12px 9px 0 34px;
}

#tabnav li.org a, #tabnav li.organisations a {	
	padding:12px 12px 0 34px;
}
#tabnav li.news a {	
	padding:12px 11px 0 34px;
}
#tabnav li.events a {	
	padding:12px 11px 0 34px;
}

#tabnav li a {	
	padding:12px 12px 0 35px;
	height:27px;
	display:inline-block;
}

#looking {
	position:absolute;
	top:0px;
	right:0px;
	margin:0px !important;
}

#looking a {
	display:block;
	padding:2px 5px;
}

/*==============================*/
/*         RIGHT COLUMN         */
/*==============================*/
#columnright {
	width: 155px;
	float: left;
	padding:0px;
	margin:0 0 20px 20px;
}
#columnright ul {
	margin:0px;
	padding:0px;
}
#columnright ul li {
	margin:0 0 2px 0;
}
#columnright a {
	display:block;
}
#columnright ul li#print a {
	height:26px;
	text-indent:0px;
	padding: 13px 0 6px 45px;
}
#columnright ul li#myAreaBox {
	height:181px;
	padding:10px 10px 3px;
}
#columnright ul li#myAreaBox span {
	display:block;
}
#columnright ul li#myAreaBox a {
	text-indent:0px;
	margin-top:115px;
}
#columnright ul li.allleeds a {
	text-indent:0px;
	margin-top:105px !important;
}
#columnright ul li#newsletter a {
	height:65px;
	padding:0 0 3px 0;
		text-indent:-999em;
}
#columnright ul li#previous a {
	height:37px;
	padding:0 0 3px 0;
		text-indent:-999em;
}
#columnright ul li#news a {
	height:45px;
	padding:0 0 3px 0;
		text-indent:-999em;
}
#columnright ul li#blogs a {
	height:71px;
	padding:0 0 3px 0;
		text-indent:-999em;
}
#columnright ul li#facebook a {
	height:47px;
	padding:0 0 3px 0;
		text-indent:-999em;
}
#columnright ul li#languages a {
	height:126px;
	padding:0 0 3px 0;
		text-indent:-999em;
}
#columnright ul li#emergency a {
	height:62px;
	padding:0 0 3px 0;
		text-indent:-999em;
}

#columnright #googlegadget a {
	height:17px;
	padding:0 0 3px 0;
	text-indent:-999em;
}

#columnright #rssicons {
	padding: 0 5px;
	margin:0 5px 0 0;
}

#columnright #rssicons a {
	margin:5px 0 5px;
}
#columnright #rssicons a img {
	margin:2px 5px 0 0;
	border:0;
	float:left;
	
}
#columnright #submittosite a {
	padding:5px 10px;
}

#columnright #relatedtopics {
	padding: 5px;
	margin:0 5px 5px 0;
}
#columnright #relatedtopics h2 {
	margin:0 0 10px 0;
	padding:0;
}


/*========================*/
/*         FOOTER         */
/*========================*/
#footer {
	clear: both;
	height:64px;
	position:relative;
	margin:0 10px 0 0;
	border-top:10px solid #fff;
}

#footer p {
	padding:15px 0 0 15px;
} 

#footer ul {
	position:absolute;
	top:0px;
	right:0px;
	width:400px;
	height:64px;
	padding:0px;
	margin:0px;
}

#footer ul li {
	float:left;
	width:auto;
}

#footer ul li a {
	display:block;
	height:55px;
	margin:3px 3px 0 3px;
	text-indent:-999em;
}

#footer ul li#council a {
	width:106px;
}
#footer ul li#nhs a {
	width:110px;
}
#footer ul li#forum a {
	width:50px;
}
#footer ul li#cib a {
	width:100px;
}

/*========================*/
/*     LANGUAGES BAR      */
/*========================*/

#languagesbar {
	margin-top:20px;
}

#languagesbar ul {
	height:34px;
	padding:0px;
	margin:0px auto;
	width:950px;
}

#languagesbar ul li {
	float:left;
	width:auto;
	padding:0px;
	margin:0px;
}

#languagesbar ul li a {
	display:block;
	height:34px;
	text-indent:-999em;
}

#languagesbar ul li#bengali a {
	width:43px;
}
#languagesbar ul li#chinese a {
	width:43px;
}
#languagesbar ul li#hindi a {
	width:48px;
}
#languagesbar ul li#punjabi a {
	width:50px;
}
#languagesbar ul li#bsl a {
	width:50px;
}

/*========================*/
/*        A-Z list        */
/*========================*/

/*======== A-Z index page ========*/


.azlistchar {
	float:left;
	margin:10px;
	text-align:center;
}
.azlistchar a {
	display:block;
	padding:15px 5px 20px;
	width:35px;
}

/*======== A-Z filter list ========*/

#azfilt ul {
	padding:0px;
}
#azfilt li {
	float:left;
	margin:3px;
	text-align:center;
}
#azfilt li a {
	display:block;
	padding:5px 0px;
	width:25px;
}
#azfilt li.showall a {
	display:block;
	padding:5px 0px;
	width:40px;
}
#azfilt li span {
	display:block;
	padding:5px 0px;
	width:25px;
}
#azfilt {
	padding:5px 10px 10px;
	margin:10px 0 0;
	}
#azfilt p {
	margin: 2px 0 10px;
}
/*================================*/
/*        eBulletin signup        */
/*================================*/

form {
	margin-top:20px;
}
#itemsubmitform form {
	width:450px;
}
form#searchme p {
	height:auto !important;
}
form#searchme {
	margin-top:0px !important;
}
#ebulletin form p {
	position:relative;
	height:45px;
}
form p input.txt {
	position:absolute;
	top:0px;
	left:150px;
	height:20px;
	padding:2px;
	width:350px;
}
form p input.btn {
	position:absolute;
	right:40px;
}

#ebulletin #primary p {
	margin:0px;
}

.hidden {
	display:none;
}
/*=================================*/
/*         GENERAL GUBBINS         */
/*=================================*/

/*======== BACK BUTTON ========*/
p.backbtn {
	position: absolute;
	top: 47px;
	margin-left: -38px;
}
p.backbtn a {
	text-indent: -9999px;
	display: block;
	height: 32px;
	width: 33px;
	padding: 9px 0 9px 40px;
	line-height: 28px;
}
a.inputbtn{
	margin-right: 5px;
	vertical-align: middle;
	padding:2px 2px;
}
/*======== MAP STYLING ========*/
div#mapcont {
	text-align: center;
}
p.style1 {
	display:none;
}
.people {
	width:220px;
}
input#searchbtns2 {
	padding:2px;
}
form#filterform {
	padding-bottom:1.8em;
}
form#filterform h4,#togadvsearch h1 {
	margin-top:5px;
	margin-bottom:10px;
}
form#filterform div {
	margin-bottom:0.5em;
	position:relative;
}
form#filterform div input#searchbtns2 {
	float:right;
}
form#filterform div #languageajax {
	position:relative;
}
form#filterform p label.radio {
	margin:4px;
	display:block;
}
#togadvsearch {
	padding: 7px;
}
div.divborder {
	margin-bottom: 7px;
	padding: 7px;
}
div.textalignright {
	text-align: right;
}
#searchbtns2 {
	width: 75px;
}
#plus,#minus {
	margin: 10px 15px 0 0;
}



/*======== FLOAT HACK ========*/
/*
Containing divs with floated content have a tendency to collapse in most browsers.
This hack allows containers to completely enclose floated content with the use of
<br clear="all"> (or similar) HTML solutions. You just need to specify the containers below. 
*/
#wrapper:after,
ul#navprimary:after,
ul#navprimary li:after,
#azfilt:after,
#pagination:after
{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
  
#wrapper,
ul#navprimary,
ul#navprimary li,
#azfilt,
#pagination
{display: inline-block;}

* html #wrapper,
* html ul#navprimary,
* html ul#navprimary li,
* html #azfilt,
* html #pagination
{height: 1%;}

#wrapper,
ul#navprimary,
ul#navprimary li,
#azfilt,
#pagination
{display: block;}

.clear {
clear:both;
height:20px;
}



/* Map - code from original site */

p.map {
	text-align: center;
	background: #f9f8c5 url(../images/mapbg_l.gif) no-repeat left top;
	padding: 0px 0px 0px 15px;
}
.map img{
}
.map span{
	display:block;
	padding: 0px 15px 0px 0px;
	background: url(../images/mapbg_r.gif) no-repeat right top;
	margin: 0px;
	width: auto;
	text-align: center;
}
div#locations, div#postcodes{
	background: url(../images/myarea_l_t.gif) no-repeat right top;
	margin-bottom:10px;
}
#locations ul,#postcodes ul{
	background: url(../images/myarea_l_b.gif) no-repeat right bottom;
	padding:10px 10px 20px 10px;
}
div#locations ul li a{
	display:block;
	font-size:1em;
	font-weight:normal;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
ul#selectArealist{font-size:1.5em;
list-style-type:none;}
div#postcodes{
/*
	float:left;
	width: 300px;
	background-image:url(/css/linkage/posttop.gif);
	background-repeat:no-repeat;
	background-position:top center;*/
	

}

div#postcodes ul.ulfinder{
	height: 85px;
}
div#postcodes ul li{
padding-top:6px;
display:none;
padding-right:5px;
font-size:1.4em;
font-weight:bold;
}

#areamaprhc {
	float:right;
	width:152px;
	margin:0 10px 0 0;
}

div#locations {
	margin:120px 0 0;
}



#itemsubmitform {
	width:400px;
	margin:0 0 0 20px;
}

#itemsubmitform	.txt {
   width: 25em;
   margin:-15px 0 10px 82px;
   padding:2px;
   height:19px;
   }
#itemsubmitform label {
	padding:5px 0;
}
   
#itemsubmitform	.txtarea {
   width: 32em;
   margin:3px 0 10px;
   padding:2px;
   }
   
#itemsubmitform	#Summary {
   height: 8em;
   }
   
#itemsubmitform select {
	display:block;
	margin:3px 0 10px;
}

#itemsubmitform	#Content{
   height: 16em;
   }

#itemsubmitform	.hd {   
   display: none;
   }

p.txt, p.txtarea {
	margin:0px !important;
	margin-bottom:0px !important!;
}

#rate {
	padding:0 10px;
	width:auto;
	margin:0 0 20px;
}
#rateuslink {
	display:block;	
	margin:10px 0;
}
.singlecomment {
	margin:5px 0;
}
.averagestars {
	margin:10px 0;
	display:block;
}
.reportedpart a {
	margin:0 0 0 5px;
}
.starsspan {
	margin:0 0 0 3px;
}
#rate textarea {
	width:300px;
	height:60px;
}
#rate input.txt {
	width:300px;
	margin:2px 0 5px;
}
#rate input#emailfld {
	margin:0 0 10px;
}
#rate input#feedbacksubmitbutton {
	margin:0 0 10px;
}


#sitemap li ul, #sitemap li ul li ul li {
	margin:0 0 10px;
}

#sitemap>li {
	margin:0 0 5px;
}

#signup label {
	display: block;
}

#refertofriend {
	font-size:1.2em;
	width:350px;
}
#refertofriend label {
	display:block;
	margin:0 0 20px 10px;
}
#refertofriend label input.txt {
	float:right;
	margin:-3px 0 0;
	border:1px #8736B5 solid;
	padding:2px;
	height:19px;
	width:190px;
}

p#pagepos {
	margin:0px;
}

.Location {
display:none;
}

.activecorg .Location {
/*display:block; client doesnt want location on orgs 26.3.10 */
}