.title {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: green;
      text-decoration: none;
}
a.title {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: green;
      text-decoration: none;
}
.ref {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: green;
      text-decoration:underline;
}
.bullet {
      list-style-image: url(images/bullet.jpg)
}
.text {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      line-height: 22px;
      color: #000000;
      text-decoration: none;
}
a:hover {
      color: #4866A4;
      text-decoration: none;
}
.footer {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10px;
      line-height: normal;
      color: white;
      font-weight: normal;
      text-decoration: none;
}
a {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #2C3D61;
      text-decoration: underline;
}
.footer:hover {
      color: white;
      text-decoration: underline;
}
.menutext {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      text-decoration: none;
      color:white;
}
.menutext:hover {
      color: #B3B79D;
      text-decoration: none;
      background-color:green;
}
.greentext {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #306267;
}
.text:hover {
      color: #395080;
      text-decoration: none;
}
td.maincolour {
      background-color:green;
      color:white;
}
td.secondarycolour {
      background-color : #EAEBE4;
}
.style1 {
      font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 18px;
      color:white;
}
.style8 {
      font-size: 9px;
      font-style: italic;
}


/* The next declaration was in every .htm file in the system so I moved it here to reduce */
/* the size of the system and to make everything consistent and so that if */
/* it everhas to be changed, it only needs changing in one place. */
/* That said, I realy don't know what it does, whether it is ever used */
/* or if it is actually useful */

/* Dik Leatherdale January 2020 */

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.style3 {font-size: 24px}