body { text-align:center;
       background-image: url('pics folder/decking-bg.JPG');
       background-repeat: repeat-x;}

.wraper { width:920px;
          margin:0 auto;
          text-align: left;}
           
                       /* added 8 from 670 to trouble shut width =====*/
.content .primary { width: 678px;  /*++++width increased+20px and padding 20px removed  this control the space betweenleft-center columns+++*/
                    padding-right: 0px;
                    float: right;
                    display: inline;
                    text-align:left; 
                    border:0px solid; 
                    background: #ffffff; /* ++ this background is light yellow for the center column NOTE=right colmun is 'above' center column thus color may apply to right column depending on how left column is configured +++*/
                    border-color: red;} /* ++++ this red border to switch ON-OFF for column center & wrap-around right column++++++ */

.content .secondary { width:230px; height:3780px; /* the height for the left column its controled here, right now is a 3780 px height, to try to match the center column height that do not respond with FIREFOX adjust here first then move to=>.content .prymary .secondary TAG those are the only two places to adjust for height- do not remove this command */
                      float:left;
                      display: inline; 
                      text-align:left; 
                      background: #ffffff; /* ++ this background is white for the left&right column +++*/
                       border:0px solid; /*++++ this control the left & right columns switch ON-OFF to see lay out ++++*/
                       border-color:purple; 
                      padding-right: 10px; padding-left: 2px;}

.content { overflow: hidden; }

.content .primary .primary { width: 436px; /* ####this controls the center to right column spaces- I changed from 440px in Vista to 436 in XP that works in my laptop now  ####*/
                             float: left;
                             display: inline; 
                             border:0px solid; /* ++++This control ONLY the center column with a yellow border color switch ON-OFF +++*/
                             border-color:yellow;  20px; padding-left: 10px }

.content .primary .secondary { width:200px; height:3780px;  /* width moved to 200px from 230px=== height for right column is controled here now it's a 3780px to try to match the center column  ==== */ 
                               
                               float:right;
                               display: inline; }
                                padding-right: 15px /*  moved from 20px to 15px ==== padding applied here instead */
   

a.one:link {color: blue;}
a.one:visited {color: #660000;}
a.one:hover {background: #ffcc33;}


/* ##################pictures on the RIGHT column START HERE  #######################  */




div.img
  {
  margin:2px;
  border:0px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:202px;
  margin:2px;
  }

p.lemon-text    /* ###############This p.lemon-text class, is only for the frame around the text, another p with details was added directly in the text area to control color ###*/
  {
border-style:solid;
border-left-width:25px;
text-align:center; 
 
}





/* ##################pictures on the RIGHT column ENDS HERE  #######################  */