/* Frame handling*/
body.menu {
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
}

div.menu {
    padding: 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15em; /*Width of frame div*/
    height: 100%;
    overflow: auto;
}

div.main {
    padding: 1em;
    position: fixed;
    top: 0;
    left: 18em; /*Set left value to WidthOfFrameDiv*/
    right: 0;
    bottom: 0;
    overflow: auto;
}

/* Menu Styling */
div.menu {
  background-color: #9999FF;
  color: white;
}
div.menu a {color: white;}
div.menu a:link {color: white;}
div.menu a:visited {color: white;}
div.menu li {color: white;
           margin-top: 0em;}

/*Styling */
body {
    font-family: "Century Gothic", sans-serif;
    padding-left: 2%;
    padding-right: 2%;
    text-align: justify;
}
h1 { font-size: 1.5em; margin-top: 2em; }
h2 { font-size: 1.2em; margin-top: 2em; }
h3 { font-size: 1.1em; margin-top: 1em;}
a:link {
    color: blue;
    /*text-decoration: underline;*/
}
a:visited {
    color: blue;
    /*text-decoration: underline;*/
}
div.indented {
  margin-left: 2em;
}
li {
  margin-top: 0.5em;
}
div.license, div[license] {
  text-align: center;
  font-size: 50%;
  margin: 1em 1em 1em 1em;
}
table.pics {
  border: 0;
}
table.pics td {
  text-align: center;
  width: 20%;
  padding: 1em 1em 1em 1em;
}
p {
  padding: 1em 0em 0em 0em;
}