body {
  padding-left: 4em;
  padding-right: 4em;
  font: 75%/1.4 verdana, Geneva, Helvetica, SunSans-Regular, sans-serif;
  font-size: medium;
  color: white;
  background-color: #101010}

h1 {
  font: 300% verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
a:link {
  color: Khaki }
a:visited {
  color: LightYellow }

/* ////////////// layout ///////////////// */

/* defines the top of the frame, to include the title */

#title {
  width: 90%;
  margin-bottom: 0em;
  padding-left: 5%;
  padding-right: 5%;
  padding-top:5%;
  background-color:Black;
  background:url(io_top.jpg) repeat-x;
  border-bottom: thin silver solid
}

/* defines the central portion of the frame */
#middle {
  width: 90%;
  position:relative;
  background-color:Black;
  padding: 5%;
}

/* defines the navigation window */
#navbar{
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 1em;
  left: 1em;
  width: 14%;
  border: thin silver solid }
#navbar li {
  margin: 0.5em 0.5em;
  padding: 0em; }
#navbar li a {
  text-decoration: underline }

/* defines the navigation window */
#topicbar{
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 1em;
  right: 1em;
  width: 14%;
  border: thin silver solid }
#topicbar li {
  margin: 0.5em 0.5em;
  padding: 0em; }
#topicbar li a {
  text-decoration: underline }

/* section to include the content. figure will be subordinate */
#content {
  background-color: Black;
  position: relative;
  top: -3em;
  left: 15%;
  width: 80%
}

#explanation {
  background-color: Black;
  position: relative;
  top: 0em;
  right: 0%;
  width: 80%;
  padding-bottom: 5%
}

#construction {
  background-color: Black;
  position: relative;
  top: 0em;
  right: 0%;
  width: 80%;
  padding-bottom: 15%

}

#references {
  background-color: Black;
  position: relative;
  top: 0em;
  right: 0%;
  width: 80%;
  padding-bottom: 5%

}

#mainfigure {
  background-color: #101010;
  float: right;
  width: 50%;
  margin: 0em;
  padding: 0.5em;
}
#mainfigure p {
  text-align: center;
  font-style: italic;
  text-indent: 0;
  color: Silver
}
img.scaled {
  width: 100%;
}


/* bottom portion of the page */
#footer {
  float: center;
  width: 90%;
  margin-top: 1em;
  padding: 5%;
  border-top: thin silver solid;
  background-color: Black;
  background:url(ganymede_bottom.jpg)
}