html { 
  height: 100%; 
  margin: 0; 
  padding: 0;
  /* background-color: orange; */
}

body { 
  height: 100%; 
  margin: 0; 
  padding: 0; 
  background-color: white;
}

#nonFooter {
  position: relative;
  min-height: 100%;
  border-bottom: 0px solid black; /* keep opera happy */
  /* background-color: red; */
}

* html #nonFooter {
  height: 100%;
}

#content {
  padding-bottom: 50px; /* make space for footer >= footer height */
  /* background-color: purple; */
}

#footer {
  position: relative;
  margin: -40px auto 0 auto; /* use neg top margin = height of footer */
}

/* A CSS hack that only applies to IE -- specifically a different offset for the footer */
* html #footer {
  margin-top: -40px; 
}


.gishigo_stuff_centering_box {
  width: 100%;
  position: relative; 
  background-color: white;
  text-align: center; /* for IE centering contents - hack */
}

.gishigo_stuff_container {
  width: 760px;
  /* height: 600px; */
  margin: 0 auto;
  padding: 0px 0px 10px 0px;
  position: relative;
  background-color: white;
  text-align: left;  /* to counter the IE centering contents - hack */
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 0.8em;
}

.full_justify_text {
  text-align: justify;
}

.title_text {
  width: 760px;
  /* height: 600px; */
  margin: 5 auto 5 auto;
  padding: 0px 0px 0px 0px;
  position: relative;
  background-color: white;
  text-align: center;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 2em;
}