body
{
  font-family: Tahoma, sans-serif;
  margin: 0;
  background-color: #00008b;
  font-size: 85%;
}
a:link
{
  text-decoration: none;
  color: #0000ff;
  font-weight: bold;
}
a:visited
{
  text-decoration: none;
  color: #4169e1;
  font-weight: bold;
}
a:link:hover, a:visited:hover
{
  color: #000000;
  text-decoration: underline;             
}

#Header
{
  background-color: #d00000;
  border-bottom: thick solid #000000;
  overflow: auto;
}
#headerAvatar
{
  float: left;
  max-width: 20%;
}
#headerLogo
{
  text-align: center;
}


.sectionHeader
{
  display: none;
}

#Navigation
{
  background-color: #ffd700;
  width: 20%;
  float: left;
  clear: left;
  border-bottom: thick solid #000000;
  margin-bottom: 1em;
  margin-right: 1em;
  border-right: thick solid #000000;
}
.navigationLink
{
  padding: 1em;
}
.navigationLink .content
{
  display: none;
}
.navigationLink:hover
{
  background-color: #dcdcdc;
}
.navigationLink:hover .content
{
  display: block;
  position: absolute;
  left: 20%;
  background-color: #ffa500;
  padding: 1em;
  width: 15em;
  border: thick solid #000000;
  overflow: auto;
}

#Main
{
}
#mainIntro
{
  margin-top: 1em;
  overflow: auto;
  padding: 1em;
  background-color: #dcdcdc;
  border-top: thick solid #000000;
  border-bottom: thick solid #000000;
  border-left: thick solid #000000;
}
#mainIntro h1, #mainIntro h2, #mainIntro h3
{
  text-align: center;          
}
#mainContent
{
  background-color: #ffffff;
  padding: 1em;
  clear: both;
  border-top: thick solid #000000;
  margin-top: 1em;
}

#Footer
{
  background-color: #ffd700;
  border-top: thick solid #000000;
  border-bottom: thick solid #000000;
  overflow: auto;
  clear: both;
}

#footerContact
{
  text-align: center;
}
#footerPageInfo
{
  margin: 1em;
  float: left;
  background-color: #dcdcdc;
  border: thick solid #000000;
  width: 15%;
  font-size: x-small;
  padding: 0.5em;
}