.crumb { color: #999; }
            .pathsep { color: #666; }
            #directory {
                position: fixed;
                top: 1.27em;
                left: 0em;
                width: 10em;
                max-height: 95%;
                overflow: auto;
            }
            #directory ul{
                margin-left: 0;
                padding-left: 0;
            }
            #directory li {
                display:block;
                color: #777;
                border-left: 0.8em solid transparent;
              }
              #page {
                margin-left: auto;
                margin-right :auto;
                padding-left: 7em;
                padding-right: 7em;
                min-width: 30em;
                max-width: 50em;
                margin-top: 3em;
            }
            #directory li.selected {
                display:block;
                color: black;
                border-left: 0.8em solid transparent;
                background: #eee;
                -moz-border-radius:0.5em;
            }
            #directory li img {
                max-width: 8.0em;
                max-height: 5.0em;
            }
            #directory li:hover {
                background: #ccc;
                -moz-border-radius:0.5em;
                color: white;
            }
            .ieonly{
                display:none;
            }

            #info{
                z-index: 2;
                position: fixed;
                -moz-opacity: 0.5;
                color: black;
                width: 15em;
                padding: 0.5em;
                top: 0em;
                right: 0em;
                display:none;
                }
            #location a {
               font-size: 100%;
               color: #bbb;

             }
             #controls:hover {
               background: blue;
      }
      #controls {
          color: gray;
          float: right;
          -moz-border-radius: 1em;
      }
      #controls span {
          padding-right: 0.2em;
      }
      #controls span:hover,
      #controls span.active:hover {
          color: white;
      }
      #controls span.active {
          color: green;
      }
      #controls span.inactive {
          display: none;
      }
      #top {
          position: fixed;
          top:0;
          left:0;
          width: 100%;
          background: white;
      }

      #controls span#chelp {
          color: gray;
          background-color: transparent;
          display: inline;
      }
      #controlbar {
          padding-left: 0.83333em;
          padding-top:  0.3333em;
          font-size: 100%;
          border-bottom: 1px solid #999;
        }
        #controlbar:hover #directory {
          background: blue;
          display: hidden;
        }

div.text {
  z-index: -2;
  border:2px solid red;
  text-align: justify;
/*  -moz-column-width: 17em; 
  column-width: 17em;*/
  line-height: 120%;
  padding-right: 4em;
}

#page p {
    text-align:justify;
}

div.text p {
    clear: right;
}

div.text img {
    max-width:  10em;
    max-height: 6em;
    float: right;
    clear: right;
    padding: 0.1em;
    margin: 0.0em 0.0em 0.5em 0.5em;
}

div.txt img.flow {
  max-width:  10em;
  max-height: 6em;
  padding: 0.1em;
  border: 0;
  float : left;
}

div.logos img {
  display: block-inline;
  max-width: 6em;
  max-height: 6em;
  padding: 1em;
}

body { 
  line-height: 140%;
  margin-bottom: 6em;
}