body {
  font-size:0.8em;
  font-family:Arial;
  color:white;
  background-color:black;
  padding:0; margin:0;
  text-align:center;
  cursor:default;
}
a
{
  color:#99ccff;
  text-decoration:none;
}
img {
  border:0;
}
h1
{
  font-size:1em;
  margin-left:3em;
}
.contact_text {
  background-color:lightsteelblue;
  border:1px inset lightsteelblue;
}
.contact_submit {
  background-color:lightsteelblue;
  border:1px outset lightsteelblue;
  margin-left:0.1em;
  cursor:pointer;
}
#main {
  text-align:center;
}
#top_frame {
  text-align:center;
  width:62.8em;
  margin:auto;
}
#main_frame {
  width:62.8em;
  margin-left:auto;
  margin-right:auto; /* To center the layout use text-align:center for all previous containers and auto for margins */
  text-align:left;
  clear:both;
}
#main_frame_content {
  margin:auto;
  float:right;
  width:45em;
  padding-top:1em;
  padding-left:2em;
  height:auto;
}
#main_frame_text {
  /* height:35em; */
  height:auto;
  overflow:auto;
  padding-right:0.2em;
}
#navigation_frame {
  width:15em;
  margin-top:1em;
  text-align:center;
  float:left;
}
#footer {
  margin-left:auto;
  margin-right:auto;
  float:right;
  width:45em;
  margin-top:0.8em;
  margin-bottom:0.5em;
  text-align:center;
  font-size:0.9em;
}
#footer a {
  color:white;
}
.nav_title {
  color:#3333ff;
  font-weight:bold;
  font-style:italic;
  font-size:1.2em;
  margin-top:1em;
  clear:both;
}
.bar {
  width:12em;
  padding:0.5em;
}
.button {
  cursor:pointer;
  width:12em;
  margin:auto;
  padding:0.1em;
}
.nav_content {
  width:12em;
  margin:auto;
}
.websitePreviews
{
  margin-right:0.5em;
  float:left;
  width:8em;
}