body {
  font-size: 12px; /* Resets 1em to 10px */
  font-family: Arial, Helvetica, sans-serif;
  color: #3C3F36;
  text-align: center;
  margin: 0;
}

#main_container {
  margin: 0 auto;
  text-align: left;
  width: 900px;
}

#inputs {
  float: left;
  background-color: #3C3F36;
  padding: 5 5 5 5;
  width: 890px;
  color: white;
}

#inputs td {
  font-size: 14px;
  color:white;
}

#beta {
  float:left;
  padding: 5 5 5 5;
  font-size: 14px;
  color: white;
  background-color: #3C3F36;
  width: 890px;
}

#beta a:link {color: white;}
#beta a:visited {color: white;}
#beta a:active {color: white;}
#beta a:hover {color: white;}

#beta em {
  font-size: 12px;
}

#logo {
  float: left
  font-size: 12px;
  background-color: #EBE9DC;
  padding: 5 5 5 5;
  height: 130px;
  width: 890px;
}

#learnMore {
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  background-color: #EBE9DC;
  float: left;
  padding: 5 5 5 5;
  width: 890px;
  text-align: right;
}

#button {
  float: left;
  width: 800;
  padding: 10 0 0 0;
  text-align: center;
}

#btnComp {
  font-size: 14px;
}

#auto1 {
  width: 200px;
}

#auto2 {
  width: 200px;
}

#resTable {
  background-color: white;
  width: 890px;
  /*padding: 0 5px 0 5px;*/
}

#resTable table {
  border-collapse: collapse;
}

#resTable td {
  color: black;
  font-size: 12px;
  padding: 2px;
}

#bar {
  float: left;
  width: 100%;
  background-color: #72918B;
  height: 5px;
  width: 890px;
  padding: 0px 5px 0 5px;
}

#container1 {
  width: 400px;
  height: 0px;
  float: left;
  background-color: white;
  padding: 10 10 10 10;
}

#container2 {
  float: right;
  width: 400px;
  height: 0px;
  padding: 10 10 10 10;
  background-color: white;
}

#advanced {
  display: none;
  float: left;
  width: 880px;
}

#advancedOption {
  font-size: 14px;
  float: left;
  cursor: pointer;
  padding: 20 0 10 0;
  font-style: italic;
  font-weight: bold;
}
