body {
      background: #eeeeee;
      font-size: 100%;
      margin: 0;
      padding: 0;
      width: 100%;
} 

img {
  max-width: 100%;
  height: auto;
}

.the_logo {
  margin: 0 auto;
  display: block;
}

a { }
a img { border-width: 0; }
a.image-frame { border-width: 0; }
a.image-frame img { border-width: 0; }

#page {
  background:#ffffff;
  margin: 0 auto;
  top: 0px;
  max-width: 1000px;
  height: min-height;
  overflow: visible;
  position: relative;
  min-height: 100%;
  padding: 0 15px;
  
}
    
#content {
  position: absolute;
  background:#ffffff;
  border-style: solid;
  border-width: 1px;
  border-color:#333355;
  padding: 20px;
  top: 100px;
  max-width: 688px;
  left: 10px;
}


.box {
  margin: 0 auto;  
  border-style: solid;
  border-width: 1px;
  border-color:#000000;
  background: #ffffff;
  color: #000000;
  text-align: left;
  text-indent: 10px;
  position: absolute;
}

.boxhead {
  padding: 5px;
  margin: 0px;
  text-align: left;
  text-indent: 0px;
  background: #000000;
  color: #ffffff;
  font-size: 125%;
}

.boxhead a { border: 0px; text-decoration: none; color: #ffffff; }

.boxbody {
  padding: 10px;
}

.boxpicture {
  padding: 10px;
  margin: 0px;
  text-align: center;
  text-indent: 0px;
  background: #ffffff;
  float: right;
  clear: right;
}

.boxpicture a { border: 0px; }
.boxpicture a img { border-width: 0; border-bottom: 0px; }
.boxpicture img {
  border-width: 0px;
}


#footer {
  margin: 0 auto;  
  border-style: dashed;
  border-width: 0;
  border-color:#000000;
  background: #ffffff;
  color: #000000;

  max-width: 1000px;
 // top: 800px;
  text-align: center;
}

#footer a { font-size: 75%; text-decoration: none; color: #777777; border-bottom: 0px;}