body {background-color:#bcdeff;color:#191970} /* Background color Can also use #f0f8ff AliceBlue #87cefa LightSkyBlue or #f0ffff Azure or Linen #faf0e6 */
body {background-image: url('images/bluebac.jpg');background-repeat:repeat;}
body {font-family:Arial,Verdana,sans-serif;font-size:0.98em;font-weight:normal;color:#191970;background-color:transparent;}
/* font (shorthand - properties that can be set, are, in order):
 "font-style (ital, norm, obliq) font-variant (normal, smcaps, etc.) font-weight (normal, bold, 400, 900, etc), font-size/line-height, & font-family" */

/* font-weight can also be 100, 200 - 900 - - -  font-color #fffffc is MidnightBlue Can also use #000080 Navy or #00008b DarkBlue */
/* NB: paragraph text-align - for .c (centre) .l (left) and .r (right) see below */

p {font: normal normal normal 1em/1.15em Arial,Verdana,sans-serif;}
.b {font-weight:bold;}
.cap {margin:2px 0 8px 0;text-align:center;}
.cl {clear:both;} /* clear should clear 'float' and 'div' attributes */
dl {text-align:left;margin: 2px 20px;}
.p3 {font-size:1.3em;font-style:normal;text-align:center;font-weight:bold;background-color:transparent;}
.p4 {text-align:center;font-weight:bold;margin:20px 2px;background-color:transparent;clear:both;}
.p5 {text-align:center;font-weight:bold;margin:8px;background-color:transparent;clear:both;}
.lo3 {text-align:left;width:30%;height:27px;float:left;padding:2px;}
.mido3 {text-align:center;width:38%;height:45px;float:left;padding:2px;margin:auto;}
.ro3 {text-align:right;width:30%;height:27px;float:right;padding:2px;}

.lo2 {text-align:left;width:48%;height:24px;float:left;padding:0;}
.ro2 {text-align:left;width:48%;height:24px;float:right;padding:0;}

.lo2i {text-align:left;width:48%;height:24px;float:left;padding:10px;}
.ro2i {text-align:left;width:48%;height:24px;float:right;padding:10px;}

h1, h2 {font-family:"Book Antiqua",Georgia,serif;margin:0;padding:0;color:#191970;text-align:center;font-weight:bold;background-color:transparent;clear:both;}
h3, h4, h5 {font-family:Arial,Verdana,sans-serif;margin:0;padding:0;color:#191970;text-align:center;font-weight:bold;background-color:transparent;clear:left;}
h1 {font-size:1.6em;font-style:italic;}
h2 {font-size:1.4em;font-style:normal;}
h3 {font-size:1.1em;font-style:italic;}
h4 {font-size:1.0em;font-style:normal;}
h5 {font-size:1.0em;font-style:normal;}

div.i {margin:6px;border:1px solid #0000ff;height:180px;width:auto;float:left;text-align:center;}
div.i img {display:inline;margin:6px;border:2px solid transparent;}
div.i a:hover img {border:2px solid #ff0000;}
div.desc {text-align:center;font-weight:normal;font-size:0.97em;font-family:Arial,Verdana,sans-serif;max-width:280px;margin:0;padding:0;}
/*desc to be used for single pics with long captions - desc. width is set to limit caption width to 280px
use descc for (almost) full page width descriptions */

div.ib {margin:6px;border:1px solid #0000ff;min-height:190px;height:auto;width:auto;float:left;text-align:center;}
div.ib img {display:inline;margin:6px;border:2px solid transparent;}
div.ib a:hover img {border:2px solid #ff0000;}
div.descb {text-align:center;font-weight:bold;font-size:0.95em;font-family:Arial,Verdana,sans-serif;width:98%;margin:2px;}

/* Use div.ic to CENTRE IMAGES OF ANY SIZE */
div.ic {margin:auto;border:1px solid transparent;height:auto;width:auto;text-align:center;}
div.ic img {display:inline;margin:4px;border:2px solid transparent;}
div.ic a:hover img {border:2px solid #ff0000;}
div.descc {text-align:center;font-weight:normal;font-size:0.95em;font-family:Arial,Verdana,sans-serif;width:96%;margin:2px;}
/* Use descc for almost full page width (96%) descriptions */

div.ir img {display:inline;margin:6px;border:2px solid transparent;float:right;}

div.x {text-align:left;width:55px;margin:2px;float:left;}
div.x img {display:inline;min-height:50px;float:left;margin:6px;border:2px solid transparent;}

hr {border:solid 1px;border-color:#0000aa;width:370px;margin: 15px 0 20px 0;clear:both;}

/* text-align etc. - to TO OVERRIDE ALIGNMENT IN OTHER ELEMENTS/CLASSES (e.g. p4) this must be positioned below other classes in the (THIS) CSS document */
.c {text-align:center;margin:2px 0 2px 0;}
.l {text-align:left;}
.n {font-style:normal;font-weight:normal;font-size:0.97em;}
.r {text-align:right;}
.t {vertical-align:top;}
.red {color:#ff0000;background-color:transparent;}

table {width:99%;border-collapse:collapse; border:1px solid transparent;}
td.xx {width:48%; text-align:left;padding:6px; border-collapse:collapse; border:6px solid transparent;}
caption {caption-side: bottom; padding: 0 0 3px;}

a:link {color:#00008b;background-color:transparent;}
a:visited {color:#3300cc;background-color:transparent;}
a:hover {color:#de0000;background-color:transparent;}

/* NB -  IF TEXT IS COLOURED to be CSS compliant you must define background-color too. #8b0000 is Dark Red, #9032cc is Dark Orchid. 
•a:hover MUST come after a:link and a:visited
•a:active MUST come after a:hover
*/

/* e.g. div {margin:auto;} You can set the margin property to 'auto' to horizontally centre an element within its container.*/

/* All colours chosen are Web Safe supported by all browsers 
TEXT SIZES: Below shows the text size in em & the same in pixels 
font-size - 2.5em 40px
font-size - 1.875em 30px
font-size - 0.875em 14px */