/* Copyright 2007 Wear Valley District Council 
 Graeme Carroll - Wear Valley District Council 07/11/2007 

/* page colour */

#pagecolour
{
background:#EEEEDD;
}

/*body */

body {
margin:0;
}

/* main page fonts */
body,p,th,td,table,span,div,a {
background:transparent;
color:#000;
font:100% Verdana,Geneva,Arial,Helvetica,sans-serif;
}

th {
background:#990000;
color:#FFF;
font-weight:700;
text-align:left;
text-indent:1px;
}


/* Lists clear left image */
ul {
clear:left;
}

/* Secondary Headers */
.secondth {
background:#eef7f7;
color:#000;
font-weight:700;
text-align:left;
text-indent:1px;
}

form,input {
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}

a,a:link,a:visited,a:active,a:focus {
background:transparent;
color:#000;
text-decoration:underline;
}

a:hover {
background:transparent;
color:gray;
text-decoration:underline;
}

/* <mark.mccorkell@sx3.com> Used for field labels on forms */
.fieldlabel {
	text-align : left;
	vertical-align : top;
	color : #003366;
	font-weight: bold;
	background-color : transparent;
}

h1 {
background:transparent;
clear:left;
color:#990000;
font-size:200%;
font-weight:700;
margin-bottom:5px;
margin-top:0;
}

h2 {
background:transparent;
clear:left;
color:#990000;
font-size:140%;
font-weight:700;
margin-bottom:3px;
margin-top:0;
}

h3 {
background:transparent;
clear:left;
color:#990000;
font-size:130%;
font-weight:700;
margin-bottom:3px;
margin-top:0;
}

h4 {
background:transparent;
clear:left;
color:#990000;
font-size:120%;
font-weight:700;
margin-bottom:3px;
margin-top:0;
}

h5 {
background:transparent;
clear:left;
color:#990000;
font-size:110%;
font-weight:700;
margin-bottom:2px;
margin-top:0;
}

h6 {
background:transparent;
clear:left;
color:#990000;
font-size:100%;
font-weight:700;
margin-bottom:2px;
margin-top:0;
}

ul{
list-style-image: url(bullet.gif);
}

.defaultrule {
border-bottom:1px solid #990000;
margin:0;
width:100%;
}

.introtext  {
background:transparent;
color:#990000;
font-size:100%;
font-weight:700;
}

a.introtext,a.introtext:link,a.introtext:visited,a.introtext:focus {
background:transparent;
color:#990000;
font-size:100%;
font-weight:700;
}

a.introtext:hover {
background:transparent;
color:gray;
font-size:100%;
font-weight:700;
}

/* Form Buttons */
.btntext,.smbtntext {
background:#DFE3EF;
color:#000;
font-size:90%;
font-weight:700;
line-height:14px;
}

/* Top Nav Links */
a.autilnav:link,a.autilnav:visited,a.autilnav:active,a.autilnavs:link,a.autilnavs:visited,a.autilnavs:active {
background:transparent;
color:#000;
font-weight:700;
text-decoration:underline;
}

a.autilnav:hover,a.autilnavs:hover {
background:transparent;
color:#D3D3D3;
text-decoration:underline;
}

/* Layout Tables */


#layoutpage {
border:1px solid #000;
width:779px;
margin:0 auto;
text-align:left;
padding:0;
background:#fff;



}


#layoutbody {
width:100%;

}

#layoutfooter {
clear:both;
width:100%;
}

.lhslayout {
width:149px;
}

/* Masthead */
#topcrest {
background:url(http://planning.wearvalley.gov.uk/portal/DCC_logo.gif) no-repeat;
border-bottom:#990000 5px solid;
height:115px;
left:0;
position:relative;
top:0;
width:100%;
z-index:1;
}

/* top menu */
#topmenu {
background:transparent;
color:#000;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:65%;
left:0;
line-height:18px;
padding-left:0;
padding-right:6px;
text-align:right;
width:auto;
z-index:2;
}

/* top search */
#topsearch {
float:right;
font-size:70%;
margin:-5px 10px 0 0;
position:relative;
text-align:right;
top:48px;
width:260px;
z-index:3;
}

.topsearchtitle {
background:transparent;
color:#990000;
font-size:100%;
font-weight:700;
margin:0 45px 0 0;
text-align:right;
}

.topsearchadvanced {
margin:0 16px 0 0;
text-align:right;
}

/* Body */
#body {
margin:0;
padding:0;
position:relative;
width:100%;
}

/* Left */
#lhscol {
background:#FFF;
font-size:70%;
position:relative;
width:149px;
}

.leftlogos img{
padding: 10px;
}

/* Left Nav */
.treenav1,.treenav1s,div.treenav1,div.treenav1s {
background:#c4d8e6;
border:#FFF 1px solid;
padding-left:3px;
}

.treenav2,.treenav2s,div.treenav2,div.treenav2s {
background:#eef7f7;
border:#FFF 1px solid;
padding-left:9px;
}

#poll {
background:#f5e2c9;
border:#000 1px solid;
width: 592px;
padding: 6px;
margin-left: 3px;
}

.pollheader {
background: #990000;
color:#FFF;
font-size:100%;
font-weight:700;
line-height:20px;
text-indent:6px;
width: 604px;
border-top:#000 1px solid;
border-left:#000 1px solid;
border-right:#000 1px solid;
margin-left: 3px;
}

/* Black Seperator */
.black {
background:#000;
width:1px;
}

/* R Box */
.rhstitle {
clear:both;
margin-top:10px;
padding-top:4px;
border-top:#990000 1px dotted;
text-transform:capitalize;
width:auto;
}

.rhstext {
padding:2px 3px;
}

.rhsdetail {
font-size:87%;
}

/* R Media */
.arhslinkmedia,a.arhslinkmedia,a.arhslinkmedia:link,a.arhslinkmedia:visited,a.arhslinkmedia:hover,a.arhslinkmedia:active {
padding-left:2.5em;
background:transparent;
color:#990000;
font-size:100%;
font-weight:700;
display:block;
}

img.rhsmedia {
float:left;
padding-left:1em;
padding-right:1em;
height:13px;
width:13px;
}

/* Body Content*/
#bodycontent {
font-size:70%;
}

/* Breadcrumbs*/
#breadcrumbs {
color:#000;
position:relative;
padding-bottom:5px;
padding-top:0px;
}


/* Images */
.limage {
border:1px none #000;
text-align: left;
}

.rimage {
border:1px none #000;
text-align: left;
}

.cimage img {
border:1px none #000;
text-align: left;
}

/* Print Format */
#textonly {
clear:both;
text-align:left;
}

/* Footer */
#footer {
clear:both;
font-size:70%;
position:relative;
width:100%;
}

#footerlogo {
background: #990000;
clear:both;
color:#FFF;
font-size:100%;
font-weight:700;
line-height:20px;
margin:10px 6px 10px 156px;
width:auto;
text-indent:6px;
border:#000 1px solid;
}

#footertext {
margin-left:156px;
text-align:center;
}

/* Other templates */
.atoz {
margin:0 0 18px;
}

#atozheading a {
font-weight:700;
text-decoration:none;
}

.alignright {
float:right;
margin:5px;
position:relative;
text-align:right;
}

/* Home */
#homerhscol {
background:#ffcc66;
border:#000 1px solid;
width:180px;
}

/* News */

#newsheader {
background: #990000;
color:#FFF;
font-weight:700;
line-height:20px;
text-align:left;
text-indent:6px;
width:295px;
border:#000 1px solid;
float: left;
margin-left:3px;
margin-right:0px;
margin-bottom:0px;
margin-top:0px;
}

#homeleft {
background:#f5e2c9;
color:#000;
padding-left:3px;
padding-right:3px;
padding-top:6px;
padding-bottom:6px;
margin-left:3px;
margin-right:3px;
margin-bottom:10px;
margin-top:0px;
float:left;
width:289px;
border-left:#000 1px solid;
border-right:#000 1px solid;
border-bottom:#000 1px solid;
}

/* Features */

#featureheader {
background: #990000;
color:#FFF;
font-weight:700;
line-height:20px;
text-align:left;
text-indent:6px;
width:296px;
border:#000 1px solid;
float: right;
margin-left:3px;
margin-right:2px;
margin-bottom:0px;
margin-top:0px;
}

#homeright {
background:#f5e2c9;
color:#000;
padding-left:3px;
padding-right:3px;
padding-top:6px;
padding-bottom:6px;
margin-left:3px;
margin-right:2px;
margin-bottom:10px;
margin-top:0px;
float:right;
width:290px;
border-left:#000 1px solid;
border-right:#000 1px solid;
border-bottom:#000 1px solid;
}

/* Services */

#homeservices {
clear:both;
}

.homeservicesheader {
background: #990000;
color:#FFF;
font-size:100%;
font-weight:700;
line-height:20px;
margin-left:3px;
margin-right:3px;
margin-top:3px;
margin-bottom:0px;
text-indent:6px;
float:left;
width:144px;
border:#000 1px solid;
}


.homeservicesbody {
background:#f5e2c9;
color:#000;
padding-left:3px;
padding-right:3px;
padding-top:6px;
padding-bottom:6px;
margin-left:3px;
margin-right:3px;
margin-bottom:10px;
margin-top:0px;
float:left;
width:138px;
border-left:#000 1px solid;
border-right:#000 1px solid;
border-bottom:#000 1px solid;
}


/* Clear */
.clear {
clear:both;
}


.homeheader {
line-height:20px;
padding-left:6px;
}

/* News Images */
.homethumbs {
float:left;
margin:0;
position:relative;
}

/* List Template */
.listimage {
float:left;
height:80px;
width:80px;
}

/* Calendar */
#calendar {
float:left;
margin-bottom:5px;
padding-left:4px;
padding-right:4px;
width:auto;
}

#calendartitle {
background:#990000;
border-left:1px solid #000;
border-right:1px solid #000;
border-top:1px solid #000;
color:#FFF;
font-weight:700;
line-height:20px;
text-indent:6px;
width:250px;
}

#calendarbox {
background:#f5e2c9;
border:1px solid #000;
float:left;
margin-right:6px;
width:250px;
}

.calendarevent {
background:transparent;
text-decoration:underline;
}

.calendareventselected,.calendareventselected a {
background:transparent;
color:red;
font-weight:700;
text-decoration:underline;
}

.calendartoday {
background:#F5F5F5;
border:1px solid #990000;
font-weight:700;
}

.calendarwidth {
width:14%;
}

.event {
margin-bottom:5px;
padding-right:4px;
}

.eventtitle {
background:transparent;
color:#990000;
font-weight:700;
padding:4px 4px 4px 2px;
}

.eventdetails {
padding:2px;
}

.skiplink {
display:none;
}

.alignleft {
text-align:left;
}

/* Site Map */
.greyspacer,.greyspacer a {
padding-bottom:7px;
padding-top:7px;
width:95%;
}

.cornerspacer,.cornerspacer a {
padding-bottom:1px;
padding-top:1px;
}

.atreenav1,a.atreenav1,a.atreenav1:link,a.atreenav1:visited,a.atreenav1:hover,a.atreenav1:focus,.atreenav1s,a.atreenav1s,a.atreenav1s:link,a.atreenav1s:visited,a.atreenav1s:hover,a.atreenav1s:focus,.atreenav2,a.atreenav2,a.atreenav2:link,a.atreenav2:visited,a.atreenav2:hover,a.atreenav2:focus,.atreenav2s,a.atreenav2s,a.atreenav2s:link,a.atreenav2s:visited,a.atreenav2s:hover,a.atreenav2s:focus {
text-decoration:underline;
}

.pollquestion,.rhsintro,.eventdetails span {
font-weight:700;
}

#rhscol,#rhscol_home {
clear:both;
font-size:70%;
position:relative;
width:610px;
}

.cimage,.aligncenter {
text-align:center;
}

.limage img,.rimage img {
border:1px solid #000;
}