BODY 
{ font-size: 11pt; 
  line-height: 14pt;
  font-family: arial;
  padding: 0 0 0 0 ;
  margin: 0 0 0 0 ;
}

/* ---- boxes and columns: dimensions ---- */

/* The page is a table ("main"), with two columns ("col1" and "col2").
 * These columns hold the background colours of the tests; to separate them
 * two sets fo white borders are used, each 10px wide (one around the table, 
 * and another around each cell, so that in total all rules are 20px wide).
 *
 * "col1" holds "head" and "textcol1", each relatively positioned
 * and spans two rows
 *
 * "col2" holds "textcol2" 
 *
 * "foot" is on a new row, below "col2"
 */

table#main
{ border-spacing: 0px 0px ; 
  border-width: 10px ;
  border-style: solid ;
  border-color: white ;
}

td#col1, td#col2
{ vertical-align: top ;
  width: 50% ;
  padding: 0px 0px 0px 0px ;
  border-width: 10px ;
  border-style: solid ;
  border-color: white ;
}

td#foot
{ padding: 0px 0px 0px 0px ;
  border-width: 10px ;
  border-style: solid ;
  border-color: white ;
}

div#head
{ position: relative ;
  height: 170px ;
  font-family: Swis721 BlkCn BT, arial ;
  font-size: 20pt ;
  line-height: 120% ;
}

div#toc
{ position: absolute ;
  top: 160px ;
  left: 20px ;
  right: 10px ;
}

div#textcol1, div#textcol2
{ position: relative ;
  margin-bottom: 20px ;
}

div#textcol1
{ border-top: 20px solid white ;
  margin-bottom: 20px ;
}  

td#foot
{ font-size: 7pt; 
  line-height: 7pt ;
  font-family: arial ;  /* for colours, see head */
  height: 20px ;
}

/* --- boxes: formatting */

div#head, td#foot
{ background-color: rgb(196,30,58); 
  color: rgb(255,255,255) ;
}

td#col1, td#col2 
{ background-color: rgb(0,155,170) ;
  color: rgb(255,255,255) ;
}

div#toc
{ /* toc overprinted over #head */
  color: rgb(0,155,170) ;
  /* color: rgb(255,255,255) ; */
}

div#head, div#toc, td#foot, div#textcol1, div#textcol2
{ padding: 8px 8px 8px 8px ;
}


/* --- Paragraph formatting --- */


P.news
{ background-color: rgb(151,186,101) ;
  line-height: 12pt;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 3em ;
  padding-right: 1em ;
}

/* --- Table of contents --- */


A.toc
{
  font-style: normal ;
  text-decoration: none ;
}

/* Below, general links get a different colour scheme */
A.toc:link	{ color: inherit ; }
A.toc:visited	{ color: inherit ; }
A.toc:active	{ color: inherit ; }
A.toc:hover	{ color: inherit ; }


/* --- Headings --- */

H1, H2, H3 
{ font-family: Swis721 BlkCn BT, arial ;
/*  font-weight: bold; */
/*  color: rgb(0,0,0) ; */
  color: rgb(196,30,58); 
  padding: 0 0 0 0 ;
}


H1  /* this is a page title only */
{
  position: absolute ;
  left: 3% ;
  top: 5px ;
  font-size: 20pt ;
  line-height: 120% ;
  margin: 25px 0 0 0 ; 
  text-align: left;
}

H2
{
  font-size: 15pt ; 
  margin: 10 0 10 0 ; 
}

H3
{
  font-style: italic;
}

UL 
{ 
  list-style-image: url(images/bullet.jpg) ;
  line-height: 12pt; 
  margin: 10 0 10 40 ;
  padding: 0 0 0 0 ;
}

LI
{ 
  margin: 0 0 4 0 ;
  padding: 0 0 0 0 ;
}

DL 
{ 
  line-height: 12pt;
}

DT
{
  font-family: trebuchet MS,verdana,arial;
  font-weight: bold;
  color: rgb(112,128,152) ;
  font-style: normal;
  text-decoration:none;
  margin-top: 1em;
}

/* --- Hyperlinks --- */

A
{
  font-weight: bold;
  font-style: normal;
  text-decoration:none
}

/*A:link		{ color: rgb(255,171,186) }  */
A:link		{ color: rgb(185,219,125) }
A:visited	{ color: rgb(200,200,200) }
A:active	{ color: rgb(255,200,200) }
A:hover		{ color: rgb(255,200,200) }



A.extro:link	{ color: rgb(150,150,150) } 
A.extro:visited	{ color: rgb(150,150,150) } 
A.extro:active	{ color: rgb(150,150,150) } 
A.extro:hover	{ color: rgb(150,150,150) } 


