body {width:780px; margin-left:auto; margin-right:auto; background-color:#CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size:15px; text-align:center;
}

#textbox {
  width: 755px; 
  margin: 0 auto; /* Mozilla page centering */
  text-align: left; /* IE centering fix */
  padding: 5px;
  background: #CCCCCC; 
  border-style: groove;
  border-color: #CCCCCC;
}

#viewport {
  width: 750px; 
  height:330px;
  overflow: auto; 
  background: #666666; 
  white-space: nowrap; /* could use float: left or other approach */
  margin: 0 auto; /* Mozilla page centering */
  text-align: left; /* IE centering fix */
  scrollbar-base-color: #666666;
  scrollbar-arrow-color: #666666;
  border-style: groove;
  border-color: #CCCCCC;
}

#viewport img {
  height: 310px; /* max height scaling of images */
  border-width: 0; /* remove a link border on images */
}