I've made some changes to the CSS and DIVs. The pertinent CSS is as follows:
#footerleftpane, #footerRightPane
{
width: 300px;
float: left;
}
#footerMidPane
{
width: 340px;
float: left;
padding: 10px;
}
The div structure is now as follows:
<div id="footer">
<div id="footerleftpane" runat="server">
<dnn:LOGO id="dnnLogo" runat="server" />
<h3>Driving business performance.</h3>
<h3>Practical Sales and Operations Planning</h3>
<h3>for medium sized businesses.</h3>
</div>
<div id="footerRightPane" runat="server">
<dnn:COPYRIGHT id="dnnCopyright" runat="server" /><br />
<dnn:PRIVACY id="dnnPrivacy" runat="server" />
<dnn:TERMS id="dnnTerms" runat="server" />
</div>
<div id="footerMidPane" runat="server">
</div>
</div>
What further changes are needed to ensure these 3 DIVs align next to each other?