/* rv 26sep07 minehead.org.uk*/
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/titleBar.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: 645px;
/*height: 412px;*/
height: 512px;
text-align: left;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 11px;
padding-top: 1px;
font-size: 10px;
}

#leftbar {
background: #222; /* 333 dark grey */
float: left;
width: 95px;
height: 523px;
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:9px;/*space above each graphic*/

}	

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

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

#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: 0;
  padding: 0;
  line-height: 2;
}

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

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

.redtxt {
color: #f00; /* f00 red */
font-weight: bold;
}

.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: 85px;
/*height: 54px;*//
height: auto;
background: #000; /* ffb light yellow */
padding: 5px;
margin-top:10px;
color: #fff;
}
#box a {
color: white;
text-decoration: none;
width: 110px;
}
#box2 {
/*float: right;*/
float: left;
width: 110px;
/*height: 54px;*//
height: auto;
background: #ffd; /* ffb light yellow */
padding: 5px;
margin-top:-10px;
color: #000;
}
#box2 a {
color: black;
text-decoration: none;
width: 110px;
}