/* Possibilities
   h1 {background: #00ff00}
   h2 {background: #0f0}
   h3 {background: transparent}
   h4 {background: rgb(250,0,255)

   body {
     background-repeat: repeat-x
     background-repeat: repeat-y
     background-repeat: no-repeat
   }
*/

/* The whole page */
body {
  margin:0px 0px 0px 0px;

  font-family: serif;
  color:       black;
  background:  white;

  background-image:      url(images/AlV.png);
  background-position:   top left;
  background-attachment: scroll;
  background-repeat:     no-repeat;
 }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* The left part */
#leftcontent {
  float:          left;

  max-width:          10%;
  min-width:      128px;

  background:     transparent;

  border-right:   2px solid #eee;
  border-top:     2px solid #eee;
  border-bottom:  2px solid #eee;

  margin-right:   3px;
  margin-top:     140px;

  padding-bottom: 20px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* The right part */
#rightcontent {
  max-width: 85%;
  min-width: 500px;

  padding: 0px;
  float:   right;

  margin-right: 1em;
}

#rightcontent p {
  font-size:   17px;
  margin-left: 0px;
  }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* GLOBALS */
.hide { display: none } /* class used to hide something */

/* Quotes: where does it get the "language"? */
q:lang(en) { quotes: '"' '"' "'" "'" }
q:lang(fr) { quotes: "«" "»" "<" ">" }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { text-align: left }

h1, h2, h3 { color: #4A8C00; background: transparent; }

h1 { font: 170% serif }
h2 { font: 140% serif }
h3 { font: 120% serif }
h4 { font: bold 100% serif }
h5 { font: italic 100% serif }
h6 { font: small-caps 100% serif }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* A */
a:hover { background: #ddffff } /* Warning */

/* Only for HREFs */
a[href]:link    { color: #00C; background: transparent }
a[href]:visited { color: #609; background: transparent }
a[href]:hover   {              background: #ffffaa } /* Warning */
a[href]:active  { color: #C00; background: transparent }

/* Only HREFs inside TOC */
/*
a[href]:link.tocxref    { color: #00C; background: transparent }
a[href]:visited.tocxref { color: #609; background: transparent }
a[href]:hover.tocxref   {              background: #aaffff }
a[href]:active.tocxref  { color: #C00; background: transparent }
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

th, td { /* ns 4 */
  font-family: serif;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div.head { margin-bottom: 1em }
div.head h1 {font: 200% serif;  margin-left: 2em;  margin-top: 1em; clear: both }
div.head table { margin-left: 2em; margin-top: 2em }
div.head img { color: white; border: none } /* remove border from top image */
           /* ^ Warning */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* P */
p.copyright { font-size: small }
p.copyright small { font-size: small }
p.lettrine:first-letter {font-size: 260%; float: left}

/*
p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

pre { margin-left: 2em }
pre, code { font-family: monospace } /* navigator 4 requires this */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
dt { font-weight: bold }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

ul.toc {
  list-style: disc;  /* Mac NS has problem with 'none' */
  list-style: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*li.tocline { background: #f8f8f8 } */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* ADDRESS */
address img {float: right; border-style: none}
address {
  padding-top: .5em;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom: 2em;
  margin-top:  2em;
  border-top: 1px solid black;
  background-color: #eee;
  clear: both;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

hr { height: 3px; width: 100%; }