/* rv 26sep07 (updated 6jul2010) dartford.info  
ff9=yellow .co.uk
c9f=mauve  .org.uk
cfc=green  .info
acf=blue   .com
f96=orange .org
444=grey   .biz
*/

body {
background: #ddd; /* ddd light grey */
margin: 10px 0;
text-align: left;
font-size: 10px;
font-family: Verdana, Arial, helvetica, sans-serif;
}

#container {
width: 750px;
margin: 0 auto;
/*height: 511px;*/
/*padding: 5px;*/ /* this makes the white border */
/*background: #fff;*/
}

#base {
position: relative;
bottom: -380px;
padding: 10px;
}

p{
padding-left: 10px;
}

#header {
background: #000; /* 000 black */
background-image: url('pix/tbar.jpg');
background-repeat: no-repeat
width: 100%;
height: 60px;
padding-top: 0px;
border-bottom: thin solid #222; /* 222 dark grey */
}

#topbar {
background: #222; /* 036 dark blue */
width: 750px;
height: 16px;
border-bottom: thin solid #222; /* 222 grey */
border-top: thin solid #fff;
color: #ffc; /* ffc cream */
font-size: 11px;
text-align: left;
text-indent: 0.1cm
}

#contenttop {
background: #cfc; /* 444 dark grey */
width: -630px;
color: #000; /* fff white */
padding-left: 10px;
height: 15px;
}

h2 {
font-size: 11px;
font-weight: bold;
color: #a00;
margin-top:-5px;
margin-left:-0px;
}

h3 {
background: #eee; /* fff white */
margin: 1px 0;
text-align: left;
font-size: 10px;
font-family: Verdana, Arial, helvetica, sans-serif;
border-bottom: thin solid #000; /* 000 black */
padding-left: 7px;
height: 15px;
width: -633px;
}

h4 {
font-size: 16px;
font-weight: bold;
color: #a0a;
margin-bottom:1px;

margin-left:-0px;
}

#content {
background: #fff; /* dee light blue */
float: right;
width: 750px;/*height: 745 padding-left 0px padding-top 0px;*/
/*height: 412px;*/
min-height: 500px;
text-align: left;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 11px;
padding-top: 0px;
font-size: 10px;
text-decoration: none;
}

#cont {
background: #fff; /* dee light blue */
float: right;
width: 744px;
/*height: 412px;*/
min-height: 500px;
text-align: left;
padding-left: 1px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 1px;
font-size: 10px;
}
#leftbar {
background: #222; /* 333 dark grey */
float: left;
width: 95px;
/*height: 531px;*/
height: 480px;
padding-top: 0px;
color: white;
}

#lbar {
background: #222; /* 333 dark grey */
float: left;
width: 95px;
height: 530px;
padding-top: 0px;
color: white;
}
/*need to sort this blessed rightbar out!!!...got it!2245 tue 25sep07*/


/* =footer */
#footer {
height: 11px;
color: #aaa; /* ddd light grey */
text-align: left;
font-size: 8px;
padding: 1px;
}
#footerBAK {
width: 748px;
color: #acf; /* ddd light grey acf*/
font-size: 8px;
position:absolute;
top: 14px;
left: 730px;
width: 139px;
}
/*===========================*/
/* =img right bar images and links (quick links) */

div.img {
  margin: 0px;
/* this colour needs to be same as rightbar background to hide borders */
  border: 0px solid #222; /* acf light blue */
  border-bottom: 1px solid #fff; /* fff white */
  height: auto;
  width: auto;
  float: left;
  text-align: left;
  color: #cfc; /* 555 light grey */
  padding-top:7px;/*space above each graphic*/
  padding-left:2px;/*left space seems to work wth ie6*/
}	

div.im{
  color: #111; /* 555 light grey */
  text-align: left;

}	

div.img img {
  display: block;
  margin: 1px;
  border: 1px solid #fff; /* fff white */
  width: 80 px;
}

div.img a:hover img {
border: 1px solid #cfc; /* 00f blue */
}

div.desc {
  text-align: left;
  font-weight: normal;
  width: 85px;
  margin: 0px;
  padding-left:0px;
  font: 10px Verdana, Arial, helvetica, sans-serif;
}
/* =nav =menu - nav menu begins */
/*==============================*/
#nav {
margin: 0;
padding:0;
/* very bottom line of menu colour */
border-bottom: 0px solid #333; /* 006 dark blue */
font: 11px Verdana, Arial, helvetica, sans-serif;
}

#nav li {
list-style-type: none;
margin: 0;
padding: 0;
/* bottom border colour of each button */
border-bottom: 1px solid #333; /* 333 grey */
/* all button colours when not hovering or clicking */
/*background-color: #5A7798; got rid 20jan10 as blue-type background under mauve!*/
}

#nav ul {
margin: 0;
padding: 0;
z-index: 10;
}

#nav a {
border-bottom: 0;
/* top border colour of each button */
/* border-top: 1px solid #00c; /* 00c blue */
border-color: #869CB4 #234A76 #234A76 #869CB4;
display: block;
text-decoration: none;
/*button colours*/
background-color: #cfc;
padding: 4px 12px 4px 10px;
/*font colours*/
color: #000; /* fff white */
line-height:1.0;
}

#nav a:hover, #nav a:active, #nav a:focus {
color: #aaa; /* ffc cream */
/* all button colours when hovering */
/*background-color: #039; /* 039 dark blue */
border-color: #234A76 #869CB4 #869CB4 #234A76;
letter-spacing: 0.01px;
/* top line of each button when hovering */
}

#nav ul a:hover, #nav ul a:active, #nav ul a:focus{
border-left: 1px solid #cdc; /* cdc light green */
}
/* current page menu style */
#nav .current, #nav .current:hover {
/* very top line of menu colour */

color: #003!important;
background-color: #ccc; /* 039 blue */
}
/* menu width */
#nav {
width: 94px;
}
/* submenu widths */
#nav ul {
width: 94px;
}

/*===========================*/
/* =form - form menu begins */

.boldtxt {
font-weight: bold;
}

#links li {
  float: left;
/*  width: 17em; makes 4 cols*/
/*  width: 18em; makes 3 cols*/
  width: 19em;
  margin-right: 2px;
  padding: 0;
  line-height: 2;
  text-decoration: none;
}

#links a{
color: #c03;
text-decoration: none;
}

p.bold {
font-weight: bold;
font-size: 11px;
}

.grntxt {
color: #080; /* 00f blue */
}

.grntxt a{
color: #080; /* f00 red */
/*font-weight: bold;*/
text-decoration: none;
}

.blutxt {
color: #00f; /* 00f blue */
}

.blutxt a{
color: #00f; /* f00 red */
/*font-weight: bold;*/
text-decoration: none;
}
.redtxt {
color: #f00; /* f00 red */
/*font-weight: bold;*/
}

.redtxt a{
color: #f00; /* f00 red */
/*font-weight: bold;*/
text-decoration: none; 
}
.gtxt {
color: #0f0; /* 0f0 green */
font-weight: bold;
}

.yeltxt a{
color: #ff0; /* f00 red */
/*font-weight: bold;*/
text-decoration: none;
}
.ytxt {
color: #ff0; /* ff0 yellow */
font-weight: bold;
}

.purtxt a{
color: #c9f; /* c9f mauve */
/*font-weight: bold;*/
text-decoration: none;
}
.purtxt {
color: #c9f; /* c9f mauve */
/*font-weight: bold;*/
}

.rtxt {
color: #c30; /* c30 dark red */
font-weight: bold;
}

.btxt {
color: #69f; /* 69f lt blue */
font-weight: bold;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
margin-left: 3px;
}
div label {
  display: block;
/*  font-size: 0.8em; */
  font-size: 0.9em;
}

strong.error {
  color: red;
}

input.invalid {
  background-color: pink;
}

textarea.invalid {
  background-color: pink  ;
}
/*#ops {
width: 350px;
margin: 0 auto;
float: right;
text-align: right;
}*/

#box2 {
position: relative;
top: -40px;
left: 4px;
/*float: right;*/
float: left;
width: 130px;
/*height: 54px;*/
height: 460px;
background: #fdf; /* ffb light yellow */
padding: 1px;
padding-top: 1px;
color: #000;
}

#box2 a {
color: black;
text-decoration: none;
width: 110px;
}

#mysubmit { 
background-color: #cfc; 
font-size: 10px;
padding: 0px;
border: thin solid #222; /* 222 grey */
}

#pagin {
position:absolute;
/*left:230px;
top:615px;*/
width: 200px;/*eureka! added 30nov09-2254 to stop ie6 page x of y being squashed up!*/
left:515px;
top:3px;
}
#title {
font-size: 26px;
padding-left: 145px;
font-family: Verdana, Arial, helvetica, sans-serif;
}
#sub {
font-size: 14px;
padding-left: 145px;
font-family: Verdana, Arial, helvetica, sans-serif;
}

#alt {
padding-right: 30px;
/*padding-left: 235px; changed 5feb10*/
padding-left: 145px;
text-align:justify;
}

h5 {
font-size: 15px;
font-family: Verdana, Arial, helvetica, sans-serif;
}

#rbar { /*20jan10 - problem is leaves a large horizontal scroll in ff2 & ie7*/
position: relative;
top: -80px;
left: 580px;
padding: 10px;
}

#rightbar {
position:relative;
top: -55px;
left: -650px;
float: right;
width: 95px;
height: auto;
background: #000; /* acf light blue */
padding: 0px;
padding-left: 0px;
color: #36f;
}

div.des {
  text-align: left;
  font-weight: normal;
  width: 92px;
  margin: 0px;
  padding-left:3px;
  font: 10px Verdana, Arial, helvetica, sans-serif;
}
#print {
position:relative;
left:650px;
top: -605px;
width:100px;
text-decoration: none;
}

.search {
position:relative;
left:-1px;
top:-45px;
width:180px;
}
#updated {
position:relative;
left:-131px;
top:50px;
color: #bbb;
}

#form {
position:relative;
left:560px;
top:-260px;
width:180px;
}

/*rename to 1 was con 3*/
.con1 {
position: relative;
height: 16px;
width: 750px;
float: right;
background: #222; /* 036 dark blue */
border-bottom: thin solid #000; /* 000 black */
font-size: 11px;
color: #ffc; /* ffc cream */
text-indent: 0.1cm
border-bottom: thin solid #222; /* 222 grey */
border-top: thin solid #fff;
margin-left: 0px;
}
.left-element {
position: absolute;
left: 0;
width: 70%;
}
.right-element {
position: absolute;
right: 0;
width: 30%;
text-align: right; /* depends on element width */
}
/*rename to 2 was con 1*/
.con2 {
position: relative;
height: 16px;
width: 645px;
float: right;
background: #cfc;
border-bottom: thin solid #000; /* 000 black */
}
.left-element {
position: absolute;
left: 0;
width: 70%;
}
.right-element {
position: absolute;
right: 0;
width: 30%;
text-align: right; /* depends on element width */
text-decoration: none;
}

.right-element a{
text-decoration: none;
color: #00f;
}
/*rename to 3 was con 2*/
.con3 {
position: relative;
height: 20px;
width: 645px;
float: right;
background: #eee;
border-bottom: thin solid #000; /* 000 black */
font-weight: bold;
}
.left-element {
position: absolute;
left: 0;
width: 70%;
}
.right-element {
position: absolute;
right: 0;
width: 30%;
text-align: right; /* depends on element width */
}


/* rename to 4 (was con 4)*/
.con4 {
position: relative;
height: 20px;
width: 645px;
float: right;
background: #fff;
border-bottom: thin solid #111; /* 000 black */
}
.left-element {
position: absolute;
left: 0;
width: 70%;
}
.right-element {
position: absolute;
right: 0;
width: 30%;
text-align: right; /* depends on element width */
}

/*was con */
.con5 {
position: relative;
/*height: 400px;*/
height: auto; /*17jun10rv if set to auto, ie6 shrinks height*/
width: 643px;
float: right;
background: #fff; /* 036 dark blue */
text-indent: 0.1cm
border-bottom: thin solid #222; /* 222 grey */
border-top: thin solid #fff;
margin-left: 0px;
}

#ldet {
background: #eee; /* ffd - lt yellow */
position: relative;
top: 10px;
left: 4px;
/*float: right;*/
float: left;
width: 130px;
/*height: 54px;*/
height: 460px;
background: #dcf; /* ffb light yellow */
padding: 1px;
padding-top: 1px;
color: #000;
}
#adbox td{
background: #ddf; /* 036 dark blue */
padding: 1px;
}

#adbox table td{
padding: 0px;
background: #ddf;
}

.con4 div.left-element{
color: #ddd;
}

#alt2 {
padding-right: 30px;
padding-left: 115px;
text-align:justify;
}
#sub2 {
font-size: 14px;
padding-left: 115px;
font-family: Verdana, Arial, helvetica, sans-serif;
}
#tit2 {
font-size: 26px;
padding-left: 115px;
font-family: Verdana, Arial, helvetica, sans-serif;
}

.con6 {
position: relative;
height: 16px;
width: 750px;
float: right;
background: #222; /* 036 dark blue */
border-bottom: thin solid #000; /* 000 black */
font-size: 11px;
color: #ffc; /* ffc cream */
text-indent: 0.1cm
border-bottom: thin solid #222; /* 222 grey */
border-top: thin solid #fff;
margin-left: 0px;
}
.left-element {
position: absolute;
left: 0;
width: 70%;
}
.right-element {
position: absolute;
right: 0;
width: 30%;
text-align: right; /* depends on element width */
}
.date{
float:right;
text-align:center;
font-weight:800;
margin: 5px 20px 0 0;
padding: 0 10px;
border-left: 1px solid #ccc;
color: #444;
}
.dateDay{
display:block;
font-size: 16px;
line-height: 16px;
text-align:center;
padding-top: 3px;
}
.dateMonth, .dateYear{
display:block;
font-size: 11px;
padding:0;
line-height: 12px;
}
#alt3 {
padding-right: 30px;
padding-left: 15px;
text-align:justify;
}
#sub3 {
font-size: 14px;
padding-left: 15px;
font-family: Verdana, Arial, helvetica, sans-serif;
}
#tit3 {
width:600px;
font-size: 26px;
padding-left: 12px;
font-family: Verdana, Arial, helvetica, sans-serif;
}

.con7 {
position: relative;
height: 16px;
width: 645px;
float: right;
background: #cfc;
border-bottom: thin solid #000; /* 000 black */
}

#alt4 {
padding-right: 10px;
padding-left: 15px;
text-align:justify;
}
#sub4 {
font-size: 14px;
padding-left: 20px;
font-family: Verdana, Arial, helvetica, sans-serif;
}
#tit4 {
font-size: 26px;
padding-left: 20px;
font-family: Verdana, Arial, helvetica, sans-serif;
}
.con5lt {
position: absolute;
left: 0;
width: 45%;
min-height: 500px;
}
.con5rt {
position: absolute;
right: 0px;
width: 50%;
text-align: left; /* depends on element width */
color: #000;
}
#news {
position: relative;
top: 10px;
left: -5px;
padding: 10px;
width:125px;
height:150px;
background: #eee; /* ddd light grey */
clear: both;
float:right;
}

.con5 a {
text-decoration: none;
}
/*
table {
width:720px; /*25apr10 remove this if it affects other pages*/


table td{
padding: 0px;
}

#alt4 table td{
padding: 0px;
width:33%;
}

table img{
color: #000;
/*border-bottom:1px; sat5jun10 removing this shows bottom border in ff2 */
background: #ddf;
}

table a{
padding: 0px;
color: #f00;
}

table div.img{
padding: 0px;
color: #009;
text-decoration: none;
border-bottom: 0px solid #fff;
}
.fadetext{
color: #acf;
}

#tabletext {
padding: 0px;
background: #ddf;
}
.con5a {
position: relative;
height: auto;
width: 743px;
float: right;
background: #fff; /* 036 dark blue */
text-indent: 0.1cm
border-bottom: thin solid #222; /* 222 grey */
border-top: thin solid #fff;
margin-left: 0px;
}
#alt5 table{
padding: 0px;
width:740px;/*tue25may10 this needs adjusting back to 640px depending if leftbar is used*/
text-align:justify;
}

#alt5{
text-align:justify;
}
#box3 {
color: #222;
font-size: 8px;
font-weight: normal;
background: #000;
}

p strong {
color: blue;
font-size: 10px;
font-weight: bold;
}

.con2a {
position: relative;
height: 15px;
width: 750px;
float: right;
background: #cfc;
border-bottom: thin solid #000; /* 000 black */
font-size: 9px; /*mon14jun10-rv-this makes menu font the same size as forum menu font in ff but not ie!!!*/
}

.con2a a{
text-decoration: none;
font-size: 9px;
}


.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

#sidebar {
position:relative;
top: 150px;
left: -654px;
float: right;
width: 95px;
height: auto;
background: #000; /* acf light blue */
padding: 0px;
padding-left: 0px;
color: #36f;
}

#sidebar img {
margin-left: 4px;
}

/*=float*/
#float {
position:absolute;
top: -22px;
left: -107px;
/*top: -1px;*/
/*left: -107px;*/
float: right;
width: 95px;
height: auto;
background: #000; /* acf light blue */
padding: 0px;
padding-left: 0px;
color: #36f;
}

#box {
/*float: right;*/
float: left;
width: 89px;
/*height: 54px;*//
height: auto;
background: #000; /* ffb light yellow */
padding-left: 3px;
padding-top: 1px;
/*margin-top:-1px;*/
margin-top:2px;
color: #fff;
}

#box a {
color: white;
text-decoration: none;
width: 110px;
}

#navigation{

height:2.1em;
line-height:2.2em;
width:710px;
margin:0 0px;
/*background:#acf;*/
background:#cfc;
color:#fff;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #222;
white-space:nowrap;
/*width: 120px;/*30sep09@rv makes each menu item the same width otherwise they are varying widths*/
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #000;
}

* html #navigation a {width:1%;}

#navigation .selected{
background:#777;
color:#fff;
text-decoration:none;
}
#navigation a:hover{
background:#555;
color:#fff;
text-decoration:none;
}
#txt2 {
color: #008;
font-size:9px;
padding-left: 1px;
font-weight:bold;
}
#smltxt {
color: #080;
font-size:8px;
padding-left: 1px;
}

#sml {
color: #008;
font-size:8px;
padding-left: 1px;
}