/* rv 26sep07 hythe.org.uk (updated 31jan2010)*/
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: #c9f; /* 444 dark grey */
width: -630px;
color: #000; /* fff white */
padding-left: 10px;
height: 15px;
}

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;
}

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

#cont {
background: #fff; /* dee light blue */
float: right;
width: 744px;
/*height: 412px;*/
height: 520px;
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: 520px;
padding-top: 1px;
color: white;

}

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


/* =footer */
#footer {
background: #fff; /* fff white */
width: 748px;
height: 11px;
float: left;
color: #ddd; /* ddd light grey */
text-align: left;
font-size: 8px;
padding: 1px;

}

/*===========================*/
/* =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: #c9f; /* 555 light grey */
  padding-top:7px;/*space above each graphic*/
  padding-left:2px;/*left space seems to work wth ie6*/
}	

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

div.img a:hover img {
border: 1px solid #c9f; /* 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: #c9f;
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: #ffc; /* 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: 18em;
  margin-right: 2px;
  padding: 0;
  line-height: 2;
}

p.bold {
font-weight: bold;
font-size: 11px;
}
/*
.bold {
font-weight: bold;
color: #eee;
}
*/

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

.grntxt a{
color: #0f0; /* f00 red */
/*font-weight: bold;*/
}

.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;
}

.ytxt {
color: #ff0; /* ff0 yellow */
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;
}*/
#box {
/*float: right;*/
float: left;
width: 89px;
/*height: 54px;*//
height: auto;
background: #000; /* ffb light yellow */
padding: 3px;
margin-top:10px;
color: #fff;
}
#box a {
color: white;
text-decoration: none;
width: 110px;
}
#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: #c9f; 
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: -510px;
left: -5px;
float: right;
width: 100px;
height: auto;
background: #000; /* acf light blue */
padding: 2px;
color: #36f;
}
div.des {
  text-align: left;
  font-weight: normal;
  width: 105px;
  margin: 0px;
  padding-left:0px;
  font: 10px Verdana, Arial, helvetica, sans-serif;
}
#print {
position:relative;
left:650px;
top: -605px;
width:100px;
text-decoration: none;
}

.search {
position:relative;
left:560px;
top:-610px;
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: #c9f;
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: 500px;
width: 645px;
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: #222; /* 333 dark grey */
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 */
}
.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:400px;
font-size: 26px;
padding-left: 15px;
font-family: Verdana, Arial, helvetica, sans-serif;
}

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

#alt4 {
padding-right: 30px;
padding-left: 20px;
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;
}