Content Pane
-----------------------------------------------------------------
Left Pane              Center Pane             Right Pane
---------------           ------------------           ---------------
                              Bottom pane
-----------------------------------------------------------------
                     
                              Footer panes
-----------------------------------------------------------------


There is white space off to the side of all the panes.  I'm trying to add 2 fixed or static panes to the left and right.  What is the easiest way to do so?

I would suggest using float instead:

<div class="ContentPane" />
<div class="row clearfix">
    <div class="LeftPane" />
    <div class="CenterPane" />
    <div class="RightPane" />
</div>
<div class="BottomPane" />

Then in your CSS do something like this:

.LeftPane { float: left; margin-right: 2%; width: 23%; }
.CenterPane { float: left; width: 50%; }
.RightPane { float: right; margin-left: 2%; width: 23%; }
.clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }

This kind of depends on whether you're using tables or CSS for layout.  If tables, it can be done all in the .ascx file.  But that's not really the most adaptable method (but then, neither are static pane sizes...).

Jeff