* {
	margin: 0;
}


body {
	background:#eee;
	font-family: arial, helvetica, sans-serif;
	font-size:13px;
}

a {
	color:#21508e;
	font-weight:bold;
}

a:hover {
	color:#000;
}

.wrapper {
	padding:8px;
	margin: 8px auto;
	width:750px;
	background:#fff;
	border:1px solid #ccc;
}

.footer {

	margin:0px auto;
	padding-top:10px;
}

.ulfooter {
	clear:both;
	padding:5px;
	margin-top:40px;
	background:#9FA3A4;
}	

.ulfooter li {
	font-size:0.9em;
	color:#fff;
	display:inline;
	padding:5px 5px 5px 5px;
}

.ulfooter li a{

	color:#fff;
	font-weight:normal;
}

.header {
	padding:3px 0 0px 0;
	margin:0;
	background: url("../../includes/images/sandwell-web-header.gif") no-repeat bottom right;
	height:64px;
	border-bottom:1px solid #fff;
}

.header h1 {
	display:none;
}

.header img {
	padding:0px;
}	



.toprow img, .bottomrow img {
	padding:0 0 10px 10px;	
}


#navigation {
	padding:10px 0 7px 0;	
	margin:0;
	}

#navigation ul {

}

#navigation li {
	display:inline;

}

#navigation li a {
	font-weight:bold;
	border-top:1px solid #bbb;
	background:#fff;
	padding:5px 20px 5px 20px;
	text-decoration:none;
	color:#000;
}

#navigation li a:hover {
	background:#21508e;
	text-decoration:underline;
	color:#fff;
	border-top:1px solid #000;
}

.content {
	padding:0px 0px 0 0px;	
	background:#fff;
	width:100%;
	margin:0 auto;

}

#content {
	float:right;
	width:80%;
	padding:9px 0 10px 0;
}
h2 {
	font-size:1.5em;
	color:#000;
	padding:0px 0 3px 0;
	border-bottom: 4px solid #99685b;
	margin-bottom:5px;
}

h3 {
	font-size:150%;	
	padding:0 0 10px 0;
	font-weight:bold;
}

p {
	line-height:1.3em;	
	padding-bottom:5px;
}

.homepanel {
	width:42%;	
	border-top:1px solid #999;
	float:left;
	margin:10px;
	background:#ddd;
	padding:20px;
}

.homepanelwrapper {

}

.homepanel:hover {
	background:	#eee;
}

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

.caps {
	text-transform:uppercase;	
}


.arrow {
text-align:center;	

}

.arrow a:hover {

}

.notice {
	border:2px solid #600;	
	background:#fcc;
	padding:10px;
	margin:10px 40px 10px 40px;
}

table {
	margin:0px;
	width:100%;
	padding:0px;
}

td {
	vertical-align:middle;
	line-height:1.4em;
}

.right {
	border:1px solid #ccc;
	border-right:0;
}


.right, .right img{
	text-align:center;	
	padding:10px;
	
}

.councilname {
	padding-left:15px;	
	border:1px solid #ccc;
	border-left:0;

}

.filler {

}

.contactdetails {
	margin:0 auto;	
	width:25%;
	padding:20px 0 20px 0;
}

.link {
	padding-left:50px;	
	padding-bottom:30px;
}

fieldset{
	margin:0 auto;

}

legend {
	font-weight:bold;
	font-size:130%;
	margin-bottom:0px;
	margin-left:0px;
	padding-bottom:10px;
	width:100%;
	
}

.clsLoadMessage {
	padding:0px 10px 10px 10px;
	margin:0 auto;
	xwidth:70%;
	color:#f00;
}

form {
	display:inline;
	border:0;
}

.formfield {

	padding:10px 0;
}

.formfield img {
	vertical-align:bottom;
	padding-bottom:2px;
}

.formfield label {
	width:30%;
	float:left;
	text-align:right;
	margin-right:10px;
	line-height:17px;
}
.formfield input {
	border:0;
	xbackground:#eee;
	border:1px solid #ddd;
	border-top:1px solid #999;
	width:40%;
}

textarea, select {
	border:0;
	border:1px solid #ddd;
	border-top:1px solid #999;
	}

.entryform {
	xborder:1px solid #99685B;
	xbackground:#efefef;
	margin:0 auto;
	padding:15px;
	
}

.formfieldbuttons {
	padding:10px;
	float:right;
}

.formfieldbuttons  input {
	padding:5px 10px 5px 10px;
}

.photo {
	
	padding:0;
	margin:0 0 5px 0;
	xwidth:520px;
	text-align:center;
}
.photo img {
	padding:1px 1px 1px 1px;
	width:518px;
	height:391px;
	text-align:center;
	border:1px solid #ddd;
}

.refnumber {
	font-size:140%;
	font-weight:bold;
	color:#070;
	padding:0 0 10px 10px;
}

.youwrote {
	margin:0 auto;
	width:70%;
}

.youwrote textarea {
	border:1px solid #999;
	width:100%;
	padding:5px;
	background:#eee;
}

input.readonly {
	background:transparent;
	border:0px;
	font-weight:bold;
}

.links {
	background:#99685b;
	height:25px;
	float:left;
	width:100%;
	color:#fff;
	
	
}

.links ul {
	float:right;
	
}

.links ul li {
	float:left;
	border-right:1px solid #fff;
	padding:5px 5px 0 5px;
	height:25px;
	vertical-align:middle;
}



.links a {
	color: #fff;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
}

.links input {
	font-size:1em;
	xline-height:1em;
}

#sidenav {
	float:left;
	width:19%;
	display:block;
	padding-top:10px;
	font-size:12px;
}

.nav {
	list-style-image:none;
	padding:0;
}	

.nav li {
	background:#ffffbb;
	padding:5px 10px 7px 20px;
}

.nav a {
	font-weight:normal;
	color:#000;
	text-decoration:none;
}

.nav a:hover{

	text-decoration:underline;
}

li.this {
	border-top:1px solid #9a9a9a;
	background: url(../images/arrowRight.gif) #ffffbb left top;
	line-height:1.4em;
}

li.last {
	padding:0px;
}

.homelink {
	padding:5px 5px 5px 6px;
}

.breadcrumb {
	clear:both;
	padding:3px 0 0 6px;
	font-size:12px;
}

.breadcrumb a {
	font-weight:normal;
	color:#99685B;
	padding:0 6px 0 6px;
}	

.readonlyform {
	
	background:#FFFFBB;
}