/*NT31 */
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: arial, sans-serif;  
}

/* dimensions for topimage container */
#topimage {
	WIDTH: 770px; HEIGHT: 135px;
}

#page
{
width: 770px;
}

/* navigation bg image for home page */
#navigation {
	MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; padding-top: 0px; padding-left: 4px; ALIGN: right;
}

/* navigation bg images for each main section */
#navigationbusiness{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(businessbot.gif); padding-top: 0px; padding-left: 4px; 
}	
#navigationcouncildemocracy{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(council_democracy_b.gif); padding-top: 0px; padding-left: 4px; }	
#navigationcommunityliving{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(community_livingbot.gif); padding-top: 0px; padding-left: 4px; }	
#navigationeducation{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(educationbot.gif); padding-top: 0px; padding-left: 4px; }	
#navigationenvironment{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(environmentbot.gif); padding-top: 0px; padding-left: 4px; }	
#navigationhousing{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(housingbot.gif); padding-top: 0px; padding-left: 4px; }
#navigationjobs{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(jobscareers_bottom.gif); padding-top: 0px; padding-left: 4px; }
#navigationleisure{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(leisurebot.gif); padding-top: 0px; padding-left: 4px; }
#navigationnews{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(newsbot.gif); padding-top: 0px; padding-left: 4px; }
#navigationpolicingpublicsafety{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(policing_bottom.gif); padding-top: 0px; padding-left: 4px; }
#navigationsocialcare{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(socialbot.gif); padding-top: 0px; padding-left: 4px; }
#navigationtransport{
MARGIN-BOTTOM: 0px; WIDTH: 766px; HEIGHT: 55px; BACKGROUND-IMAGE: url(transport_streetsbot.gif); padding-top: 0px; padding-left: 4px; }


/* different colour footers for each main section */
#footer {
	CLEAR: both; FONT-SIZE: 70%; color:white; font-weight:bold; LINE-HEIGHT: 30px; HEIGHT: 30px; width: 770px; text-indent: 5px; BACKGROUND-IMAGE: url(wbspbannerfooter.jpg);
}
#footercouncildemocracy {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #ADCAC6; width: 770px; text-indent: 5px;
}
#footerbusiness {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #A2A5B7; width: 770px; text-indent: 5px;
}
#footercommunityliving {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #EDBAA6; width: 770px; text-indent: 5px;
}
#footereducation {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #A6BCB6; width: 770px; text-indent: 5px;
}
#footerenvironment {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #D2E2BE; width: 770px; text-indent: 5px;
}
#footerhousing {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #F4C9D9; width: 770px; text-indent: 5px;
}
#footerjobs {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #CEC5E3; width: 770px; text-indent: 5px;
}
#footerleisure {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #FDCEAF; width: 770px; text-indent: 5px;
}
#footerpolicingpublicsafety {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #BAC3E4; width: 770px; text-indent: 5px; margin-top: 10px;
}
#footersocialcare {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #F4C9D9; width: 770px; text-indent: 5px;
}
#footertransport {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #BAC3E4; width: 770px; text-indent: 5px;
}
#footernews {
	CLEAR: both; FONT-SIZE: 70%; LINE-HEIGHT: 30px; HEIGHT: 30px; BACKGROUND: #ADCAC6; width: 770px; text-indent: 5px;
}

/* navigationform container for search form and section menu */
#navigationform {
/*	FLOAT: right; position: absolute; top: 114px; left: 594px; WIDTH: 175px; margin-bottom: 0px; margin-top:5px; */
	margin-top:10px;
}
#navigationform label {
	FLOAT: left;  margin-bottom: 0px; margin-top:0px; margin-top: 5px; margin-right: 5px; font-weight:bold; font-size:95%;
}

/* margins for breadcrumb trail */
#breadcrumb {
	MARGIN: 5px 0px 5px;
}


/* central column for content pages */
#content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 5px; FLOAT: left; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; WIDTH: 426px; PADDING-TOP: 0px; voice-family: inherit
}
UNKNOWN {
	WIDTH: 451px
}

/* news column on home page */
#news {
	margin-top: 10px; MARGIN-BOTTOM: 30px; 
}
#news P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; PADDING-TOP: 0px
}
/* leftmenu layout and styling */
#leftmenu{
	MARGIN: 5px 5px 10px 3px; FLOAT: left; WIDTH: 155px; 
}

#mainsections {
	MARGIN: 0px 0px 10px 0px; FLOAT: left; WIDTH: 145px; TEXT-ALIGN: center; border: #000 1px solid; border-top: 0px;
}
UNKNOWN {
	WIDTH: 145px
}

#mainsections P
{
PADDING: 0px; 
MARGIN: 0px; 
BORDER-TOP: #000 1px solid; 
text-align: left;
background-color: #ebf2fb;
}

#mainsections P A 
{
DISPLAY: block;  
TEXT-DECORATION: none; 
padding: 2px 2px 2px 2px;
margin-left:0px;
width: 142px;
font-size:90%;

}

#mainsections UL
{
LIST-STYLE-TYPE: none;
BORDER: 0px;
PADDING: 0px;
MARGIN: 0px 0px 0px 8px; 
text-align: left;
}

#mainsections LI
{
PADDING: 0px; 
MARGIN: 0px; 
text-align: left;
}

#mainsections LI A 
{
DISPLAY: block;  
TEXT-DECORATION: none; 
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width: 100%;
font-size:80%;
}

.wbsp
{
background-color:#adc9f1;
}

.hbusiness:hover
{
BACKGROUND: #A2A5B7; 
COLOR: #000; 
TEXT-DECORATION: none;
}
.hcommunity:hover
{
BACKGROUND: #EDBAA6; 
COLOR: #000; 
TEXT-DECORATION: none;
}
.hcouncildemocracy:hover
{
BACKGROUND: #A6BCB6; 
COLOR: #000; 
TEXT-DECORATION: none;
}
.heducation:hover
{
BACKGROUND: #A6BCB6; 
COLOR: #000; 
TEXT-DECORATION: none;
}
.henvironment:hover
{
BACKGROUND: #D2E2BE; 
COLOR: #000; 
TEXT-DECORATION: none;
}
.hhousing:hover
{
BACKGROUND: #F4C9D9; 
COLOR: #000; 
TEXT-DECORATION: none;
}
.hjobsandcareers:hover
{
BACKGROUND: #CEC5E2; 
COLOR: #000; 
TEXT-DECORATION: none;
}
.hleisure:hover
{
BACKGROUND: #FDCEAF; 
COLOR: #000; 
TEXT-DECORATION: none;
}
.hnews:hover
{
BACKGROUND: #ADCAC6; 
COLOR: #000; 
TEXT-DECORATION: none;
}
.hpolicingpublicsafety:hover
{
BACKGROUND: #BAC3E4; 
COLOR: #000; 
TEXT-DECORATION: none;
}
.hsocialcare:hover
{
BACKGROUND: #F4C9D9; 
COLOR: #000; 
TEXT-DECORATION: none;
}
.htransport:hover
{
BACKGROUND: #BAC3E4; 
COLOR: #000; 
TEXT-DECORATION: none;
}

.business  
{
background-color:#A2A5B7;
}
.business2  
{
background-color:#0A3156;
}
.community  
{
background-color:#EDBAA6;
}
.community2  
{
background-color:#CF2B26;
}
.councildemocracy  
{
background-color:#A6BCB6;
}
.councildemocracy2  
{
background-color:#008173;
}
.education 
{
background-color:#A6BCB6;
}
.education2 
{
background-color:#00634F;
}
.environment 
{
background-color:#D2E2BE;
}
.environment2 
{
background-color:#74B243;
}
.housing  
{
background-color:#F4C9D9;
}
.housing2  
{
background-color:#E34F92;
}
.jobsandcareers 
{
background-color:#CEC5E2;
}
.jobsandcareers2 
{
background-color:#7E62AC;
}
.leisure 
{
background-color:#FDCEAF;
}
.leisure2 
{
background-color:#F26A21;
}
.news  
{
background-color:#ADCAC6;
}
.news2  
{
background-color:#008173;
}
.policingpublicsafety  
{
background-color:#BAC3E4;
}
.policingpublicsafety2  
{
background-color:#2C68B3;
}
.socialcare  
{
background-color:#F4C9D9;
}
.socialcare2  
{
background-color:#E34F92;
}
.transport  
{
background-color:#BAC3E4;
}
.transport2  
{
background-color:#2C68B3;
}
.relatedlinks  
{
background-color:#2C68B3;
}
/* rightmenu layout and styling */
#rightmenu{
	MARGIN: 5px 0px 0px 3px; FLOAT: right; WIDTH: 150px; 
}

#sectionpages {
	MARGIN-TOP: 5px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 150px; PADDING-TOP: 0px; voice-family: inherit; BORDER: #000 1px solid; margin-bottom: 10px;
	}
UNKNOWN {
	WIDTH: 150px
}

#seealso, #rightfeatures {
	MARGIN-TOP: 5px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 5px; WIDTH: 150px; PADDING-TOP: 0px; voice-family: inherit; BORDER: #000 1px solid; margin-bottom: 10px; 
	}
UNKNOWN {
	WIDTH: 157px
}
#seealso P, #rightfeatures P{
font-size:95%; padding: 10px 5px 0px 5px; 	}

#rightmenu P{
margin-top:0px;
}
#rightmenu UL
{
LIST-STYLE-TYPE: disc;
BORDER: 0px;
PADDING-LEFT: 20px;
PADDING-RIGHT: 5px;
MARGIN: 0px 0px; 
font-size: 95%;
}
#rightmenu H1{
PADDING: 5px 0px 5px 5px;
color:#FFF;
font-size: 90%;
}

#rightmenu LI
{
PADDING-bottom: 0px; 
MARGIN: 0px; 

}

#rightmenu LI A 
{ 
TEXT-DECORATION:underline; 
color:#000;
font-size:85%;
margin-bottom: 0px;
padding-bottom: 0px;
}

#rightmenu LI A:hover
{
BACKGROUND: #FFF; 
COLOR: #2C68B3; 
TEXT-DECORATION:underline;
}

#address
{
padding-left: 3px; 
padding-top: 15px;
}

#address P
{
padding-left: 5px;
color: #3399FF;
font-size: 300%;
font-weight: bold;
}

#address H1 {
font-size: 100%;
PADDING: 10px 0px 10px 5px;
font-size: 90%;
}
	
#features
{
padding-top:5px;
}
#features UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 16px; PADDING-TOP: 0px;
}

form {
	MARGIN: 0px; float:left;
	}

/* FIELDSET {
	BORDER-RIGHT: 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: 0px solid
} */

.input {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: #fff; FONT: arial, sans-serif; BORDER-LEFT: #000 1px solid; COLOR: #000; BORDER-BOTTOM: #000 1px solid; height: 16px; margin-bottom:0px; font-size: 90%;
}
.button {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: #9CF; FONT: bold arial, sans-serif; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; height: 20px;
}

/* classes for left and right floating images */
.left {
	FLOAT: left; MARGIN-BOTTOM: 5px; MARGIN-RIGHT: 10px; margin-left: 5px;
}
.right {
	FLOAT: right; MARGIN-LEFT: 10px
}

/* classes for different text alignment*/
.centre {
	TEXT-ALIGN: center
}
.righttext {
	TEXT-ALIGN: right
}

/* class to hide elements such as topmenu for browsers implementing css */
.hidden {
OVERFLOW: hidden; 
WIDTH: 0px; 
POSITION: absolute; 
HEIGHT: 0px
}

/* classes for putting black border around tables */
#borders table
{
    border-color: #000;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

#borders td, #borders th 
{
    border-color: #000;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
}