/* Overall style sheet. */

/* body: style for the whole thing */

body                {font-family: Tahoma, Arial, Helvetica, sans-serif;
                     background-color: #ccffff;}

/* colours */

.background         {background-color: #ccffff;}
.framesidecolour    {background-color: #0099ff;}
.frametopcolour     {background-color: #003399;}

/* dimensions (see also menubox & menulink) */

.logo1size          {width: 68px;		/* size of the top part of the logo within the top bar */
                     height: 90px;}
.logo2size          {width: 146px;		/* size of the lower part of the logo within the top bar */
							height: 33px;}
.logo3size          {width: 100px;		/* size of the part of the logo within the left bar = framesidewidth1+frameside2 */
                     height: 53px;}
.logo4size          {width: 46px;		/* size of the part of the logo to the right of the left-hand bar <= framesidewidth3 */
                     height: 53px;}
.framesidewidth1    {width: 10px;}		/* the left-hand bar to the left of the menu */
.framesidewidth2    {width: 90px;}		/* the left-hand bar under the menu */
.framesidewidth3    {width: 46px;}		/* the amount the menu sticks out from the left-hand bar */
.frametopheight1    {height: 10px;}		/* the gap above the top bar */

/* h2 is only used as the first heading on a page - give it a bit of extra space above it */

h2                  {margin-top: 15px;
                     margin-bottom: 10px;
                     text-align: center;}

/* h3 is used as a main sub-heading */

h3                  {text-align: left;}

/* h4 is used as an indented sub-heading */

h4                  {text-align: left;
                     margin-left: 50px;
                     margin-bottom: 0px;}

/* netscape doesn't apply the body font within table cells so set it separately */

td                  {font-family: Tahoma, Arial, Helvetica, sans-serif;}

/* tiny is for very small notes */

.tiny               {margin-top: 0px;
                     margin-bottom: 0px;
                     margin-left: 4px;
                     margin-right: 4px;
                     font-size: 8pt;}

/* mainheader and mainsubheader are the site-wide standard title and subtitle*/

.mainheader         {font-family: Tahoma, Arial, Helvetica, sans-serif;
                     font-size: 32pt;
                     font-weight: bold;
                     font-style: normal;
                     color: #ccffff;
                     margin-top: 0px;
                     margin-bottom: 0px;
                     margin-left:10px;}

.mainsubheader      {font-family: Tahoma, Arial, Helvetica, sans-serif;
                     font-size: 14pt;
                     font-weight: normal;
                     font-style: normal;
                     color: #ccffff;
                     margin-top: 0px;
                     margin-bottom: 0px;
                     margin-left:10px;}

.mainaddress        {font-family: Tahoma, Arial, Helvetica, sans-serif;
                     font-size: 9pt;
                     font-weight: normal;
                     color: #ccffff;
                     margin-top: 0px;
                     margin-bottom: 0px;
                     margin-right:20px;
							text-align: right;}

/* these classes are used for the menu */

.menubox            {width: 125px;
							background-color: #000000;
                     border-style: none;}

.menu               {width: 100%;
							background-color: #ffffff;
                     border-style: none;}
.menuitem           {}
/* Note: the with of the menulink should be menubox-13 */
a.menulink          {width: 112px;
                     margin-left: 3px;
                     margin-top: 3px;
                     margin-bottom: 3px;
                     padding-left: 5px;
                     font-family: Tahoma, Arial, Helvetica, sans-serif;
                     font-size: 10pt;
                     font-weight: bold;
                     text-decoration: none;
                     color: #003399;
							background-color: #ccffff;}

a.menulink:hover    {color: #ccffff;
                     background-color: #003399;}

/* illustration is a picture embedded within text */

.illustration       {margin-left: 5pt;
                     margin-right: 10pt;}

/* indent is used to provide indented paragraphs. The indentation is intended to line up with h4 headings. */

.indent             {margin-left: 50px;}

/* this set of style is for tables */

.tableframe         {background-color: #003399;
                     border-style: none;}

.tablehead          {background-color: #003399;
                     color: #ccffff;
                     text-align: center;
                     font-weight: bold;}

.tablesubhead       {background-color: #ccffff;
                     font-weight: bold;
                     text-align:center;}

.tablecell          {background-color: #ccffff;}