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;
}
div#top-bar {
  width: 100%;
  border: none;
  background-color: #99c;
}

div#inner {
  float:left;
  width:99%;
}
div#content {
  float:right;
  width:99%;
}
div#left_side_bar {
  float:left;
  width:75%;
  margin-left:-74.9%;
  padding: 0;
}
div#right_side_bar {
  float:right;
  width:75%; /* If the side column is the same width as the centre column then this percentage is 100% */
  margin-right:-74.9%; /* This is less than the width because this div must have some real existence in its parent div */
}
div#footer { 
  clear:both;
  border-top: none;
  background-color:#fff9ff;
 }
div.amazonAd {
  margin: 5% auto 0 auto;
  width: 400px;
}
/* The following is needed for Mozilla to fix focus problem */
div.focus,
div.form { 
  position: relative;
  z-index: 30;
}
div.altMenu { 
  margin-top: 10%;
  padding-bottom: 1%;
}
div.altMenuSelection { 
  margin-top: 0;
  padding-bottom: 1%;
}

/* The following is applied to the equalising elements of the floating columns layout */
.cleared {
  clear:both;
  line-height:0;
}
/* To get the wrappers to contain the floated columns */
div.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}