body, html, #navigation, #container, #contents {
   margin: 0;
   padding: 0;
}

body {
   font-size: 100.01%;
   font-family: sans-serif;
   background-color: #B4B4B4;
   text-align: center;
}

#container {
   width: 50em;
   text-align: left;
   margin: 0 auto;
   background-color: #FFFFFF;
}

#header {
   background-color: #5096E6;
   color: #FFFFFF;
   padding: 0;
   margin: 0;
   text-align: left;
   font-size: 2em;
}

#header #logo {
   float: right;
   padding-top: 0;
}

#header #name {
   padding-top: 0.25em;
   padding-left: 0.5em;
   padding-bottom: 0.5em;
}

.navigation {
   font-size: 1em;
   background-color: #284B73;
   color: #FFFFFF;
   text-align: left;
   padding-top: 0.1em;
   padding-bottom: 0.1em;
   padding-left: 1em;
}

.navigation a:link, .navigation a:visited {
   font-weight: bold;
   text-decoration: none;
   color: #FFFFFF;
   background-color: #284B73;
   padding-left: 0.4em;
   padding-right: 0.4em;
   padding-top: 0.1em;
   padding-bottom: 0.1em;
}

.navigation a:hover {
   background-color: #5096E6;
   color: #284B73;
}

#contents {
   font-size: 1.3em;
   color: #284B73;
   text-align: justify;
   padding: 1em;
}

#contents ul {
   list-style-type: disc;
   font-size: 0.9em;
}

#contents a:link, #contents a:visited {
   font-weight: bold;
   color: #5096E6;
}

#contents .p {
   background-color: #C5E8FF;
   padding: 0.5em;
   padding-top: 0.1em;
   margin: 0.2em;
}

#bookpics {
   float: left;
   display:block;
   width: 130px;
   text-align: center;
   margin-right: 1em;
}

.bookdescriptions {
   margin: 5px;
}

#intro ul {
   list-style-type: disc;
}

#intro a:hover {
   text-decoration: none;
   color: red;
}

#intro a:link, #intro a:visited {
   font-size: 1.3em;
   line-height: 1.5em;
}

#searchform {
   text-align: right;
   background-color: #FFCD00;
   padding: 5px;
   margin-top: 0;
}

#validicons {
   text-align: right;
   margin: 1em;
}

.glossarygreen {
   color: #FFFFFF;
   background-color: #9BAE92;
   font-size: 0.6em;
   font-weight: normal;
   text-align: justify;
   padding: 1em;
   margin: 1em;
}

.glossarygreen a {
   font-weight: normal;
   color: #FFFFFF;
}

.glossarygreen .h, .glossaryorange .h {
   float: left;
   clear: both;
   font-weight: bold;
   font-size: 2em;
   text-align: center;
   padding-right: 0.5em;
   padding-left: 0.5em;
}

.glossaryorange {
   color: #9BAE92;
   background-color: #FFEB99;
   font-size: 0.6em;
   font-weight: normal;
   text-align: justify;
   padding: 1em;
   margin: 1em;
   
}

.glossaryorange a {
   color: #9BAE92;
   font-weight: normal;
}

h1 {
   text-align: left;
   font-size: 1.3em;
   font-weight: bold;
}

h2 {
   padding: 10px;
   font-size: 1.1em;
}