BODY {text-decoration:none;  background: #c6ffff; FONT-SIZE: 100%; FONT-FAMILY: Verdana, Arial, Helvetica;}    /* BACKGROUND: #c6ffff omitted */ /*  #c6ffff~pale blue */

img {border: none;}

#container {width: 1500px; margin-right: auto; margin-left: auto; text-decoration:none;}
#container a {text-decoration:none;}


/*********************************************************/

/* centre an image (as a block) */
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

    

/* this section provides for centering an image
html, body, #wrapper {
   height:50%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
}
#wrapper td {
   vertical-align: middle;
   text-align: center;
}


/* this section provides a tooltip */
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ffc400; /* This orange color (#ffc400) is to match the 'Welcome' banner color */
    color:#000;
    text-decoration:none}
a.tooltip:hover{z-index:25; background-color:#ffc400}
a.tooltip span{display: none}
a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:5.4.8em; left:0.5em; width:6em;
    border:1px solid #0cf;
    background-color:#ff0; color:#000;
    font-size: 0.8em;
    text-align: center}
/* end of this section provides a tooltip */


/* this section centre aligns text inline with an image */
.t1 img{vertical-align: middle; margin-left: 0px; margin-right: 0px;}
/* end of this section centre aligns text inline with an image */


div.contactsred {color:red; background: white; font-size: 12px;}
div.contactsblue {color:blue; background: white; font-size: 12px;}


/* this section centres tables */
div.centered        /* this centers tables */
{
text-align: center;
}
/* end of this section centres tables */


/* this section centres the text below the table */
div.centered table  /* this centers the text below the above (img or whatever) */
{
margin: 0 auto; 
text-align: center;
}
/* end of this section centres the text below the table */


#hmenu1centered {
  width: 800px ;
  margin-left: auto ;
  margin-right: auto ;
}



/****** start of common blocks to all files *******/

#hmenu li {position: relative;}

#hmenu ul ul ul {
position: absolute;
top: 0px;
left: 100%;
}

#hmenu ul ul {
position: absolute;
z-index: 500;
}

div#hmenu a {text-decoration:none}

div#hmenu ul ul {
display: none;
}

div#hmenu ul li:hover ul
{display: block;}

div#hmenu ul ul,
div#hmenu ul li:hover ul ul,
div#hmenu ul ul li:hover ul ul
{display: none;}

div#hmenu ul li:hover ul,
div#hmenu ul ul li:hover ul,
div#hmenu ul ul ul li:hover ul
{display: block; width: 200px;}



/****** vmenu starts here ***********/

#vmenu {
width: 200px;
background: #fff; /* white background */
}

#vmenu ul {
list-style: none; /* removes bullet points from <ul> */
margin: 0;
padding: 0;
}

#vmenu a, #vmenu h2 {
font: bold 11px/15px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#vmenu h2 {              /* originally included:- text-transform: uppercase; */
color: #fff;             /* white */
background: #000;        /* black */
}                        /* h2 heading has black background, white foreground - lettering is uppercase */

#vmenu a {
color: #fff;             /* white */
background: #8b4513;     /* #8b4513~dark brown */
text-decoration: none;
}                        /* all anchors (lettering) have a dark brown background and white lettering */

#vmenu a:hover {
color: #f00;
background: #fff;
}

#vmenu li {position: relative;}

#vmenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#vmenu ul ul ul,
div#vmenu ul ul li:hover ul ul
{display: none;}

div#vmenu ul ul li:hover ul,
div#vmenu ul ul ul li:hover ul
{display: block;}


/****** vmenu ends here ***********/

/****** threecolumns starts here ***********/

#threecolumns {MARGIN: 0px 0px 0px 10px;}
#left-col {FLOAT: left; WIDTH: 200px; background-color: white;}

#centre-col {MARGIN: 0px 210px 0px 210px}
/*#centre-col A {TEXT-DECORATION: underline}*/
/*#centre-col A:hover {COLOR: #f42b0d}*/ /* #f42b0d~red */

#right-col {FLOAT: right; WIDTH: 200px; background: #98fb98;}    /* #98fb98~~pale green */

/****** threecolumns ends here ***********/


/******************* end of common blocks to all files *******************/


/******************* start of hmenu0 *******************/
#hmenu0 {width: 400px; background: #c6ffff; float: middle;}
#hmenu0 ul {list-style: none; margin: 0; padding: 0; width: 6em; float: left;}

#hmenu0 a, #hmenu0 h2 {
font: bold 11px/20px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 1px 1px 1px 1px;
}

#hmenu0 h2 {
color: #000;
background: yellow;
text-transform: uppercase;
}

#hmenu0 a {
color: #fff;           /* white */
background: #0000cd;   /* 0000cd ~dark blue */
text-decoration: none;
}

#hmenu0 a:hover {
color: #fff;          /* white */
background: #ff3300;  /* #ff3300 ~red */
}
/******************* end of hmenu0 *******************/

/******************* start of hmenu1 *******************/

#hmenu1 {width: 900px; margin-left: 50px; background: #c6ffff; float: left;}      /* c6ffff ~pale blue */
#hmenu1 ul {list-style: none; margin: 0; padding: 0; width: 8em; float: left;}

#hmenu1 a, #hmenu1 h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 1px 1px 1px 1px;
}

#hmenu1 h2 {
color: #fff;           /* white */
background: #cc3299;   /* #cc3299~purple */
text-transform: uppercase;
}

#hmenu1 a {
color: #000;            /* color black */
background: #98fb98;    /* #98fb98~pale green */
text-decoration: none;
}

#hmenu1 a:hover {
color: #fff;           /* white */
background: #ff3300;   /* #ff3300 ~red */
}
/******************* end of hmenu1 *******************/

/******************* start of hmenu2 *******************/

#hmenu2 {margin-left: 100px; padding-top: 10px; background: #c6ffff; float: left;}       /* c6ffff ~pale blue */
#hmenu2 ul {list-style: none; margin: 0; padding: 0; width: 8em; float: left;}

#hmenu2 a, #hmenu2 h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 1px 1px 1px 1px;
}

#hmenu2 h2 {
color: #000;             /* black */
background: #99cc32;     /* #99cc32 ~pale/dark green */
text-transform: uppercase;
}

#hmenu2 a {
color: #000;             /* black */
background: yellow;      /* yellow */
text-decoration: none;
}

#hmenu2 a:hover {
color: #fff;             /* white */
background: #ff3300;     /* #ff3300 ~red */
}
/******************* end of hmenu2 *******************/