html
{
  background-color: #104;
}

body
{
  margin: 0;
  font-family: sans-serif;
  font-size: medium;
  color: white;
}

h1
{
  font-size: xx-large;
  padding: 0px;
  margin: 0px;
}

h2
{
  border-bottom: 3pt solid purple;
  font-size: x-large;
}

h3
{
  font-size: large;
}

h4
{
  font-size: medium;
}

hr 
{
  color: purple;
  background-color: purple;
  border: 3pt solid purple;
}

#headerbar
{  
  background-color: black;
  border-bottom: 3pt solid purple;
  margin-bottom: 2em;
  padding: 0.2em;
  height: 1.5em;
}

.headertext
{
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 1.2em;
  max-height: 1.2em;
  background-color: black;
  width: 30%;
}

#title
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#title:before
{
  color: purple;
  content: "<< ";
}

#title:after
{
  color: purple;
  content: " >>";
}


#location
{
  text-align: left;
  float: left;
  display: inline;
}

#tagline
{
  text-align: right;
  float: right;
  display: inline;

}

#navbar
{
  position: fixed;
  top: 6em;
  width: 15em;
  padding-right: 0;
  margin-left: 1em;
  padding-bottom: 1em;
  border: 4pt solid purple;
  background-color: white;
  color: black;
}

#navhead
{
  text-align: center;
  font-weight: bold;
  color: white;
  background-color: black;
  margin: 0;
  padding: 0.2em;
  border-bottom: 3pt solid purple;
  font-size: 1.2em;
}

table
{
  width: 100%;
}

#mainbody
{
  border: 4pt solid purple;
  padding-left: 1.2em;
  padding-right: 1em;
  margin: 0 1em 0 15.8em;
  margin-bottom: 2em;
  background-color: #fff;
  color: #000;
}

.footer
{
  padding: 5pt 0pt 0pt 0pt;
  text-align: center;
  font-size: 66%;
  clear: both;
}

a:link
{
  color: purple;
}

a:visited
{
  color: #999;
}

a:hover, a:active
{
  color: black;
  background-color: purple;
}

ul
{
  list-style: square inside;
}

#navbar h3
{
  margin-left: 0.5em;
  border-bottom: 2pt solid purple;
}

#navbar ul
{
  margin: 0px;
  padding-left: 1.5em;
}