/* STYLESHEET FOR NSOER */

/* BODY { margin: 1em; font-family: Arial, geneva, helvitica; line-height: 1.1; background: white; color: black; Background-image: url(background.gif) } */


BODY { margin: 0em 1em 0em 0em; font-family: Arial, "New Century Schoolbook", Times, sherif; line-height: 1.1; background: white; color: black; Background-image: url(back1.gif) } 
/*  */

H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, DT, DD, ADDRESS, BLOCKQUOTE, PRE, HR { display: block }
/* Rem BR should also be added to the above block elements but it has the same effect as P in NN4 . It is therefore not incorporated as a block element in this style sheet specification */

B, STRONG, I, EM, CITE, VAR, TT, Q, CODE, KBD, SAMP, IMG, SPAN {display: inline }

/* ------ Die volgende item het geen invloed op Internet Explorer 4 nie maar veroorsaak dat die Lys Items dubbel gespasieer word in NN 4. Indien weggelaat vertoon IE4 nog korrek. In NN4 is lynspasiering een lyn maar sirkel verdwyn
LI {display: list-item }
---------- */

HI, H2, H3, H4, { margin-top: 0em; margin-bottom: .5em }
H5, H6, { margin-top: 1em }

h1 {
  color: #00008b;
  background: transparent;
  font-weight: bold
}
h2 {
  color: #00008b;
  background: transparent;
  font-weight: bold;
  font-size: 18pt; text-align: left
}
h3 {
  color: #8B0201;
  background: transparent;
  font-weight: bold;
  font-size: 18pt;
  text-decoration: none
}
h4 {
  color: #8B0201;
  background: transparent;
  font-weight: bold;
  font-size: 14pt;
  text-decoration: underline
}
h5 {
  color: #8B0201;
  background: transparent;
  font-weight: bold;
  font-size: 14pt;
  text-decoration: underline
}

P { font-size:14pt; }
P.caption { font-size:14pt; color:gray; font-style:italic; text-align:center }

/* Die volgende werk nie in IE4 nie - tewens dit het die effek om teks normaal te laat voorkom */
/* B, STRONG {font-weight: bolder }*/ /*relative to the parent*/
I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE {font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }

ADDRESS { margin-left: 3em }
BLOCKQUOTE { margin-left: 3em; margin-right 3em } /* for block quotations */
BLOCKQUOTE { font-size:14pt; color: blue }

Q { font-size:13pt; font-style: italic; color: red; lang: en } /* for inline quatations, language set to English */

UL, DIR { list-style: disc }
OL { list-style: decimal }
MENU { margin: 3em }
LI { margin-left: 2em }

DT { margin-bottom: 0 }
DD { margin-top: 0; margin-left: 3em }

HR { border-top: solid }     

A:link { color: blue }    /* unvisited link */
A:visited { color: red; }  /* visited link */
A:active { color: lime; }  /* active links */

/* setting achor border around IMG elements requires contextual selectors */
/* The following can be activated to highlight active images
A:link IMG {border: 2px solid blue}
A:visited IMG {border: 2px solid red}
A:active {border: 2px solid lime} */


.highlight { background-color: yellow }


.example { margin-left: 10% }
dfn {
  font-style: normal;
  font-weight: bolder
}
var sub { font-style: normal }
.SMA {
  color: fuchsia;
  background: transparent;
  font-family: Kids, "Comic Sans MS", Jester
}

.author {
  font-style: italic
}
.copyright {
  font-size: smaller;
  text-align: right;
  clear: right
}
.toolbar {
  text-align: center
}
.toolbar IMG {
  float: right
}
.menubar {
  color: blue;
  font-face:arial;
  background: transparent;
  font-size: 14pt;
  text-decoration: none
}