BODY {
  font-size: 0.8em; 
  font-family: verdana, arial, sans-serif;
  color: black;
  background-color: white;
  line-height: 1.4;
  margin: 0cm;
  border: 0cm;  /* widths implemented differently in IE and Moz. Don't use */
  padding: 0cm;
  background-image:url(images/techscribe-web-logo.jpg); /* use for images of guides etc */
  background-repeat: no-repeat;
  background-position: 0.8cm 0.3cm; /* horiz, vert */
  }


DIV.navmenu {
  position: absolute;
  top: 2cm; /* logo above */
  left: 0cm;
  width: 5.8cm;  /* problem with Mozilla -- must keep this smaller than mainbody padding  */
  padding-left: 0.8cm;
  padding-right: 0cm;
  padding-top: 0.6cm;
  padding-bottom: 0.8cm;
  color: black;
  background-color: #2C782C;
  line-height: 1.25;
  background-image:url(images/navigationbottom.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  }

DIV.mainbody {
  position: absolute; 
  top: 0cm;
  right: 0.5cm; /* gets rid of the horizontal scroll bar in IE */
  left: 5.8cm;

  color: black;
  background-color: inherit;
  
    background-image:url(images/background.jpg);
  background-repeat: no-repeat;
  background-position: top right;

/*
  background-image:url(images/mainbodyleft.gif);
  background-repeat: no-repeat;
*/
  margin: 0cm;
  margin-left: 0.5cm;
  padding-left: 2cm;
  padding-right: 1cm;
  }


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

SPAN.print { display: none; }
SPAN.screen { display: inline; }


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


/* Set individual heading properties */

H1 {
  font-size: 1.7em;
  margin-top: 2cm;
  margin-left: -2cm;
  
  border-style: solid;
  border-color: #007800;
  border-width: 0px;
  border-top-width: 5px;
  
  padding-top: 0.3cm;
  padding-left: 2cm; /* offset the negative margin */
  padding-bottom: 0.2em;
  }


H2 {
  font-size: 1.3em;
  margin-top: 2em;
  padding-top: 0.1em;
  }


H3 {font-size: 1.1em; padding-top: 1em;} 
H4 {font-size: 1.0em; text-decoration: underline;}

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

TABLE {
  font-size: 1em; /* relative to BODY size. Fixes Netscape problem */
  font-family: verdana, arial, sans-serif;
  color: black;
  background-color: #FAFAFA;
  border-style: solid;
  border-width: 1px;
  border-color: green;
  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: #F0FFF0;
  }


TH {
  font-weight: bold;
  font-size: 1em;  /* by default, larger than P, keep small */
  color: black;
  background-color: #EEEEEE;
  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: green;
  }



TD {
  font-weight: normal;
  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: green;
  }

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: gray;
   background-color: inherit;
   margin-top: 1cm;
   margin-bottom: 0.5cm;
   padding-top: 0px;
   padding-bottom: 0px;
   text-align: right;
   border-width: 0px;
   border-top-width: 1px;
   border-style: solid;
   border-color: #007800;
   }

IMG {
border: none;
  }

SPAN.here {		/* use in left navigation only */
   color: black;
   background-color: yellow;
   font-weight: bold;
   padding-left: 0.3em;
   padding-right: 0.3em;
   }



/* 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 */
   }

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

LI {
   margin-top: 0.5em;
   }

DIV.navmenu OL, DIV.navmenu OL OL {
  list-style-type: none;
  text-align: left;
  color: white;
  background-color: inherit;
  font-weight: bold;
  margin: 0em;
  padding: 0em;
  }

DIV.navmenu OL LI {
   margin-top: 0.7em;
   }

DIV.navmenu OL OL {
  margin-left: 1cm;
  }

DIV.navmenu OL OL LI {
  margin-top: 0.2em;
  }


/* ================ ANCHOR & LINK PROPERTIES =========================== */

/* navlink=navigation panel
   page=same page jump
   site=techscribe jump -- similar to navlink, but keep logically separate
   external=link to external site

Netscape, Opera highlight anchors, even if not link, so need to define all links and anchors.

IE sometimes gets confused, so best to define everything rather than use cascades.
*/


A.external:link
	{ border-color: blue; }

DIV.navmenu A, DIV.navmenu A:link, DIV.navmenu A:visited 
	{
	text-decoration: none; /* border gives better spacing */
	font-weight: bold;
	border-style: none;
	color: white;
	background-color: inherit;
	}

DIV.navmenu A:hover, DIV.navmenu A:focus, DIV.navmenu A:active
	{
	color: navy;
	background-color: lime;
	margin: 0em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	}

A.page, A.site, A.external
	{
	text-decoration: none; /* border gives better spacing */
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	}

/* hover is for mouse, focus is for tab key */
/* define specifics, so no problems with Netscape, Opera 
/* order is important !! Hover etc last, otherwise not work */



/* If refresh page, then shows as not visited */
A.page:link {
  border-style: dashed;
  color: blue;
  background-color: inherit;}



A.site:visited {
  color: green;
  background-color: inherit;
  }

A.page:visited {
  border-style: dashed;
  color: green;
  background-color: inherit;}

A.external:visited
	{ border-color: purple; }

A.page:hover, A.page:focus, A.page:active,
A.site:hover, A.site:focus, A.site:active
	{
	color: black;
	background-color: lime;
	border-width: 0px;
	}

A.external:hover, A.external:focus, A.external:active
	{
	color: black;
	background-color: aqua;
	border-width: 0px;
	}

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


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