H1 {
font-family: Verdana;
font-size: 16pt;
color: #666666;
}

H2 {
font-family: Verdana;
font-size: 10pt;
color: #666666;
}

H3 {
font-family: Verdana;
font-size: 12pt;
color: #666666;
}

H4 {
font-family: Verdana;
font-size: 8pt;
color: #f87838;
}

H5 {
font-family: Verdana;
font-size: 12pt;
color: red;
}

Text.general {
font-family: Verdana;
font-size: 12pt;
}

LABEL.general {
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  color: #666666;
}

/*************************************************/
/* Paragraph used for large text on opening page */
/*************************************************/

p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:8pt;
	font-family: Verdana;
	mso-ansi-language:EN-GB;}
@page Section1
	{size:612.0pt 792.0pt;
	margin:72.0pt 90.0pt 72.0pt 90.0pt;
	mso-header-margin:35.4pt;
	mso-footer-margin:35.4pt;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
	
P.large {
font-size: 18pt;
}

P.notes {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
}

P.twelve {
  font-size: 12pt;
  font-family: Verdana;
  color: #666666;
}

P.general {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
}

P.white {
  font-size: 8pt;
  font-family: Verdana;
  color: #ffffff;
}

P.whitelarge {
  font-size: 14pt;
  font-family: Verdana;
  color: #ffffff;
}

P.genlarge {
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  color: #666666;
}

P.heading {
  font-size: 14pt;
  font-family: Verdana;
  font-weight: bold;
  color: #666666;
}

P.newspaper {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  text-align: center;
}

P.foundation {
  font-size: 8pt;
  font-family: Times New Roman;
  color: #666666;
  text-align: center;
}

P.letter {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  text-indent: 20px;
}

P.letter2 {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  text-indent: 40px;
}

P.quotes {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  margin-left: 20px;
}

P.wits1 {
  font-size: 26pt;
  font-family: Cambria;
  color: #660000;
  font-weight: bold;
}

P.wits2 {
  font-size: 14pt;
  font-family: Cambria;
  color: #660000;
  font-weight: bold;
}

P.wits3 {
  font-size: 12pt;
  font-family: Cambria;
  color: #660000;
  font-weight: bold;
}
/*************************************************/
/* Span used for small text in between large     */
/* paragraph                                     */
/*************************************************/

SPAN.blankspace {
}

SPAN.plaques {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  text-align: center;
}

SPAN.lines {
  font-size: 7pt;
  font-family: Verdana;
  color: #f5f0f0;
}

SPAN.notes {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
}

DIV.notescntr {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  text-align: center;
}

DIV.notesjst {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  text-align: justify;
}

SPAN.notesy {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  background-color: #ffff33;
}

SPAN.notesul {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  text-decoration: underline;
}

SPAN.headings {
  font-size: 12pt;
  font-family: Verdana;
  font-weight: bold;
  color: #666666;
}

SPAN.headwhite {
  font-size: 12pt;
  font-family: Verdana;
  font-weight: bold;
  color: #ffffff;
}

SPAN.headings10 {
  font-size: 10pt;
  font-family: Verdana;
  font-weight: bold;
  color: #666666;
}

SPAN.awards{
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  color: #f87838;
}

SPAN.breaks{
  font-size: 2pt;
  font-family: Verdana;
}

SPAN.awardsS{
  font-size: 7pt;
  font-family: Verdana;
  color: #f87838;
}

SPAN.footnotes {
  vertical-align: top;
  font-size: 75%;
  font-family: Verdana;
  color: #666666;
}

SPAN.footnotesul {
  vertical-align: top;
  font-size: 75%;
  font-family: Verdana;
  text-decoration: underline;
}

SPAN.spaces {
  vertical-align: top;
  font-size: 50%;
  font-family: Verdana;
  font-weight: bold;
}

SPAN.verysmall {
  font-size: 7pt;
  font-family: Verdana;
  color: #666666;
  justify: justify;
}

SPAN.head {
font-size: 14pt;
font-family: Verdana;
font-weight: bold;
color: #666666;
}

SPAN.small {
font-size: 12pt;
}

SPAN.text {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
}

SPAN.textbold {
  font-size: 9pt;
  font-family: Verdana;
  font-weight: bold;
  color: #666666;
}

SPAN.changes {
color: red;
}

SPAN.no_main {  
  font-family: Verdana;
  font-weight: bold;
  color: #3366cc;
}

/* colour light blue */
SPAN.list_main {  
  font-family: Verdana;
  font-weight: bold;
  color: #3366cc;
}

/* colour dark blue */
SPAN.list_notes {  
  font-family: Verdana;
  font-weight: bold;
  color: #330066;
}

/* colour purple */
SPAN.list_image {  
  font-family: Verdana;
  font-weight: bold;
  color: #990099;
}

/* colour green */
SPAN.list_imagenotes {  
  font-family: Verdana;
  font-weight: bold;
  color: #009966;
}

/*************************************************/
/* Body style for all the main intro pages       */
/*************************************************/

BODY.main {
margin-top: 80;
margin-left: 6%;
margin-right: 6%;
}

body.noscroll {
overflow: hidden;
margin-left: 6%;
margin-right: 6%;
}

body.logo {
overflow: hidden;
}

body.noscroll1 {
margin-top: 0;
overflow: hidden;
margin-left: 6%;
margin-right: 6%;
}

body.frames {
margin-top: 5;
margin-left: 0;
margin-right: 0;
margin-bottom: 1%;
}

body.lightsc {
scrollbar-track-color: #ffffff;
scrollbar-face-color: #f5f0f0;
scrollbar-darkshadow-color: #ededed;
scrollbar-shadow-color: #f9f7f7;
scrollbar-arrow-color: #a6a3a3;
}

body.leftsc {
scrollbar-track-color: #ffffff;
scrollbar-face-color: #a2bfd4;
scrollbar-darkshadow-color: #003366;
scrollbar-3DLight-color: #6699cc;
scrollbar-highlight-color: #e5e9ed;
scrollbar-shadow-color: #0066cc;
scrollbar-arrow-color: #003366;
scrollbar-track-color: #e5e9ed;
}

body.frames2 {
margin-top: 0;
margin-left: 6%;
margin-right: 6%;
}

body.idimage {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}

/*************************************************/
/* Used for most of the main pages especialy     */
/* when followed by a scroll                     */
/*************************************************/

DIV.general {
margin-left: 6%;
margin-right: 6%;
}

DIV.noscroll {
overflow: hidden;
}

DIV.scrollbar {
overflow: auto;
height: 50%;
}

DIV.scrollbar2 {
overflow: auto;
height: 42%;
}

DIV.scrollbar3 {
overflow: auto;
height: 85%;
}

DIV.scrollbar4 {
overflow: auto;
height: 38%;
}

DIV.plaquesc {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  text-align: center;
}

DIV.plaquesj {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  text-align: justify;
}

DIV.plaquesl {
  font-size: 8pt;
  font-family: Verdana;
  color: #666666;
  text-align: left;
}

TABLE.lists1 {
  font-size: 10pt;
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
}


TABLE.lists {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
  font-size: 7pt;
  font-family: Verdana;
  color: #666666;
}

TABLE.gentext {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
  font-family: Verdana;
  font-size: 8pt;
  color: #666666;
}

TABLE.gennotes {
  font-family: Arial;
  font-size: 11pt;
}

TABLE.general {
  font-family: Verdana;
  font-size: 8pt;
  border-collapse: collapse;
}

  TD.lists {
    vertical-align: top;
    padding: 0pt 0pt 0pt 0pt;
    border: 0;
  }

TD.scroll {
overflow: auto;
border: solid black 1;
}

TD.main {
vertical-align: center;
padding: 0pt 0pt 0pt 0pt;
border: 1;
}

TD.notes {
padding: 10pt 10pt 10pt 10pt;
background-color: #F7EEE7;
}

TD.notes2 {
padding: 0pt 10pt 3pt 10pt;
background-color: #F7EEE7;
}

TD.head {
vertical-align: center;
padding: 0pt 0pt 0pt 20pt;
}

TD.navbar {
vertical-align: bottom;
padding: 0pt 0pt 10pt 5pt;
}

TD.navbartop {
vertical-align: top;
padding: 5pt 0pt 0pt 5pt;
}

TD.navbarmid {
vertical-align: center;
padding: 0pt 0pt 0pt 5pt;
}

TD.button {
  background-color: #D4D0C8;
  text-decoration: none;
  font-size: 11pt;
  padding-left: 7;
  padding-right: 7;
  border-style: outset;
}


TD.address {
  font-size: 10pt;
  padding-left: 7;
  padding-top: 0;  
  padding-bottom: 0;
}

TD.appform {
  font-family: Arial;
  font-size: 10pt;
  color: #333333;
  padding-left: 0;
  padding-top: 0;  
  padding-bottom: 0;
  align: right;
}

TD.gentext {
  font-family: Arial;
  font-size: 10pt;
}

TD.merits {
  font-family: Arial;
  font-size: 12pt;
  font-weight: bold;
  color: #666666;
  padding-left: 10;
  padding-right: 10;
}

TD.general {
  font-family: Verdana;
  font-size: 8pt;
}


/*************************************************/
/* Links used on intro pages and between pages   */
/* when not part of lists                        */
/*************************************************/
A.navbar {
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.navbar:visited {
  text-decoration: none;
  color: #666666;
}

A.navbar:hover {
  text-decoration: none;
  color: #3333cc;
}

A.dettop {
  font-size: 8pt;
  font-family: Verdana;
  color: #3366cc;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.dettop:visited {
  text-decoration: none;
  color: #3366cc;
}

A.dettop:hover {
  text-decoration: none;
  color: #3333cc;
}

A.general {
  font-size: 8pt;
  font-family: Verdana;
  color: #3366cc;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.general:visited {
  text-decoration: none;
  color: #3366cc;
}

A.general:hover {
  text-decoration: none;
  color: #3333cc;
  text-decoration: underline;
}

A.blueg {
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  color: #0066cc;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.blueg:visited {
  text-decoration: none;
  color: #0066cc;
}

A.blueg:hover {
  text-decoration: none;
  color: #003366;
}

A.link {
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.link:visited {
  text-decoration: none;
  color: #666666;
}

A.link:hover {
  text-decoration: none;
  color: #0066cc;
}

A.linkma {
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  color: #f87838;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.linkma:visited {
  text-decoration: none;
  color: #f87838;
}

A.linkma:hover {
  text-decoration: none;
  color: #cccccc;
}

A.head {
  font-size: 12pt;
  font-family: Verdana;
  font-weight: bold;
  color: #666666;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.head:visited {
  text-decoration: none;
  color: #666666;
}

A.head:hover {
  text-decoration: none;
  color: #3D1E0E;
}

A.headb {
  font-size: 12pt;
  font-family: Verdana;
  font-weight: bold;
  color: #0066cc;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.headb:visited {
  text-decoration: none;
  color: #0066cc;
}

A.headb:hover {
  text-decoration: none;
  color: #ff00cc;
}

A.headc {
  font-size: 12pt;
  font-family: Verdana;
  font-weight: bold;
  color: #99ccff;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.headc:visited {
  text-decoration: none;
  color: #99ccff;
}

A.headc:hover {
  text-decoration: none;
  color: #ff00cc;
}

A.hidden {
  color: black;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.hidden:visited {
  text-decoration: none;
  color: black;
}

A.hidden:hover {
  text-decoration: none;
  color: black;
}

A.list_main {  
  font-family: Verdana;
  color: #3366cc;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.list_main:visited {
  text-decoration: none;
  color: #3366cc;
}

A.list_main:hover {
  text-decoration: none;
  color: #0033cc;
  text-decoration: underline;
}

A.list_red {  
  font-family: Verdana;
  color: #ff0033;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.list_red:visited {
  text-decoration: none;
  color: #ff0033;
}

A.list_red:hover {
  text-decoration: none;
  color: #cc0000;
  text-decoration: underline;
}

A.list_notes {  
  font-family: Verdana;
  color: #330066;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.list_notes:visited {
  text-decoration: none;
  color: #330066;
}

A.list_notes:hover {
  text-decoration: none;
  color: #330066;
  text-decoration: underline;
}

A.list_image {  
  font-family: Verdana;
  color: #990099;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.list_image:visited {
  text-decoration: none;
  color: #990099;
}

A.list_image:hover {
  text-decoration: none;
  color: #990099;
  text-decoration: underline;
}

A.list_imagenotes {  
  font-family: Verdana;
  color: #009966;
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

A.list_imagenotes:visited {
  text-decoration: none;
  color: #009966;
}

A.list_imagenotes:hover {
  text-decoration: none;
  color: #009966;
  text-decoration: underline;
}

A.button {  font-size: 10pt;    background-color: #cccccc;
  text-decoration: none;
  font-family:  Verdana;    color: #3366cc;    border: 1pt;
}

A.button:visited {  font-size: 10pt;    background-color: #cccccc;  text-decoration: none;  font-family:  Verdana;    color: #3366cc;    border: 1pt;
}
A.button:hover {  font-size: 10pt;    background-color: #3366cc;  text-decoration: none;  font-family:  Verdana;    color: #cccccc;    border: 1pt;}
A.awards {
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  color: #f87838;
}

A.awards:visited {
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  color: #f87838;
}

A.awards:hover {
  font-size: 8pt;
  font-family: Verdana;
  font-weight: bold;
  color: #3300ff;
}

/*************************************************/
/* Used for the alphabet                         */
/*************************************************/

A.alph {
  color: #666666;
  background-color: #F7EEE7;
  text-decoration: none;
  font-weight: bold;
  padding-left: 2;
  padding-right: 2;
  border: outset 1;
  font-family: Verdana;
  font-weight: bold;
  font-size: 7pt;
}

A.alph:hover {
  font-family: Verdana;
  background-color: #6699cc;
  text-decoration: none;
  font-weight: bold;
  padding-left: 2;
  padding-right: 2;
  border: outset 1;
  color: #3D1E0E;
  text-decoration: none;
  font-size: 7pt;
}

A.image {
  text-decoration: none;
  image-decoration: none;
  padding-left: 0;
  padding-right: 0;
  border: 0;
}

.imgWrap {
  position: relative;
  height: 100px;
  width: 150px;
}

.imgDescription {
  font-family: Verdana;
  font-size: 8pt;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10;
  right: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;


  visibility: hidden;
  opacity: 0;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}


.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}