/* CSS Document  for BeerBinge 4.0 */

/* CSS By Robert Dicks 2008 */

h2 {



		font-weight:bold;

		background:#8FB743;

		color:#fff;

		padding:.2em 10px;

		margin:10px 0 3px 0;

		

	}


img,

form,

fieldset {

	border:none;

}

p {
	padding-bottom:8px;
}

a {
	line-height: 1em;
}


a:hover{
	background-color: #dbf0ba;
	color: #1756a6;
}

#header {
	width: 800px;
	height: 80px;
	margin: 0 auto;
	padding-top:10px;
	border-bottom:1px solid #e9e9e9;

}

/* Controls the Main Text in the Header */
#header * {
	margin: 0;
	text-decoration: none;
	font-weight:bolder;
	color:#000000;
}

#header h1 {
	float: left;
	padding: 22px 0 0 25px;
	font-size: 1.6em;
}

div.home div#header {

	margin-bottom:1em;

}

	div#header p {

		float:left;

	}



#content {
	width: 800px;
	margin: 0 auto;
	text-align:left;
	height: auto !important;
   	height: 100%;
   	min-height: 100%;
}


/* ****** CSS For Left Hand Search Form ********** */

div#nav {

	width:161px;

	float:left;

	margin-top:10px;

	padding-bottom:1em;

	/* IE5/Mac backslash filter \*/

	clear:left

	/* */

}

	div#nav label {

		display:block;

		font-weight:bold;

		background:#4295D1;

		color:#fff;

		padding:.2em 10px;

		margin:0 0 3px 0;

	}

	div#nav input#fQuery {

		width:125px;

		padding:1px 3px;

		border:1px solid #E9E8E8;

		vertical-align:middle;

	}

/* ****** CSS For Left Hand Menu ********** */

#nav ul li {

display:inline;

		}

#nav ul li a {

		display:block;

		color:#949494;

		font-size:100%;

		border-bottom:1px solid #ccc;

		text-decoration:none;
		
		padding-left:22px;
		padding-top:4px;
		padding-bottom:4px;
		margin-right:22px;


		}

#nav ul li a:hover,

#nav ul li a.active {

			color:#4295D1;
			background:url(../images/NavArrow.png) no-repeat left;


		}



#nav ul li ul {

				border:none;

				font-size:.85em;

				margin:0 0 0 2px;

			}

#nav ul li ul a,

#nav ul li ul a.active {

				border:none;

				background:none;

				padding:2px 0 2px 5px;

				}

#nav ul li ul ul {

					margin:0 0 0 5px;

					font-size:100%;

				}
				
#nav h2 {

		display:block;

		font-weight:bold;

		background:#EAC117;

		color:#fff;

		padding:.2em 10px;

		margin:5px 0 3px 0;
		

	}


#IndexMiddle {
	float: left;
	width: 335px;
	padding-top:5px;
	padding-left:5px;
	
}

#IndexMiddle img{
	float: left;
	padding-right:5px;
	
}


#IndexMiddle h1{ 

		padding:89px 0 0 0;
		
		margin-bottom:10px;

		overflow:hidden;

		background:url(/images/indexh1.png) no-repeat;

		height:0 !important;

		height /**/:89px; /* for IE5.x's bad box model */
		
		
		}
		
		


/********************************

	DIV FOR PAGES MIDDLE

*********************************/

#PagesMiddle{

	float: left;

	width: 575px;

	padding-top:5px;

	padding-left:10px;

	}


#PagesMiddle h1{

	display:block;

	font-weight:bold;

	background:#4295D1;

	color:#fff;

	padding:.2em 10px;

	margin:5px 0 3px 0;

	}
	
#PagesMiddle img{
	float: left;
	padding-right:5px;
	padding-top:7px;
	}
	
#Councillors img{
	padding-right:5px;
	float:left;
	}
	
#Councillors h3{
	display:block;

	font-weight:bold;

	background:#4295D1;

	color:#fff;

	padding:.2em 10px;

	margin:5px 0 3px 0;
	}

.EmailCouncillor a{
	color: #1756a6;
	padding: 10px 0;
	line-height: 1.7em;
	font-size: 1.6em;
	display: block;
	background: url(/images/EmailIcon.jpg) no-repeat left 20%;
	padding: 0 0 5px 30px;
	line-height: 1.6em;
	background-color: #dbf0ba;
}


.EmailCouncillor a:hover{
	background-color: #dbf0ba;
	color: #1756a6;
}

.AddressCouncillor {
	color: #1756a6;
	padding:10px 0px;
	line-height: 1.7em;
	font-size: 1.6em;
	display: block;
	background: url(/images/AddressIcon.jpg) no-repeat left 20%;
	padding: 0 0 5px 30px;
	line-height: 1.6em;
	background-color: #dbf0ba;
}

.PhoneCouncillor {
	color: #1756a6;
	padding:10px 0;
	line-height: 1.7em;
	font-size: 1.6em;
	display: block;
	background: url(/images/PhoneIcon.jpg) no-repeat left 20%;
	padding: 0 0 5px 30px;
	line-height: 1.6em;
	background-color: #dbf0ba;
}
	

		
#RightCol {
	float: right;
	margin-left:5px;
	width: 275px;
	padding-top:5px;
	padding-left:10px;
}

#RightCol img{
	float: left;
	padding-right:5px;
	
}

/********************************

	Contact Us Form

*********************************/
form.cmxform fieldset { margin-bottom: 10px; }

form.cmxform legend { padding-left: 0; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	font-size:16px;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	list-style: none;
	background: url(/images/cmxform-divider.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(/images/cmxform-fieldset.gif) left bottom repeat-x;
	}
	

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 120px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */




	



/********************************

	Footer Objects

*********************************/

#FooterObjects {

		width:800px /*Sets The Same width As The Rest Of The Page */
				}
				
#FooterObjects a {
	color:#000000;
	line-height: 1em;
}


#FooterObjects a:hover{
	background-color: #dbf0ba;
	color: #1756a6;
}




/* CSS For the Contact Us Box */
#ContactUs {

	width:175px;

	float:left;

	margin-top:10px;

	padding-bottom:1em;

	/* IE5/Mac backslash filter \*/

	clear:left

	/* */
}

#ContactUs ul {

	list-style:none;

	/* IE5/Mac backslash filter \*/

	clear:left

	/* */

}

#ContactUs li {


		width: 175px;

		margin:0 5px 1em 0;

	}

#ContactUs h2 {
	
			background:#8FB743;

			color:#fff;

			padding:.2em 8px;

			margin-bottom:.3em;
}


#ContactUs li div {

			background:#F1ECE8;

			padding:0 8px;

			/* IE5/Mac backslash filter \*/

			overflow:auto;

			/* */

		}







/* CSS For the Meet The Team Box */


#MeetTheTeam {

	width:195px;

	float:left;

	margin-top:10px;

	padding-bottom:1em;

	margin-left:10px;


}

#MeetTheTeam ul {

	list-style:none;

	/* IE5/Mac backslash filter \*/

	clear:left

	/* */

}

#MeetTheTeam li {


		width: 195px;

		margin:0 5px 1em 0;

	}

#MeetTheTeam h2 {
	
			background:#B13A8C;

			color:#fff;

			padding:.2em 8px;

			margin-bottom:.3em;
}

#MeetTheTeam li div {

			background:#F1ECE8;

			padding:0 8px;

			/* IE5/Mac backslash filter \*/

			overflow:auto;

			/* */

		}
		
		
		
/* CSS For the News Box */	
#News {

	width:175px;

	float:left;

	margin-top:10px;

	padding-bottom:1em;

	margin-left:10px;


}

#News ul {

	list-style:none;

	/* IE5/Mac backslash filter \*/

	clear:left

	/* */

}

#News li {


		width: 175px;

		margin:0 5px 1em 0;

	}

#News h2 {
	
			background:#FF9900;

			color:#fff;

			padding:.2em 8px;

			margin-bottom:.3em;
}


#News li div {

			background:#F1ECE8;

			padding:0 8px;

			/* IE5/Mac backslash filter \*/

			overflow:auto;

			/* */

		}
		
		
	/* CSS For the Web Design Box */		
#WebDesign {

	width:200px; /*This Box is a bit bigger than the others */

	float:left;

	margin-top:10px;

	padding-bottom:1em;

	margin-left:10px;


}

#WebDesign ul {

	list-style:none;

	/* IE5/Mac backslash filter \*/

	clear:left

	/* */

}

#WebDesign li {


		width: 200px;

		margin:0 5px 1em 0;

	}

#WebDesign h2 {
	
			background:#4295D1;

			color:#fff;

			padding:.2em 8px;

			margin-bottom:.3em;
}


#WebDesign li div {

			background:#F1ECE8;

			padding:0 8px;

			/* IE5/Mac backslash filter \*/

			overflow:auto;

			/* */

		}



/* Footer */





#footer {
	width: 800px;
	margin: 0 auto;
	float: left;
	border-top: 1px solid #b0cbe3;
	border-width: 1px 0 1px 0;
	text-align: center;
	font-size:1em;
	clear:both;

}



#footer p {
	display: inline;
	
	}

/**** noscript ****/




div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
}