html, body {
   margin: 0px;
   padding: 0px;
   font-family: sans-serif;
   color: #262626;
   background-color: #E9E9E9;
   height: 99%;
}

h1, h2, h3, h4, h5, h6 {
   color: #14228C;
   font-family: "Trebuchet MS", sans-serif;
}

#header {
   text-align: center;
   height: 12%;
   margin: 0.5%;
   padding: 0.5%;
   background: #1F16AA;
   border: 1px solid #14228C;
}

#header h1 {
   color: white;
   margin: 0px;
   padding: 0px;
}

#header h1, #header h1 img {
   height: 100%
}

#navigationbox {
   display: inline-block;
   width: 15%;
   position: absolute;
   background-color: #ABB7F9;
   border: 1px dashed #1F36DA;
   margin-left: 0.5%;
}

#navigation {
   position: relative;
   width: 100%;

}

#navigation ul {
   margin: 0px;
   padding: 0px;
}

#navigation ul li {
   list-style-type: none;
   margin: 0px;
}

#navigation ul li a {
   font-weight: bold;
   padding: 2px;
   padding-left: 7px;
}

#navigation ul ul li a {
   font-weight: normal;
   padding: 2px;
   padding-left: 18px;
}

#navigation a {
   padding-left: 7px;
   display: block;
}

#navigation a:link {
   line-height: 125%;
   color: #14228C;
   text-decoration: none;
}

#navigation a:visited {
   color: #262626;
   text-decoration: none;
}

#navigation a:link:hover, #navigation a:visited:hover {
   color: white;
   font-weight: bold;
   background-color: #1428CC;
   text-decoration: none;
}

#content {
   margin: 0px 0.5% 0px 16%;
   padding: 20px;
   background: #CCD5F9;
   border: 1px solid #262626;
   min-height: 71%;
}

#content img {
   max-width: 100%;
}

#footer {
   margin: 0.5%;
   margin-left: 16%;
   padding: 0.5%;
   font-size: 75%;
   background-color: #ABB7F9;
   border: 1px dashed #1428CC;
}

#footer a {
   color: #262626;
   margin-left: 10px;
}

#footer a:link {
   color: #1F36DA;
}

#footer a:visited {
   color: #7581D9;
}