panel, I would simply click, hold, and drag from the icon just to the left of the text in the blue menu bar (see Figure 2.34). Figure 2.34. Panels can be docked and undocked freely. [View full size image]   Of course, the reverse is also possible: by simply dragging the panel group back into the list of panels on the right side of the development area, you can dock a free-floating panel group. You can also minimize and open panels by selecting the name from the blue menu bar or choosing the small arrow icon next to the name. Every panel supports its own unique functionality. This is made obvious by the small icons located on the bottom-right of the panel. Advanced options for every panel are also available from the panel's Options menu, easily accessed by clicking the icon on the far right of the blue menu bar and shown selected in Figure 2.35. Figure 2.35. Every panel features a panel Options menu, which includes advanced features related to the specific panel.   At the bottom of the panel Options menu, you'll notice six distinct options consistent in every panel Options menu and also available from the context menu (right-clicking the blue menu bar) of the panel: Help: Opens the Dreamweaver Help index with the selected panel as the selected topic. Group <Panel Name> with: Choose this option if you want to associate a specific panel with a different group. You can also select the New Panel Group option if you want to disassociate a panel with its group and make it free standing. Close <Panel Name>: Choose this option when you want to close a specific panel. You can always re-open it within its panel group by selecting the specific option from the Window menu. Rename Panel Group: Opens the Rename Panel Group dialog. Choosing this option allows you to customize the name of the panel group. Maximize Panel Group: Expands the panel group so that it consumes the entire vertical area of the panel menu on the right side of the development area. Doing this while docked causes any panels to automatically minimize. Close Panel Group: Closes the panel group. Once a panel group has been closed, it must be re-opened from the Window menu. The CSS Styles Panel Part of the Design panel group, the CSS Styles panel allows you to create and work with cascading styles and style sheets. You can make the CSS Styles panel visible and hidden by selecting CSS Styles from the Window menu or by pressing the Shift+F11 shortcut key. The CSS Styles panel is covered in greater depth in Chapter 7, "Advanced Page Formatting Using Style Sheets." The Layers Panel Also part of the Design panel group, the Layers panel allows you to name and change the stacking order and visbility of layers in the Document window after they've been added. You can make the Layers panel visible and hidden by selecting Layers from the Window menu or by pressing the F2 shortcut key. The Layers panel is covered in greater depth in Chapter 11, "Layers in Dreamweaver." The Behaviors Panel Part of the Tag Inspector panel group, the Behaviors panel allows you to work with a myriad of pre-built JavaScript behaviors. With a single click of the Add (+) icon, a list of behaviors are immediately available to your web pages. You can make the Behaviors panel visible and hidden by selecting Behaviors from the