body {
 font-family: arial, verdana, sans-serif;
}
#header {
 position: absolute;
 left: 20%;
 top: 0;
 bottom: 76%;
 right: 0;
 overflow: auto;
 border: 1px solid black;
 margin: 1px;
 padding: 0.2em;
 background-color: rgb(255,255,255);
 background-image: url('mostsimplyblue.jpg');
 color: black;
}
#navigation {
 position: absolute;
 left: 0%;
 top: 0;
 bottom: 0;
 right: 80%;
 overflow: auto;
 border: 1px solid black;
 margin: 1px;
 padding: 0.2em;
 background-color: rgb(0,255,255);
 background-image: url('mostsimplyblue.jpg');
 font-size: 90%;
}
#content {
 position: absolute;
 left: 20%;
 top: 24%;
 bottom: 0;
 right: 0%;
 overflow: auto;
 border: 1px solid black;
 margin: 1px;
 padding: 0.2em 0.6em;
}
#content a:hover {
 text-decoration: underline;
}

#header h1 {
 font-size: 110%;
 text-align: center;
 margin-bottom: 0;
 border-bottom: 10px dotted black;
}
#header h2 {
 font-size: 100%;
 text-align: center;
 font-style: italic;
}
a {
 outline: none;
 text-decoration: none;
}
#navigation a {
 background-color: rgb(0,0,255);
 color: white;
 display: block;
 padding: 0.3em;
 margin: 0.2em;
 border: 1px solid black;
 text-decoration: none;
 font-size: 88%;
 font-weight: bold;
}
#navigation #current {
 background-color: white;
 color: black;
}
#navigation a:hover {
 background-color: rgb(0,255,255);
 color: black;
}
#content h1 {
 background-color: rgb(222,222,222);
 color: black;
 font-size: 120%;
 border: 1px solid black;
 padding: 0.2em 0.1em;
}
#content h2 {
 font-size: 110%;
 border: 1px solid black;
 padding: 0.2em 0.1em;
}
#content li {
 margin-bottom: 1.5em;
}
#content h1.news {
 font-size: 100%;
 font-weight: bold;
 text-align: center;
 color: blue;
 margin-bottom: 0;
}
#content h2.news {
 font-size: 100%;
 font-weight: bold;
 text-align: center;
 margin-top: 0;
}

#content h1.newsLink {
 background-color: rgb(222,222,222);
 font-size: 120%;
 border: 1px solid black;
 padding: 0.2em 0.1em;
 font-weight: bold;
 text-align: center;
 color: blue;
 margin-bottom: 0;
 text-decoration: underline;
}