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

html {overflow-y:scroll;}
th{text-align: left;}
p{padding-left: 10px;}
hr{width: 100%;}
th {text-align: left;}

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

#container {
width: 750px;
margin: 0 auto;
}

#base {
position: relative;
bottom: -380px;
padding: 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;
}

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: 500px;  /*12oct10rv - this seems to work ok in ff2 & ie6*/
text-align: left;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 1px;
padding-top: 0px;
font-size: 10px;
text-decoration: none;
}

#cont {
background: #fff; /* dee light blue */
float: right;
width: 744px;
_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: 120px; /* was 95 now 120 */
height: 520px;
padding-top: 0px;
color: white;
font-size: 8px;
}

#lbar {
background: #222; /* 333 dark grey */
float: left;
width: 120px;
height: 520px;
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: 9px;
padding: 1px;
}
#footerBAK {
width: 748px;
color: #c9f; /* 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: #c9f; /* 555 light grey */
  padding-top:4px;/*space above each graphic*/
  padding-left:2px;/*left space seems to work wth ie6*/
  display: block;
}	

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

}	

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

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

div.desc {
  text-align: left;
  font-weight: normal;
  width: 111px;
  margin: 0px;
  padding-left:0px;
  font: 9px Verdana, Arial, helvetica, sans-serif;
}

div.des1 {
  font: 9px Verdana, Arial, helvetica, sans-serif;
  color: #c9f;
}
/* =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: #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: #acf; /* ff9 mauve */
/*font-weight: bold;*/
text-decoration: none;
}
.purtxt {
color: #ff9; /* ff9 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;
}*/

#box {
/*float: right;*/
float: left;
width: 111px;
/*height: 54px;*//
height: auto;
background: #000; /* ffb light yellow */
padding-left: 3px;
padding-top: 1px;
/*margin-top:-1px;*/
margin-top:2px;
color: #fff;
font: 9px Verdana, Arial, helvetica, sans-serif;
}

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

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

#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: 130px;
font-family: Verdana, Arial, helvetica, sans-serif;
}

#tit1 {
font-size: 26px;
padding-left: 3px;
font-family: Verdana, Arial, helvetica, sans-serif;
}

#sub {
font-size: 14px;
padding-left: 130px;
font-family: Verdana, Arial, helvetica, sans-serif;
}

#sub1 {
font-size: 14px;
padding-left: 5px;
font-family: Verdana, Arial, helvetica, sans-serif;
}

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

#alt1 {
padding-right: 30px;
/*padding-left: 235px; changed 5feb10*/
padding-left: 3px;
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: 76%;
}
.right-element {
position: absolute;
right: 0;
width: 30%;
text-align: right; /* depends on element width */
}
/*rename to 2 was con 1*/

.right-element a{
text-decoration: none;
color: #00f;
}
/*rename to 3 was con 2*/
.con3 {
position: relative;
height: 23px;
width: 620px;
float: right;
background: #eee;
border-bottom: thin solid #000; /* 000 black */
font-weight: bold;
font-size: 14px;
}

/* rename to 4 (was con 4)*/
.con4 {
position: relative;
height: 20px;
width: 645px;
float: right;
background: #fff;
border-bottom: thin solid #111; /* 000 black */
}

/*was con */
.con5 {
position: relative;
min-height: 455px;
width: 608px;
float: right;
background: #fff; /* 036 dark blue */
text-indent: 0.1cm
border-bottom: thin solid #222; /* 222 grey */
border-top: thin solid #fff;
padding-left:10px;/* 14jul11 not working in ie6 */
padding-right:10px;/* 14jul11 not working in ie6 */
}

.con5lt {
position: absolute;
left: 0;
width: 45%;
min-height: 500px;
/*margin-left: 0px;/* 14jul11 not working in ie6 */
padding-left:10px;/* 14jul11 not working in ie6 */
/*margin-right: 10px;/* 14jul11 not working in ie6 */
padding-right:10px;
}

.con5rt {
position: absolute;
right: 0px;
width: 50%;
text-align: left; /* depends on element width */
color: #000;
/*margin-left: 0px;/* 14jul11 not working in ie6 */
padding-left:10px;/* 14jul11 not working in ie6 */
/*margin-right: 10px;/* 14jul11 not working in ie6 */
padding-right:10px;
}
.con5a {
position: relative;
min-height: 521px;
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;
}

#ldet {
background: #eee; /* ffd - lt yellow */
position: relative;
top: 0px;
left: -7px;
float: left;
width: 120px;
height: 518px;
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;
}

.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: #c9f;
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;
}

.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;
display: block;
}

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

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

#tabletext {
padding: 0px;
background: #ddf;
}

#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;
}
p strong {
color: blue;
font-size: 10px;
font-weight: bold;
}

.con2 {
position: relative;
height: 13px;
width: 750px;
float: right;
background: #c9f;
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 {
position: relative;
height: 13px;
width: 750px;
float: right;
background: #c9f;
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!!!*/
}

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

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


.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
padding-left: 2px;
padding-right: 2px;
margin: 12px;
-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;
display: block;
background-color: #ddf;
}
.wp-caption p.wp-caption-text {
font-size: 10px;
line-height: 15px;
padding: 0 4px 5px;
margin: 0;
}

#sidebar {
position:absolute;
float: right;
top: 390px;
left: -107px;
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;
}

#navigation{

height:2.1em;
line-height:2.2em;
width:710px;
margin:0 0px;
/*background:#acf;*/
background:#c9f;
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: #999;
font-size:9px;
padding-left: -1px;
font-weight:normal;
}
#sml {
color: #008;
font-size:9px;
padding-left: 14px;
}
#sml1 {
color: #999;
font-size:0.9em;
padding-left: 14px;
}
#sml2 {
color: #999;
font-size:1em;
}
#sml3 {
color: #008;
font-size:0.6em;
}
.entry{
list-style-type: none;
float:left;
}

.entry2{
float:right;
list-style-type: none;
padding-left: 12px;
margin-right: -4px;
}

.selected{
/*sun24oct10-removing background:#acf; - 'gallery' menu doesn't get applied with color:#fff; */
/*background:#acf;*/
color:#fff; 
text-decoration:none;
}

#nav-menu li a.selected{
/*sun24oct10-removing background:#acf; - 'gallery' menu doesn't get applied with color:#fff; */
/*background:#acf;*/
color:#fff;
background: #c9f; 
text-decoration:none;
}

#nav-menu ul {
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li {
float: left;
margin: 0em;
}

#nav-menu li a {
height: 1.5em;
line-height: 1.5em;
float: left;
padding-right:5px;
padding-left:5px;
display: block;
border-right: 1px solid #000;
color: #000;
text-decoration: none;
text-align: center;
}

#nav-menu li a.selected{
/*sun24oct10-removing background:#acf; - 'gallery' menu doesn't get applied with color:#fff; */
/*background:#acf;*/
color:#000;
background: #ccc; 
text-decoration:none;
height: 13px;
}

#col{
column-count:2;
width: 625px;
text-align:justify;
}

#news {
position: relative;
top: 5px;
left: -5px;
padding: 10px;
width:180px;
height:125px;
background: #eee; /* ddd light grey */
clear: both;
float:right;
font-size: 9px;
}

#posts {
position: relative;
top: 10px;
left: -5px;
padding: 10px;
width:180px;
height:110px;
background: #ddd; /* ddd light grey */
clear: both;
float:right;
font-size: 9px;
}

th{
text-align: left;
}
.caption {
border: 0px solid #ddd;
text-align: center;
background-color: #ddd;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
margin-right: 1px;/*7apr13-gap between the 3 photos on home page*/
margin-top: 4px;
line-height: 1px;
padding-bottom: 1px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.caption img {
margin: 0;
padding: 0;
border: 0 none;
display: block;
background-color: #ddf;
}
.caption p.caption-text {
font-size: 9px;
line-height: 5px;
padding: 0 4px 5px;
margin: 0;
}

caption-text {
font-size: 9px;
line-height: 15px;
padding: 0 4px 5px;
margin: 0;
}

.caption p.caption-text {
font-size: 9px;
line-height: 9px;
padding: 2px 4px 3px;
margin: 0;
}

#col{
column-count:2;
width: 700px;
text-align:justify;
margin-left:20px;
}

hr{
width: 100%;
}

.capnews{
border: 0px solid #ddd;
text-align: center;
background-color: #ddd;
line-height: 0px;
padding-bottom: 1px;
font-size: 9px;
margin-left: 11px;
}

div.multi {
  column-count: 3
  column-gap: 10px;
  column-rule: 1px solid black;      
}

th{
text-align: left;
}
.date2{
float:left;
text-align:center;
font-weight:800;
margin: 5px 20px 0 0;
padding: 0 10px;
border-left: 1px solid #ccc;
color: #444;
}