/* CS= change from screen */
BODY {
  font-size: 0.8em; 
  font-family: verdana, arial, sans-serif;
  color: black;
  background-color: white;

  margin: 0cm;
  border: 0cm;  /* widths implemented differently in IE and Moz. Don't use */
  padding: 0cm;
  }


DIV.navmenu {  /* CS */
 display: none;
  }

DIV.mainbody {
  position: absolute; 
  top: 0cm;
  right: 0cm;
  left: 0cm;
  padding-left: 2.5cm;  /* CS */
  color: black;
  background-color: white;
  }


DIV.print { display: block; }
DIV.screen { display: none; }

SPAN.print { display: inline; }  /* CS */
SPAN.screen { display: none; }

/* Set the global heading properties */
H1, H2, H3, H4, H5, H6 {
  font-weight: bold;
  font-family: verdana, arial, sans-serif;
  color: black;  /* CS */
  background-color: inherit;
  margin-left: -2.5cm;    /* CS */
  }


/* Set individual heading properties */

H1 {
  font-size: 2em;
  padding-top: 0.5cm;
  padding-bottom: 0.5em;
  }


H2 {font-size: 1.7em; padding-top: 1em;}
H3 {font-size: 1.4em; padding-top: 1em;} 
H4 {font-size: 1.2em; text-decoration: underline;}

/* Horizontal rule.  IE4 OK, no effect in Communicator or Opera */
HR {
  color: black;  /* CS */
  background-color: inherit;}



TABLE {
  font-size: 1em; /* relative to BODY size. Fixes Netscape problem */
  font-family: verdana, arial, sans-serif;
  color: black;
  background-color: #F0F0F0;
  border-style: solid;
  border-width: 1px;
  border-color: black; /* CS */
  border-collapse: collapse;
  margin-top: 0.5cm;
  margin-bottom: 0.7cm;
  }

CAPTION {
  text-align: left;
  margin-top: 0.5cm;
  font-weight: bold;
  color: #2C782C; /* same as headings */
  background-color: inherit;
}

TR.shade1 {
  color: black;
  background-color: #EEFFEE;
  }


TH {
  font-weight: bold;
  font-size: 0.9em;  /* by default, larger than P, keep small */
  color: black;
  background-color: silver;
  vertical-align: top;
  text-align: left;
  padding-left: 0.8em;
  padding-right: 0.8em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;

  border-style: solid;
  border-width: 1px;
  border-color: black;  /* CS */
  }



TD {
  font-weight: normal;
  font-size: 0.9em;
  font-family: verdana, arial, sans-serif;
  margin-left: 0em;
  vertical-align: top;
  text-align: left;
  padding-left: 0.8em;
  padding-right: 0.8em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;

  border-style: solid;
  border-width: 1px;
  border-color: black; /* CS */
  }


P {
  margin-top: 1.5em;
  margin-bottom: 0em;
  font-weight: normal;
  }


P.footer {
   font-weight: normal;
   font-size: 0.8em;
   font-family: verdana, arial, sans-serif; 
   color: black;  /* CS */
   background-color: inherit;
   margin-left: -2.5cm;    /* CS */
   margin-top: 1cm;
   margin-bottom: 0.5cm;

   border-color: black;  /* CS */
   border: 0px;
   border-top-width: 1px;
   border-style: solid;
   padding: 5px; 
   }



IMG {
border: none;
  }

/* Lists implemented differently in IE and Netscape.  This is the best compromise. */
UL {
   color: black;
   background-color: inherit;
   list-style: url(images/greensphere.gif) disc;	/* alternative if images off */
   margin-top: 0em;	/* margin is set in LI */
   }

UL.level2 { list-style: url(images/greensquare.gif) square; }

OL {
  color: black;
  background-color:
  inherit;
  list-style-position: outside;
  margin-top: 0em;	/* margin is set in LI */
  }

LI { margin-top: 0.5em; }



/* ================================================================ */
/*                     TEXTUAL PROPERTIES                           */
/* ================================================================ */


/* remove underlines, colours from links. All other link classes don't appear, because they are in the navigation */
A.navlink:link, A.navlink:visited,
A.page:link, A.page:visited,
A.site:link, A.site:visited,
A.external:link, A.external:visited   {
	color: black;
	background-color: inherit;
	text-decoration: none;
	}



EM {font-style: italic}
STRONG {font-weight: bold;}
B {font-weight: bold;}

I {font-style: italic;}