@charset "utf-8";
/* Bracknell Forest Homes CSS 
Color SWATCH:
Beige:	  #E1DDCB
MidBlue:  #4D749C
Green:    #8AB821
DarkBlue: #2B4159
*/

html {}

body {	
	margin:0;
	padding:0;
	text-align:center;
	font-family: 'Verdana', sans-serif; 
	}
#page { 
	min-height: 100%;
	width: 959px;
	text-align:left;
	margin: 1em auto 1em auto;
	background-image:url('../images/page_bg.gif') !important;
	background-repeat: repeat-y;
	}
#container {
	display:block;
	width: 100%;
	height:100%;
	clear:both;
	overflow:hidden;
	background-image: url('../images/content_bg.gif');
	background-position: 15px bottom; 
	background-repeat: no-repeat;
	padding:0 0 50px 15px;
}
#home #container {background-image: url('../images/content_bg_newsletter.gif');}
#nav {
	position: relative;
	width: 100%;
}
a {		text-decoration:none;}
img {	border: 0;	}

#head {
	background-color:#fff; 
	float:left; 
	width:959px; 
	clear:both;
	background-image:url('../images/header.gif');
	background-repeat: no-repeat;
}
#head .phone-number{
	height:0; 
	padding:69px 0 0 0; 
	width: 270px; 
	overflow:hidden; 
	float:left;
}
#head a {
	color:#fff; 
	background-color:#8AB821; 
}
#head .placebo {
	display:block; 
	padding:25px 25px 0px 0px; 
	float:right;
	}
#head .placebo li {
	float:left;
	list-style-type:none; 
	margin:0;
	color: white;
	padding: 0 8px;
	font-size: 12px;
}
#head .placebo li.skip_to_content {display:none}
#head .placebo a {
	display:block;
	background-repeat:no-repeat;
	background-position: top left;
	line-height: 3em;
	font-weight: normal;
	padding-left: 34px;
	}	
#head .placebo a.typeup {	padding: 0; background-image: url(../images/icon_type_size_up.gif); width: 21px; height: 40px;}
#head .placebo a.typedown {	padding: 0; background-image: url(../images/icon_type_size_down.gif); width: 15px; height: 40px;}
#head .placebo a.map {		background-image:url('../images/icon_site_map.gif');}
#head .placebo a.view {		background-image:url('../images/icon_accessibilty.gif');}
#head .placebo label { 	display: none;}

#head .placebo .textfontsize {
	padding: 0 20px 0 0;
	color:#fff;
	background-color:#8AB821;
	line-height: 3em;
}
.contrastchanger {
	text-align: center;
}

#head .placebo a.translation {background-image:url('../images/icon_translation.gif');}
#webpagecontrast0, #webpagecontrast1, #webpagecontrast2 {
	padding: 0; 
	margin: 5px 0 0 0;			
	cursor: pointer; 
	background-color: transparent; 
	width: 18px;
	height: 18px;
	border: none;
	text-indent: -1000em;
	vertical-align: middle;
}
#webpagecontrast0 { background-image: url(../images/icon_contrast-normal.png);}
#webpagecontrast1 { background-image: url(../images/icon_contrast-creme.png);}
#webpagecontrast2 { background-image: url(../images/icon_contrast-high.png);}


.tools {	background-color:#2B4159; float:left; width:662px; overflow:hidden !important;}
.tools li {display:inline;}
.tools a{
	border: 1px solid #fff;
	border-width: 0 1px 0 0;
	display:block; 
	float:left; 
	width:132px; 
	padding:104px 0 0 0;
	height:0;
	overflow:hidden !important;
	}

a.contact {background-image: url('../images/nav_contact_us.gif'); width:130px; border:0;}
a.contact:hover, a.contact:active {background-image: url('../images/nav_contact_us_hover.gif'); }

a.payment {background-image: url('../images/nav_make_payment.gif')}
a.payment:hover, a.payment:active {background-image: url('../images/nav_make_payment_hover.gif')}

a.repairs {background-image: url('../images/nav_repairs.gif')}
a.repairs:hover, a.repairs:active {background-image: url('../images/nav_repairs_hover.gif')}

a.asbo {background-image: url('../images/nav_asb.gif')}
a.asbo:hover, a.asbo:active {background-image: url('../images/nav_asb_hover.gif')}

a.careers {background-image: url('../images/nav_careers.gif')}
a.careers:hover, a.careers:active {background-image: url('../images/nav_careers_hover.gif')}

#logo {float:left; clear:none; width:270px; height: 104px;}

#breadcrumbs {
	float:left;
	width:629px;
	margin:0;
	padding:35px 0 0 15px;
	clear: right;
}

#foot {
	clear:both;
	width:100%; 
	text-align:center;
	background-color: #FFFFFF;
	background-image:url('../images/blue_footer.gif');
	background-repeat: no-repeat;
}

#languages {
	display:block;
	margin: 0 auto 0 auto;
	width: 350px;
	background-image:url('../images/icon_language.gif');	
	background-position: 20px;
	background-repeat: no-repeat;
	padding: 20px 0 20px 30px;
}

#legal {
	color:#fff;
	display:block;
	margin: 0 auto 0 auto;
	width: 350px;
	padding: 20px 0 20px 30px;
	}

#legal a {
	color: #fff;
	}

#languages li {display:inline;}
#languages a{display:inline; color:#fff; border: 1px solid; border-width: 0 1px 0 0; padding: 0 1em;}
#languages a:hover, #languages a:active {text-decoration:underline;}

#left { width: 270px;  display:block; float:left;}

#content {width:459px; padding: 10px 10px 0 15px; float:left;}

#content-noRHS {width:629px; padding: 10px 10px 0 15px; float:left;}

#main_image {float:left; clear:right;}

#right { width: 170px; padding: 10px 0 0 0; float:left;}

#right a{color: #000; text-decoration:none;}

#right h2 a{color: #fff; text-decoration:none;}


/* Forms */
	#left form {margin: 2px 2px 2px 2px;}
	#left input {border:1px solid #000;font-size: 1.2em;background-color: #fff;margin: 3px 3px 3px 3px;}
	#left .searchinput {height: 1.25em;}

	#newsletter {margin: 10px 0 140px 10px ; padding:0; color:#fff;}
	#newsletter fieldset {margin:0; padding:0;}
	#newsletter h2 {
		display:block;
		float:left;
		clear:both;
		background-image: url('../images/title_receive_our_newsletter.gif');
		width:174px;
		padding: 50px 0 0 0;
		
		height:0;
		background-repeat: no-repeat;
		overflow: hidden !important;
		}
	#newsletter fieldset {border:none;}
	#newsletter input {width:200px; display:block; float:left; height:21px; line-height:21px;  margin: 10px 0 0 0;}
	#newsletter #signup {
		display:block;
		float:left;
		background-image: url('../images/keyhole_green.gif');
		background-repeat: no-repeat;
		width: 25px;
		height: 25px;
		padding: 22px 0 0 0;
		overflow:hidden;
		 margin: 10px 0 0 5px;
		}
	
	#newsletter label {display:none;}
	
	/* Type */

strong {font-weight:bold;}

li {list-style-type:disc; 
margin:0 0 0 2em;
padding:0;
}

ul {list-style-type:none; 
margin:0;
padding:0;
}

h1 {
font-size:1.25em;
line-height: 1.5em;
background-color: #8AB821; 
color: #fff;
background-image: url('../images/h1_bg.gif');
padding-left: 0.4em;
}

h2 {
font-size:1em;
line-height: 1.5em;
background-color: #2B4159;
color: #fff;
background-image: url('../images/h2_bg.gif');
padding-left: 0.4em;
}

.side-placeholder-title {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}


/* Sitemap */

#Sitemap ul {
	margin-left: 2em;}
	
#Sitemap ul li {
	list-style-type: disc;}
	
#Sitemap ul li li {
	list-style-type: circle;}

	
#content ul {
	margin-left: 2em;}
	
#content ul li {
	list-style-type: disc;}
	
.space10 {
	height: 10px;
	font-size: 1%;	
	position: static;}
	
.space200 {
	height: 200px;
	font-size: 1%;}


#content a {color:#2B4159; font-weight:normal; text-decoration:none; }
#content a:hover, #content a:active { color:#2B4159; font-weight:normal; text-decoration: underline;}


/* menu */
/* I'll have the duck please */

#menu ul li {
	list-style-type:none;
	padding:0;
	margin:0;
}

 #menu ul a {
	display:block;
	font-weight:bold;
	color:#fff; 
	text-decoration:none;
	line-height: 2em;
	background-color: #8AB821;
	padding: 0 0 0 30px;
	border: 1px solid #fff;
	border-width: 0 0 1px  0;
	background-image: url('../images/key_green.gif');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	line-height: 2.5em;
	font-size: 1em;
}
	
#menu ul a:hover, #menu ul a:active {
	background-color: #2B4159;
	background-image: url('../images/key_blue.gif');
}

#menu ul ul li a {
	display:block;
	font-weight: bold;
	color: White;
	text-decoration:none;
	line-height: 2em;
	background-color: #5B838C;
	padding: 0 0 0 30px;
	border: 1px solid White;
	border-width: 0 0 1px 0;
	background-image: none;
	line-height: 2.5em;
	font-size: 1em;
}

#menu ul ul a:hover, #menu ul ul a:active {
	background-color: #2B4159;
	background-image: none;
}

#menu ul ul ul li a {
	display:block;
	font-weight: bold;
	color: White;
	text-decoration:none;
	line-height: 2em;
	background-color: #97B5BB;
	padding: 0 0 0 50px;
	border: 1px solid White;
	border-width: 0 0 1px 0;
	background-image: none;
	line-height: 2.5em;
	font-size: 1em;
}

#menu ul ul ul a:hover, #menu ul ul ul a:active {
	background-color: #2B4159;
	background-image: none;
}

.PH-bottom {
	background-color: #D8DADB;
	padding: 0.5em 3%;
	overflow: hidden;}
	
.PH-bottom p {
	margin-top: 0.6em;}
	
.PH-bottom img {
	padding: 0 5px 5px 0;}

.newsheadline {
	overflow: hidden;}
	
.newsheadline img {
	float: left;
	padding-right: 0.5em;}
	
hr {
	background-color: #CCCCCC;}