title: force divs to fill space to the left of another
body: <p>Please see this pen for code and a visual of what I am trying to do <a href="http://codepen.io/MarkRBM/pen/pFHAr" rel="nofollow">http://codepen.io/MarkRBM/pen/pFHAr</a></p>
  
  <p>the css in question is on line 801 -> 855</p>
  
  <p>I want the 3 divs in the bottom left of .locscta to fill the space to the left of the .locslist div and directly below the .locsleft div.  I would like to do this without floats if possible</p>