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;
  }

DIV.mainbody {
  position: absolute; 
  top: 0cm;
  right: 0.5cm; /* Removes the horizontal scroll bar in IE */
  left: 5.8cm;
  color: black;
  background-color: inherit;
  background-image:url(images/background.png);
  background-repeat: no-repeat;
  background-position: top right;
  margin: 0cm;
  margin-left: 0.5cm;
  padding-left: 2cm;
  padding-right: 1cm;
  }

DIV.navmenu {/* http://sixrevisions.com/css/fixed-navigation-bar/ */
  position: fixed;
  top: 2cm; /* logo above */
  left: 0cm;
  z-index: 9999;
  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.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  }

DIV.logo {
  position: fixed;
  top: 0cm; 
  width: 5.8cm; /* Same as DIV.navmenu */
  height: 2cm;
  padding-top: 0.3cm;
  padding-left: 0.8cm;
  border-style: none;
  background-color: transparent;
  background-image:url(images/techscribe-web-logo.png);
  background-repeat: no-repeat;
  background-position: center center
  }

DIV.logo A { /* Make the anchor a block and make it cover all of DIV.logo */
  display:block;
  width:100%;
  height:100%;
  text-decoration: none;
  border-style: none;
  }

DIV.sidebar {
  position: relative;
  float: right;
  top: 0cm;
  right: 0cm;
  width: 20%;
  clear: both;
  padding: 0.2cm;
  margin-left: 1cm;
  margin-bottom: 0.5cm;
  color: black;
  background-color: #EEFEEE;
  border-style: solid;
  border-color: red;
  border-width: 1px;
  }


DIV.hrdummy { /* more control than with HR */
	margin-top: 1.5em;
	margin-bottom: 0em;
	padding-bottom: 0.2cm;
	width: 7cm;
	border: solid;
	border-color: gray;
	border-width: 0;
	border-top-width: 1px;
  }

#google_translate_element { /* See Boumphrey, p255 */
  padding-top: 2em;
  }

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

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

DIV.bookmarks {
  position: relative;
  display: block;
  margin-top: 2em;
  margin-bottom: 0em;
  padding-top: 1em;
  }

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

H1 {
  font-size: 1.5em;
  margin-top: 2cm;
  margin-left: -1.7cm;
  
  border-style: solid;
  border-color: #007800;
  border-width: 0px;
  border-top-width: 5px;
  
  padding-top: 0.3cm;
  padding-left: 1.7cm; /* 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;}



/* Used in a-z-index.htm, but need here, because different screen and print versions */
H2.index-header-letter {
  font-size: 1em;
  color: #2C782C; /* inherit does not work */
  background-color: #ddeedd;
  margin-left: 0px;
  margin-right: 0px; /* fix for Netscape */
  margin-top: 1cm;
  border-color: gray;

  border-top-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-right-width: 1px;
  border-style: outset;

  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 10px;
  }

/* 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;
  padding-left: 0.8em;
  margin-top: 0.5cm;
  font-weight: bold;
  color: white; 
  background-color: #2C782C; /* same as headings */
}

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: 0em;
  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.extrabottom {
  margin-bottom: 1.5em;
  }


P.footer {
  font-weight: normal;
  font-size: 0.8em;
  font-family: verdana, arial, sans-serif; 
  margin-top: 2em;
  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;
  }

P.figure-caption {
  font-weight: bold;
  margin-bottom: 1.5cm;
  }

IMG {
border: none;
  }

SPAN.bodywraptext { /* use for images where text wraps round the image */
  float: right;
  padding-left: 1cm;
  padding-bottom: 0.7cm;
  }

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


/* Use for para + link to top of page */
P.top {
   font-size: 0.8em;
   text-align: right;
   color: black;
   background-color: #ddeedd;  /* green */

   margin-top: 0.5cm;
   margin-bottom: 4em;
   margin-left: 0px;
   margin-right: 0px; /* fix for Netscape */
   border-color: gray;

   border-top-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 0px;
   border-right-width: 1px;
   border-style: outset;

   padding-top: 1px;
   padding-bottom: 4px;
   padding-left: 1px;
   padding-right: 10px;
   }



P.indent {
   margin-left: 3em;
  }

P.indent-no-top-margin {
  margin-left: 3em;
  margin-top: 0em;
 }

P.jump-link {  /* in index and glossary */
  margin-top: 1cm;
  margin-bottom: 0.1cm;
  font-size: 1.2em; 
  font-weight: bold;
  word-spacing: 0.9em;
  }

P.procedureheading {
   font-weight: bold;
   font-size: 1.1em;
   padding-top: 1em;
  }


BLOCKQUOTE { 
  margin-left: 3em;
  }

BLOCKQUOTE.testimonial { 
  margin-top: 3em;
  margin-bottom: -1em;
  }


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

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

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

OL OL { /* the default is decimal */
  list-style-type: lower-alpha;
  }

LI, OL.bodymenu LI {
   margin-top: 0.5em;
   }

LI.pdfbullet { /* use with UL where we have a link to a PDF file-don't want greensphere+PDF icon */
  list-style: url(images/pdf-icon.png) none;	/* alternative if images off */
  }

OL.bodymenu, OL.bodymenu OL { /* for menu structures within the body text */
  list-style-type: none;
  font-weight: normal;
  margin: 0em;
  margin-top: 1.5em; /* same as P */ 
  padding: 0em;
  border: 0em;
  }

OL.bodymenu OL { /* overwrite previous setting */
  margin-left: 1cm;
  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: 0.8cm;
  }

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

DT {
   font-weight: bold;
   padding-top: 0.8em; }

DD {
  margin-top: 0em;
  margin-bottom: 0.8em;
  font-weight: normal;
  }


/* ======== ANCHOR & LINK PROPERTIES =========== */
/* 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 */

/* Colours
   named colour		lighter for border
   blue (0000FF)	#8080FF
   green (008000)	#C0C0E0
   purple (800080	#E0C0E0 */

/* Default unvisited link. Set here for all classes, overwrite later. 
   Do not use default for A alone, because affects named anchors (A NAME="x") */
A.page,
A.site,
A.external, 
A.glossary, 
A.top, /* for link to top of page */
A.jump /* for index and glossary jump links */
  {
  color: blue;
  background-color: inherit;
  text-decoration: none; /* border gives better spacing */
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color: #C0C0E0;
  }


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;
  }


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

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


OL.bodymenu A:visited, 
A.site:visited {
  color: green;
  background-color: inherit;
  border-color: #B0D0B0;
  }

OL.bodymenu A.external:visited, 
A.external:visited { 
  color: purple;
  background-color: inherit;
  border-color: #E0C0E0; }


A.jump:link, A.jump:visited, 
OL.bodymenu A:link, OL.bodymenu A:visited
  {
  text-decoration: none;
  border-style: none;
  }

A.glossary /* for link to glossary entry from all pages including glossary.htm */
  {
  text-decoration: none;
  border-style: dotted;
  color: #404000;
  background-color: inherit;
  border-color: #404000;
  }

OL.bodymenu A:hover, OL.bodymenu A:focus, OL.bodymenu A:active, /* no classes are used in index */
								/* so assign colours using location */
A.top:hover, A.top:focus, A.top:active, 
A.page:hover, A.page:focus, A.page:active, 
A.site:hover, A.site:focus, A.site:active,
A.jump:hover, A.jump:focus, A.jump:active, /* in index and glossary */
A.glossary:hover, A.glossary:focus, A.glossary:active 
  {
  color: black;
  background-color: lime;
  border-width: 0px;
  }

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


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


CITE, EM, I {font-style: italic;}

B, STRONG {font-weight: bold;}

DFN {
  font-style: normal;
  font-weight: bold;
  }

CODE {
  font-family: monospace;
  font-size: 1.2em;
  color: #004000;
  background-color: inherit;
  }

KBD {
  font-family: monospace;
  font-size: 1.2em;
  font-weight: bold;
  color: black;
  background-color: inherit;
  }

abbr, acronym {
  border-bottom: 1px dotted;
  border-color: #E0E0E0;
  }

acronym:hover, abbr:hover {
  cursor: help;
  }

/* small -- use browser default */