Greetings all.

I fully admit to being a new to skin modification and I'm having difficulty adding a pane to an existing skin. The pane (actually two) seem to be properly positioned and sized in Dreamweaver CS however when I load them to the portal, and apply them to a page, their titles appear on the page in the admin view however their pane designations do not appear in the drop down list in the admin tool to select them for module insertion.

I have hunted through several guides, however I've found no simple and straight forward instructions for adding and configuring (size and location) a new pane. Some of my difficulty comes from the skin having been created for us and I do not fully understand how they structured some of the featres. This is especially true of which parameters are part of the .ascx file and which belong in the skin.css file.

I am trying to add two panes, a right and left, located above the existing content pane. The intent is for these two panes to take up the length of the page (approx 900px) between the two, dividing the space equally between them.  I would appreciate any insight from a more experienced individual. Please find the code of my .ascx file below. Thank you.

<%@ Control Language="vb" Codebehind="~/admin/Skins/skin.vb" AutoEventWireup="false"
    Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="CURRENTDATE" src="~/Admin/Skins/CurrentDate.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEOMENU" Src="~/DesktopModules/SEOMenuSkinObject/SEOMenuSkinObject.ascx" %>
<link href="../skin.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%= SkinPath %>/browserOsDetection.js"></script>
<script type="text/javascript"> 
    applyStyles('<%= SkinPath %>');
</script>
<!--[if lt IE 7]>
    <script type="text/javascript"> 
        applyIEStyles('<%= SkinPath %>', true);
    </script>
<![endif]--> 
<!--[if gte IE 7]>
    <script type="text/javascript"> 
        applyIEStyles('<%= SkinPath %>', false);
    </script>
<![endif]-->
<div class="header" >
    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td valign="bottom">
                <dnn:LOGO runat="server" ID="dnnLOGO" />
            </td>
            <td valign="bottom" align="right">
                <div class="search">
                    <dnn:SEARCH runat="server" ID="dnnSEARCH" ShowWeb="false" ShowSite="false" Submit='<img src=&quot;img/search.jpg&quot; alt=&quot;Search&quot; title=&quot;Search&quot; style=&quot;border:none;vertical-align:middle;&quot; width=&quot;17px&quot; height=&quot;20px&quot; hspace=&quot;6&quot; />' />
                </div>
            </td>
        </tr>
    </table>
</div> 
<div class="header2" id="logoPane" runat="server"></div>
<div class="bar" style="height:0px;width:946px; background-color: #A71932;"></div>
<div class="BarraMenu">
    <table width="100%" height="43px" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <dnn:SEOMENU runat="server" ID="dnnSEOMENU" Caching="On" MenuPropName="SEOMenuMain"
                    ShowHome="false" Orientation="H" ShowParent="False" ShowAdmin="true" ShowSearchResults="False"
                    SearchResultsName="Search Results" ShowPageIcons="False" HidePageNames="False"
                    ShowSubPages="true" SubPageDepth="2" />
            </td>
        </tr>  
    </table>
</div>
<div class="CurrentDate" align="right"><dnn:CurrentDate runat="server" id="dnnCurrentDate" Dateformat="MMMM dd, yyyy" /></div>
<div Class="elevatorcontentstable"></div>
 <table border="0" cellpadding="0" cellspacing="0" width="946px" class="elevatorcontentstable" summary="Design Table"> 
    <tr valign="top"> 
        <td class="EPleft">Left Pane</td>   
        <td class="EPght">Right Pane</td> 
    </tr> 
  </table> 
<div class="contentpane_index_top" id="ContentPane" runat="server">
</div>
<div class="ContenidosSinImagenes">
    <table border="0" cellspacing="0" cellpadding="0" width="946px">
        <tr>
            <td id="TD1" runat="server" class="cuadro_left_index_2">
            </td>
            <td id="TD2" runat="server" class="cuadro_medio_index_2">
            </td>
            <td id="TD3" runat="server" class="cuadro_medio_index_2">
            </td>
            <td valign="top" class="cuadro_right_index_2" align="left">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td id="JoinPane" runat="server" class="JoinLinks">
                        </td>
                    </tr>
                    <tr>
                        <td class="colNormalTopSinImagenes">
                        </td>
                    </tr>
                    <tr>
                        <td id="RightPane" runat="server" class="ContenidoChico">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>

<br />
<div id="FooterLinks" runat="server" class="footerlink" />
<div class="copyright_pane">
    <dnn:COPYRIGHT runat="server" ID="COPYRIGHT" CssClass="copyright" />
</div>
<br />
<dnn:LOGIN runat="server" ID="dnnLOGIN" Text=" " />