@import "style-a.css"; 

/* Based on an original developed at the WDG, http://www.htmlhelp.com */

/* Dear reader, if you're looking for a sample stylesheet, then
   for heaven's sake don't take this one!

   It was devised years ago, in the face of the poor CSS implementations
   in NN4.* and IE4 versions, and is desperately in need of improvement.

   Nowadays I would want to take advantage of the quite decent basic
   CSS support in more-recent browsers, while protecting older ones from
   the more-challenging stuff.  If I'm spared and can find time for it.
*/

/* added 2005-07 */

.navmenu li {
  display: inline; 
  list-style-type: none;
  padding: 0px;
  }

/* kludge because of Netscape's hopeless table stuff */
body, td, th {
  background-color: #fff6eb ; background-image: none;
  color: #006; 
}

td, th { padding: 0.3em; }

/* this works-around typical browser inability to position footnotes
   which have been supplied close to the end of the document, 
   at the top of the viewing window...  */

body { padding-bottom: 30em; }

h1 {
  color: #933;
/*  background: #fff6eb none; */  /* amaya 1.1c gets upset by this! */
  background-color: #fff6eb; background-image: none;
  margin-top: 1em;
  font-weight: bold;
  text-align: center;
}

h2 {
  color: #009;
/*  background: #fff6eb none; */
  background-color: #fff6eb; background-image: none;
  margin-left: 2%;
  margin-right: 2%;
  font-weight: bold;
}

h3 {
  color: #060;
/*  background: #fff6eb none; */
  background-color: #fff6eb; background-image: none; 
  margin-left: 4%;
  margin-right: 4%;
  font-weight: bold;
}

h4 {
  margin-left: 6%;
  margin-right: 6%;
  font-weight: bold;
}

h5 {
  margin-left: 6%;
  margin-right: 6%;
  font-weight: bold;
}

p:first-letter 
     { font-size: 125%; color: #933; background-color: #fff6eb; }

/* workaround for Mozilla oddity: */
p>a:first-letter 
     { font-size: 125%; color: #933; background-color: #fff6eb; }

p { color: #006; background-color: #fff6eb; }

dl, p {
  margin-left: 5%;
  margin-right: 5%;
}

ul, ol { margin-left: 4em; margin-right: 3em; }
li { margin-left: 0; }
ul, ol, li { padding-left: 0; }

/* put some air into the line-height, then scale-down the line-height
   used for sub/sup.  Supposed to reduce the higgledy-piggeldy effect.
   (Suggested by Matt McIrvin - thanks!  */

p { line-height: 123%; }

sub, sup { line-height: 0.1em; }

dd p:first-letter, blockquote p:first-letter, p.no:first-letter,
p.exhibit:first-letter
 { font-size: 1em; color: #006; background-color: #fff6eb; }

ul.plain { list-style: none; }

pre {
  margin-left: 5%;
  white-space: pre;
}
ol pre, dl pre, ul pre { margin-left: 0; }

table {
  margin-left: 4%;
  margin-right: 4%;
}

table caption {
  font-size: larger;
  font-weight: bolder;
}

table p, table ul, table dl, table ol, ul table, dl table, ol table, ol p, ul p
, dl p, blockquote p, .note p, .note ul, .note ol, .note dl, .note table {
  margin-left: 0;
  margin-right: 0;
  text-indent: 0;
}

p small { font-size: 85%; }

p.aside { margin-left: 8%; margin-right: 8%; }

p.top {
  margin-left: 1%;
  margin-right: 1%;
}

blockquote {
  margin-left: 5%; margin-right: 7%;
  padding: 0.5em; border: thin ridge #f69;
  color: #000; background-color: #fff;
}

blockquote p { color: #000; background-color: #fff;
      border: 1px none; }  /* border wuergaround is for NS4 */

blockquote pre {
  color: #000; background-color: #fff;
  margin-left: 1%;
  margin-right: 1%;
  border: 1px none;
}

dt a {
  font-weight: bold;
  margin-top: .8em;
}

a { border-style: none; }  /* helps netscape4? */

a:link {  /* some features are repeated to overcome browser foibles */
  color: #33f;
  background-color: #fff; background-image: none;
  background: none #fff;
   text-decoration: none;
/*  border: 3px none #999; */  /* this upsets NN4.* */
}

a:visited {
  color: #b0b;
  background-color: #fff; background-image: none; 
  text-decoration: none;
 /* border: 3px none #999; */
}

a:link:hover {  /* don't change text and bg colour */
  color: #33f; 
  background-color: #fdd; background-image: none;
  background: none #fdd;
   text-decoration: none;
  /* does this help MSIE? - yes, it does! */ border-style: none;
  outline: solid red 1px;
} 

a:active {
  color: #060;
  background-color: #ffc ; background-image: none ;
 /* border: 3px none #999; */ 
}

strong.html {
  color: #191970;
  background-color: #fff6eb; background-image: none; 
}

strong.css {
  color: #900;
  background-color: #fff6eb; background-image: none; 
}

pre code.css {
  color: #900;
  background-color: #fff6eb; background-image: none; 
}

pre code.html {
  color: #339;
  background-color: #fff6eb; background-image: none; 
}

dfn {
  font-style: normal;
  font-weight: bolder;
}

/* expecting a TITLE to explain abbr or acronym.  From
  Sander via Tim Larson on usenet.  */
/* Stoopid MSIE doesn't support ABBR, so it needs crutches,
 but anyway IE doesn't do borders on inline elements so
 it's hardly worth bothering - readers will never notice! */
/* Looney NS4 doesn't even support TITLE attrib. Too bad */

abbr, acronym, dfn, .abbr { border: 1px dotted #666; 
              background-color: #eee; color: #030;
              border-top: none; cursor: help; }

/* *** doesn't work in Opera 9 voice - in fact causes problems... 
@media aural {
  abbr { speak: none; } 
  abbr:before { speak: normal; content:attr(title); }
} 
 *** */

/* the amazing Rijk manoeuvre */
abbr.uc, acronym.uc {
    font-variant: small-caps;
    text-transform: lowercase;
  }

.exhibit { margin: auto; text-align: center; }

.note {
  font-size: smaller;
  margin-left: 10%;
}

.author {
  font-style: italic;
}

.copyright {
  font-size: smaller;
  text-align: right;
  clear: right;
}

.toolbar {
  text-align: center;
}

.toolbar IMG {
  float: right;
}

.ltool { text-align: center; }
.ltool img { float: left; }

.error {
  color: #c03;
  background-color: #fff6eb; background-image: none; 
  text-decoration: none;
}

.warning {
  color: #f30;
  background-color: #fff6eb; background-image: none; 
  /* text-decoration: none; */ 
  /* border: 1px none ; */  /* upsets NS4 ! */
}

.error strong {
  color: #DC143C;
  background-color: #FFD700; background-image: none;
  text-decoration: none;
}

.warning strong {
  color: #FF4500;
  background-color: #FFD700; background-image: none;
  /* text-decoration: none; */
}

strong strong { /* this is how you could do it in HTML2.0 even */
  color: #cc0000;
  background-color: #FFFF99; background-image: none;
  text-decoration: none;
}

.warning a:link, .warning a:visited, .warning a:active {
  color: #FF4500;
  background-color: #fff6eb; background-image: none; 
  text-decoration: underline;
}

.error a:link, .error a:visited, .error a:active {
  color: #DC143C;
  background-color: #fff6eb; background-image: none; 
  text-decoration: underline;
}

.error strong a:link, .error strong a:visited, .error strong a:active {
  color: #DC143C;
  background-color: #FFD700; background-image: none;
  text-decoration: underline;
}

.warning strong a:link, .warning strong a:visited, .warning strong a:active {
  color: #FF4500;
  background-color: #FFD700; background-image: none; 
  text-decoration: underline;
}

/* decorative rules */
.dr { background-repeat: repeat-x;
      margin: 1em 30% 0;
      border: 3px double #999999;
      padding: 6px 0 0;
    }
.dr HR { width: 0; line-height: 19px; }

/* change bars. Netscape seems to need the color to be repeated */
.n9811 { border-left-style: solid; border-right-style: solid;
         border-left-width: thick; border-right-width: thick;
         border-color: #9f9; color: #006;
         background-color: #ffffff; background-image: none;
         padding-left: .5em; padding-right: .5em; }