* { margin: 0;  padding: 0; }
body {
 background:url(../images/red.gif);
 font: 12px/18px Verdana, sans-serif;
 text-align: center;
 color: #333;
}
a:link, a:visited {  color: #633; }
a:hover {  color: #966; }
h1 {
 margin-bottom: 11px;
 padding: 15px 0px 21px 0px;
 border-bottom: 1px solid #ccc;
 font: bold 2em/18px Verdana, Georgia, serif;
 color: #633;
}
h2, h3{ line-height: 18px;}
h2 {
 padding-top: 10px 0px 20px 0px;
 font-weight:bold;
 font-size: 1.5em;
 color: #663333;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
}
h3, h5 { padding: 6px 1px 6px 1px;
 font: bold 1.7em/14px Verdana, Georgia, serif;
 letter-spacing: -1px;
 background: #990000;
 background-image:url(../images/h3.jpg);
 background-repeat: repeat-x;
 color: #FFFFFF;
  border-bottom: 1px solid #ccc;}
h4  {font-weight: bold; font-size:1.2em; }
h6 {font-weight:bold; color:#000000; font-size: 1em; }

#page {
 margin: 0 auto;
 width: 850px;
 background: #fff;
 text-align: left;
}
#header {
height: 120px;
background-image: url(../images/top_gradient.jpg);
background-repeat:repeat-x; }



/* IE6 Only : #540907; }*/
* html #header { width: 860px; }/* this is to get over the underlap on right of the header for IE6 margin problem re content divs */

#header p {
	float: left;
	font-size: 3em;
	line-height: 1em;
	color: #fff;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 24px;
}
#headnav{  height: 80px;  background-image:url(../images/menu_grad.jpg);
background-repeat:repeat-x; } 
/* IE6 Only */
* html #headnav { width: 860px; }/* overcomes underlap on right of the header in IE6 re misinterprets margin values incontent divs */
#searchbar { 
float:right;
height:28px;
width:250px;
margin-top:3px;}

#headnav ul {
 padding-top: 62px;
 padding-right: 12px;
 text-align: right;
 list-style: none;
}
#headnav li {
 display: inline;
 margin: 0 12px;
}
#headnav li a {
 font-size: 1.25em;
 font-weight:bold;
 line-height: 1em;
 text-decoration: none;
 color: #fff;
}
#headnav li a:hover {  color: #fff;
font-weight:bold;
text-decoration:overline; }

.highcolour p, #highcontrast p{  font: 1.3em Verdana, sans-serif; }
.highcolour a{ color: #fff;  background:#000000; border:#CCCCCC 1px solid; font: 1.4em Verdana, sans-serif; }
 
#content {  padding: 20px; }

#content-primary {
 float: left;
 margin: 20px;
 width: 480px;
}
#content-primary p { padding-bottom: 18px;  }
#content-primary img, #block img{
 float: left;
 margin: 6px 18px 0 -6px;
 padding: 3px;
 border: 3px solid #eee;
 background: #fff;
}
#content-primary li { list-style-image:url(../images/bg_red.gif); }

#content-secondary {
 float: right;
 margin: 11px;
 width: 284px;
  font-size: 12px;
 color: #300;
 padding:0 0 0 7px;
 border-left: 1px solid #ccc;
}
#content-secondary p { padding-bottom: 18px; }

.news { padding:5px 15px;}
.right { float: right;  padding-left: 2px;  }
.left {  float: left;  padding-right: 2px;  }

.subcontent { border-bottom: 1px solid #ccc; }
 
ul { list-style-type:none; }
 
#footer {
 clear: both;
 height: 100px;
 background: #990000;
 background:url(../images/foot.gif) right no-repeat;
 font-size: 10px;
 line-height: 1em;
 color: #fff;
}
#footer a:link, #footer a:visited {  color: #fff; }    
#footer p { padding: 24px; }

.clear { clear: both;}
/* IE6 Only */
* html #footer {
width: 860px; /* this is to get over the underlap on the right of the footer in IE6 because it misinterprets the margin values in the content divs */
margin-bottom: -20px;
}
#block, .block{
font-size:1.2em;
 margin: 0 auto;
 width: 750px;
 padding: 5px 10px;
}
.standout {color:#CC0000;font-weight:bold;text-shadow:#333333;}

#council { color:#990000; }
/**********************image stuff***************/
.picfloat {
	font-family: "trebuchet MS", "Lucida Sans", sans-serif;
	font-size: 1.5em;
	font-style: normal;
	line-height: 1.7em;
	color: #333333;
	float: left;
	height: auto;
	width: 350px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: medium ridge #990000;
	margin-left: 30px;
}
.picfloat img {
 float: left;
 margin: 0 10px 0 -6px;
 padding: 3px;
 border: 3px solid #eee;
 background: #fff;
}
 .right img{
 float:right;
  padding: 3px;
 border: 3px solid #eee;
 background: #fff;
 }
 .left img {  float:left; padding: 3px; border: 3px solid #eee;}
img.left{ float: left;}
img.right{float: right;}
#content-secondary img {
float: left;
 padding: 2px;
 border: 1px solid #FFFFFF;
 }
/**********************gallery image positon and style************************/
img {
border-width: 1px;
border-style: solid;
border-color: #333333;
float:left;
margin-right:2px;
}


/* image containment*/
.img-wrapper{
	float:left;
	margin:40px 40px 0 0;
	background: url(../images/shadow.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	line-height:0;
	}
	
.img-wrapper img{
	float:none;
	margin:0;
	background:#fff;
	padding:4px;
	border:1px solid #c5bdbd;
	position:relative;
	left:-5px;
	top:-5px;
	}

/* used to ensure the floated thumbnails are contained*/


.thumbnails {

margin: 20px 40px 20px 40px;
position:relative;
width:760px;

}