/* rv 30oct07 morleighs.com 9sep09*/

html {overflow-y:scroll;}

body {
background: #000;
}

#container {
width:100%;
max-width:710px;
margin:0 auto;
/*background: #103542;*/
background: #000;
color: #555;

}

#header {
background-repeat:no-repeat;
width: 100%;
height: auto;
max-width:710px;
margin:0 auto;
}

.leftbar {
float: left;
width: 100px;
min-height: 200px;
height:100%;
margin-right: 20px;
margin-left: 50px;
margin-top: 0px;
}

.leftbar img {
padding-bottom:10px;
}

.rightbar {
float: right;
width: 100px;
height:100%;
margin-left: 20px;
margin-top: 0px;
margin-right: -70px;
}

.rightbar img {
padding-bottom:10px;
}

#content {
width: 95%;

height: auto;
font: 12px verdana, arial, sans-serif;
color: #ccc;
font-weight: bold;
text-align: justify;
padding-right: 5px;
padding-left:1px;
background: #000;
margin-top: -50px;
margin-left: -50px;
}

#menu {
margin: 0;
padding:2px;
background-image: url('pix/menubg.gif');
width: 100%;
max-width:900px;
height: 120px;
font: 11px Verdana, Arial, helvetica, sans-serif;
color: #c0c0c0;
font-weight: bold;
position:relative;
left:1px;
top:105px;
line-height:2.25;
}

#pixbar {
width: 100px;
height: 70px;
text-align: left;
padding-bottom: 16px;
}

#pixbar7 {
width: 100px;
height: 70px;
position:relative;
left:-120px;
top:250px;
text-align: left;
padding-bottom: 16px;
}

#pixbar8 {
width: 100px;
height: 70px;
position:relative;
left:-120px;
top:280px;
text-align: left;
padding-bottom: 16px;
}

#pixbar9 {
width: 100px;
height: 70px;
position:relative;
left:-120px;
top:280px;
text-align: left;
padding-bottom: 16px;
}

#pixbara {
width: 100px;
height: 70px;
position:relative;
left:520px;
top:20px;
text-align: left;
padding-bottom: 16px;
}

#pixbarb {
width: 100px;
height: 70px;
position:relative;
left:520px;
top:20px;
text-align: left;
padding-bottom: 16px;
}

#pixbarc {
width: 100px;
height: 70px;
position:relative;
left:520px;
top:20px;
text-align: left;
padding-bottom: 16px;
}

table {
width: 100%; 
border: 1px;
padding: 10px;
font: 11px verdana, arial, sans-serif;
font-weight: bold;
text-align: justify;
padding-right: 5px;
background: #000;
color: #cc8;
}

th {
background: #667; /* 667 dark grey */
padding: 5px;
}

td {
background: #111; /* 111 nearly black */
border: thin solid grey;
color: #9cf;
font-weight: bold;
padding: 5px;
vertical-align: top;
}

img {
    width: 100%;
    height: auto;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 11px Arial;
/*10may18rv remove below if menu items don't need the background to be full page width */
width: 99%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
/*background: black url(pix/blockdefault.gif) center center repeat-x; */
text-align: center; /*11may2020rv change from left to center to make menu buttons appear in centre*/
}

.solidblockmenu li{
display: inline;
margin:auto; /*11may2020rv changed this to make menu items centre*/
}

.solidblockmenu li a{
 /*11may2020rv removed float:left to make menu buttons appear in centre as amended in solidblockmenu*/
color: white;
padding: 2px 11px;
text-decoration: none;
border-right: 1px solid white;
font: 13px verdana, arial, sans-serif;
font-weight: bold;

}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(pix/blockactive.gif) center center repeat-x;

}

#cop{
font: 12px verdana, arial, sans-serif;
color: #333;
}
.title {
font: 14px verdana, arial, sans-serif;
font-weight: bold;
text-align: center;
background: #000;
color: #f00;
}

p {
font: 12px verdana, arial, sans-serif;
font-weight: bold;
text-align: justify;
padding: 5px;
color: #ccc;
}

.form2	{ 
font: 12px arial, verdana, sans-serif;
text-align: left;
width: 340px;
padding-left: 16px;
}
.grntxt {
color: #0f0;
font: 12px verdana, arial, sans-serif;
font-weight: bold;
text-align: left;
}

.blutxt {
color: #0099ff;
}

.redtxt {
background: #000;
color: #f00;
}

.yeltxt {
background: #000;
color: #ff0;
font: 14px arial, verdana, sans-serif;
font-weight: bold;
}

.greytxt {
color: #777;
text-align: left;
font: 11px arial, verdana, sans-serif;
}
div label {
  display: block;
  font-size: 0.8em;
}

strong.error {
  color: red;
}

input.invalid {
  background-color: pink;
}

textarea.invalid {
  background-color: pink  ;
}

/* unvisited link */
a:link		{ 
color: #C0C0C0; 
text-decoration: none 
}

/* visited link */
a:visited	{ 
color: #C0C0C0; 
text-decoration: none 
}

/* mouse over link */
a:hover	{ 
color: #103542; 
text-decoration: none 
}

/* selected link */
a:active	{ 
color: #fff; 
text-decoration: none 
}

#hide {
  display: none;
}


/* new menu below*/
.header {
  background-color: #000;
  opacity: 1;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
/* 18apr2020 remove position: fixed; (below) to stop header staying still on mobile*/  
/*  position: fixed; */
/* 18apr2020 remove position: fixed; (above) to stop header staying still on mobile*/  
  width: 100%;
  z-index: 3;
}
 
.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  /*background colour of menu when open*/
  background-color: #000;
  font-family: verdana, Times, serif;
}
 
.header li a {
  display: block;
  padding: 10px 10px; /*9jul18rv padding was 20px but reduced so whole menu can be seen on small mobile*/ 
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
}
 
.header li a:hover {
  background-color: #f4f4f4;
}
 
.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 10px;
  text-decoration: none;
  color:#69D1F8;
  font-family: verdana, Times, serif;
/*3sep16rv added below to show logo alongside menu lines*/
  width: 69%;
  
}
 
.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

/*removing below to get rid of burger menu or in index remove class line 41*/ 

.header .menu-icon .navicon {
  background: #fff;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 28px;
}
/*removing below to get rid of burger menu*/ 
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

/*4sep16rv added for marc as he wanted word instead of lines*/
#menubut{
color: #fff;
font-weight: bold;
font: 14px verdana, arial, sans-serif;
margin-top: -20px;
margin-right: 10px;
}
.header .menu-icon .navicon:before {
  top: 5px;
}
 
.header .menu-icon .navicon:after {
  top: -5px;
}

.header .menu-btn {
  display: none;
}
 
.header .menu-btn:checked ~ .menu {
  max-height: 100%;
}
 
.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
 
.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}
 
.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}
 
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/*media queries below here*/
/*3sep19 changed max-width from 555 to 740*/
@media (max-width: 740px) {

body {
}

.header .logo {
  width: 55%;
}

  .mobtr, th, .solidblockmenu, #show, .leftbar, .rightbar {
  display: none;
  }
  
#content {
margin-top: -100px; /*18apr2020 was 30px but on mobile, too much gap between header and main text so tried 100px*/

}

#hide{
display:block;
}  
  
  .title {
  font: 20px Verdana, Arial, helvetica, sans-serif;
  }
  
#header {
width: 95%;
height: auto;
text-align: left;
margin-left:1px;
}

/*don't delete below here!*/
}
/*media queries above here*/

/*3sep19 changed max-width from 767 to 850*/
/*10feb2020 changing below from 850 to 2000 to get rid of content slipping to left on desktop*/
@media (max-width: 2000px) {
.rightbar, .leftbar {
  display: none;
  }
#content {
margin-left: 10px;

}

}
/*media queries below here*/
/*10feb2020 changing below from 900 to 2001 to get rid of content slipping to left on desktop
18apr2020 changed to 901 as marc wants pix to appear on laptop
*/
@media (min-width: 901px) {
body {
}

#content {
width:90%;

}

/*18apr2020 added maincopy around main text to separate it (overlapping) from left and right bar*/
#maincopy {
width:93%;
height:100%;
}

.leftbar, .rightbar {
  display: block;
  margin-left:-9px;
  height:100%;
  min-height:1400px; /*7may2020rv changed this from 1200 to 1400 as last 3 lines in list were over to left!*/
  }

  .header li {
    float: left;
  }
  .header li a {
    padding: 20px 30px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
#menubut{
color: #acf;
font-weight: normal;
font: 9px verdana, arial, sans-serif;
}
/*don't delete below here!*/
}
/*media queries above here*/

/*media queries below here*/
@media (min-width: 999px) {
body {
}


/*don't delete below here!*/
}
/*media queries above here*/