html { 
  background-color: #fff9ff;
}
div#wrapper { 
  background-color: #fff9ff;
/*  background-image: url("../images/bkgd_left_column.gif");  */
/*  background-repeat: repeat-y; */
/*  background-position: 25% 0; */ 
/* It is insufficient to just change this percentage; you must also change the background image */
 }
div#outer {
  margin:0 30%; /* The second number there is giving us the width of the side bars or columns */
  border:none;
  border-width:0 1px;
}
body.wideSpread div#outer {
  margin:0 25%; /* The second number there is giving us the width of the side bars or columns */
}
body.maxSpread div#outer {
  margin:0 10%; /* The second number there is giving us the width of the side bars or columns */
}
div#top-bar {
  width: 100%;
  border: none;
  background-color: #99c;
}
div#inner {
  float:left;
  width:99%;
}