body
  {
  position: relative;
  color: black;
  background-color: white;
  font-size: 1.0em;
  }

div#top-bar
  {
  display: block;
  position: relative;
  float: left;
  margin: 0%;
  }

div#link-button
  {
  display: block;
  position: absolute;
  top: 5px;
  margin-left: 83%;
  width: 15%;
  }

div#titlebar
  {
  display: block;
  position: absolute;
  top: 130px;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 38%;
  margin-right: 22%;
  width: 40%;
  padding-top: .2%;
  padding-bottom: .4%;
  font-family: serif;
  font-size: 1.75em;
  font-weight: bold;
  color: black;
  background: #69b6d7;
  text-align: center;
  border-width: thick;
  border-style: groove;
  border-color: olive;
  }

div#menus
  {
  clear: left;
  float: left;
  margin-top: 7.75%;
  margin-left: .75%;
  margin-right: 0%;
  width: 21%;
  font-family: serif;
  font-size: 1.1em;
  font-weight: bold;
  }

div#menus a
  {
  display: block;
  padding-top: 0%;
  padding-bottom: .5%;
  text-align: center;
  text-decoration: none;
  color: black;
  background: #69b6d7;
  border-width: medium;
  border-style: groove;
  border-color: olive;
  }

div#menus a:hover
  {
  color: #0000ff;
  }

div#menus a span
  {
  display: none;
  }

div#menus a:hover span
  {
  display: block;
  position: absolute;
  top: 195px;
  width: 20%;
  margin-left: 1.5%;
  color: black;
  background: transparent;
  font: .75em serif;
  text-align: center;
  }

div#logo
  {
  display: block;
  position: absolute;
  top: 230px;
  margin-top: 0%;
  margin-left: 26%;
  margin-bottom: 0%;
  padding-left: 2%;
  padding-right: 2%;
  width: 65%;
  }

div#content
  {
  display: block;
  position: relative;
  float: left;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  width:74%;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 1%;
  padding-right: 1%;
  font-family: serif;
  font-size: 1.1em;
  color: black;
  background: transparent;
  }

div#content-wb
  {
  display: block;
  position: relative;
  float: left;
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 1%;
  margin-right: 0%;
  width:74%;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 1%;
  padding-right: 1%;
  font-family: serif;
  font-size: 1.1em;
  color: black;
  background: transparent;
  border-width: thick;
  border-style: groove;
  border-color: olive;
  }

div#thirty-pct-content
  {
  display: block;
  position: relative;
  float: left;
  margin-top: 1%;
  margin-bottom: 0%;
  margin-left: 1%;
  margin-right: 1%;
  width: 25%;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 1%;
  padding-right: 1%;
  font-family: serif;
  font-size: 1.1em;
  text-align: center;
  color: black;
  background: transparent;
  }

div#left-50pct-content
  {
  display: block;
  position: relative;
  float: left;
  margin-top: .5%;
  margin-bottom: 0%;
  margin-left: 1%;
  margin-right: 1%;
  width: 45%;
  padding-top: .5%;
  padding-bottom: .5%;
  padding-left: 1%;
  padding-right: 1%;
  font-family: serif;
  font-size: 1.1em;
  text-align: center;
  color: black;
  background: transparent;
  }

div#right-50pct-content
  {
  display: block;
  position: relative;
  float: left;
  margin-top: .5%;
  margin-bottom: 0%;
  margin-left: 1%;
  margin-right: 1%;
  width: 45%;
  padding-top: .5%;
  padding-bottom: .5%;
  padding-left: 1%;
  padding-right:1%;
  font-family: serif;
  font-size: 1.1em;
  text-align: center;
  color: black;
  background: transparent;
  }  color: black;

div#seventy-pct-content
  {
  display: block;
  position: relative;
  float: left;
  margin-top: 1%;
  margin-bottom: 0%;
  margin-left: 1%;
  margin-right: 1%;
  width: 65%;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 1%;
  padding-right: 1%;
  font-family: serif;
  font-size: 1.1em;
  text-align: center;
  color: black;
  background: transparent;
  }

div#seventy-pct-content-wb
  {
  display: block;
  position: relative;
  float: left;
  margin-top: 1%;
  margin-bottom: 0%;
  margin-left: .5%;
  margin-right: .5%;
  width: 67%;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 0%;
  padding-right: 1%;
  font-family: serif;
  font-size: 1.1em;
  text-align: center;
  color: black;
  background: transparent;
  border-width: thick;
  border-style: groove;
  border-color: olive;
  }

div#content-ctr
  {
  display: block;
  position: relative;
  float: left;
  margin-top: 1%;
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  padding-top: 1%;
  padding-bottom: 1%;
  font-family: serif;
  vertical-align: middle;
  font-size: 1.1em;
  color: black;
  text-align: left;
  background: transparent;
  }

div#scrollbox
  {
  position: absolute;
  top: 0px;
  left: 660px;
  width: 200px;
  text-align: center;
  color: #ffffff;
  background-color:#29214A;
  }

.sidenav
  {
  position: absolute;
  width: 100px;
  text-align: center;
  padding-top: 280px;
  padding-left: 115px;
  }

div#footer
  {
  display: block;
  position: relative;
  float: left;
  margin-top: 5%;
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
  padding-top: 1%;
  padding-bottom: 1%;
  font-family: serif;
  vertical-align: middle;
  text-align: center;
  color: black;
  background: #ffffff;
  border-width: thick;
  border-style: groove;
  border-color: olive;
  }

.green-text
  {
  color: green;
  background: transparent;
  }

.blue-text
  {
  color: blue;
  background: transparent;
  }

.red-text
  {
  color: red;
  background: transparent;
  }

.black-text
  {
  color: #ffffff;
  background: transparent;
  }

h1, h2, h3, h4
  {
  color: #ff0000;
  text-align: center;
  background: transparent;
  }

h1 {font-size: 1.5em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.0em;}
h4 {font-size: .85em;}

hr
  {
  height:2px;
  color: red;
  background: transparent;
  }