/* websterrific.css */

.clearboth { clear: both; }

#column1Div {
  float: left;
  height: 600px;
  text-align: center;
  width: 250px;
}

#menuDiv {
  background-color: #000000;
  height: 400px;
  margin: 0 auto;
  padding: 1em;
  text-align: center;
  width: 175px;
}

#iframe { /* i.e. column2Div */
  background-color: transparent;
  float: left;
  height: 600px;
  overflow: auto;
  text-align: left;
  width: 500px;
}

.menuButton {
  font-weight: normal;
  text-align: center;
  margin-bottom: 3px;
  margin-top: 3px;
}

.menuButton a {
  background-color: #339966;
  border-top: 2px #66cc66 solid;
  border-left: 2px #66cc66 solid;
  border-bottom: 2px #336633 solid;
  border-right: 2px #336633 solid;

  color: #000000;
  text-align: center;
  font-size: 1.5em;
  font-family: sans-serif;
  font-weight: normal;
  text-decoration: none;
  padding: 4px;
  display: block;
}

.menuButton a:hover {
  background-color: #669966;
  border-top: 2px #336633 solid;
  border-left: 2px #336633 solid;
  border-bottom: 2px #336633 solid;
  border-right: 2px #336633 solid;

  color: #ffffff;
  text-align: center;
  font-size: 1.5em;
  font-family: sans-serif;
  font-weight: normal;
  text-decoration: none;
  padding: 4px;
  display: block;
}

a {
  text-decoration: none;
  color: #ffffff;
}

a.link {
  font-size: 0.60em;
  color: #003300;
}

a.linkHover {
  font-size: 0.60em;
  color: #ffffff;
}

a img {
  border: none;
  text-decoration: none;
}

a:hover img {
  border: none;
  text-decoration: none;
}

body {
  background-color: #2e8b57;
  text-align: center;
}

h1 {
  color: #ffffff;
  font-size: 2em;
  font-family: sans-serif;
  font-weight: normal;
  line-height: .25em;
}

h2 {
  color: #ffffff;
  font-size: 1.25em;
  font-family: sans-serif;
  font-weight: normal;
  line-height: .50em;
}

h3 {
  color: #ffffff;
  font-size: 1.15em;
  font-family: sans-serif;
  font-weight: lighter;
}

h4 {
  color: #ffffff;
  font-size: 1.00em;
  font-family: sans-serif;
  font-weight: lighter;
}

h6 {
  color: #ffffff;
  font-size: 0.75em;
  font-family: sans-serif;
  font-weight: lighter;
}

input.functionButton {
  margin: 5px;
  color: #000000;
  font-family: sans-serif;
  font-size: 100%;
  font-weight: normal;
  background-color: #339966;
  border-top: 2px #66cc66 solid;
  border-left: 2px #66cc66 solid;
  border-bottom: 2px #336633 solid;
  border-right: 2px #336633 solid;
}

input.functionButtonHover {
  margin: 5px;
  color: #ffffff;
  font-family: sans-serif;
  font-size: 100%;
  font-weight: normal;
  background-color: #669966;
  border-top: 2px #336633 solid;
  border-left: 2px #336633 solid;
  border-bottom: 2px #336633 solid;
  border-right: 2px #336633 solid;
  cursor: pointer;
}