...let us rebuild the wall of Jerusalem, and we will no longer be in disgrace. Nehemiah 2:17

The above links demonstrate a basic navigational structure using an unordered list styled with CSS. Use this as a starting point and modify the properties to produce your own unique look. If you require flyout menus, create your own using a Spry menu, a menu widget from Adobe's Exchange or a variety of other javascript or CSS solutions.

If you would like the navigation along the top, simply move the ul.nav to the top of the page and recreate the styling.

A Header Example

Pastor Hank, I'm playing a little with the link bars to be able to provide the fly-out levels in case you need them. This layout is still a work in progress so if you see changes you want, let me know. JR

All this text is just place holder to show what the page could look like. Be aware that we can change to three columns if desired, Also that the other pages, like Contact, could be a different format. It might be best to simply look at other web sites for ideas. Let me know as you have layout ideas and develop content.

Clearing Method

Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque a est eu purus ultrices commodo. Sed purus metus, vestibulum vitae volutpat sit amet, ornare eu risus. Duis venenatis quam nisl, at accumsan velit posuere sed. Quisque sollicitudin fringilla rutrum. Etiam blandit diam sed sapien pulvinar, a vestibulum mauris sollicitudin. Ut velit lectus, elementum ut ligula vitae, posuere ornare elit. Integer ac laoreet purus. Mauris ac elit malesuada, consequat turpis eget, tempor dolor. Fusce eros mauris, tristique id velit sit amet, porttitor ultricies risus. Sed laoreet, orci ut ornare hendrerit, massa nunc mollis massa, in vehicula mauris metus in metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis at lorem eu odio commodo condimentum ut et neque. Donec sem neque, scelerisque ac turpis nec, adipiscing commodo quam.

Logo Replacement

PH, you can design to have boxes or issolated data, pix, or whatever to aid the content.


An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo.

Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes.

To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tristique nibh dolor, eget feugiat dolor cursus a. Nullam enim elit, elementum vel sem vel, rhoncus condimentum arcu. Donec mattis venenatis quam vel feugiat. Sed eu vehicula lectus, sit amet volutpat nibh. Duis porta risus eget libero blandit pharetra. Quisque id tellus nec massa dignissim cursus cursus in leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam est elit, sollicitudin nec justo non, eleifend sodales tortor. Nunc ac dictum nunc. Fusce bibendum, leo nec tincidunt tincidunt, nibh nunc consectetur eros, ut lacinia urna ante sit amet massa. Nunc ut nibh eu leo commodo mattis id quis purus. Ut laoreet sagittis enim.