Flesh out design and produce website using CSS for layout so that it displays well in everything from a smartphone to full-size monitor and is compatible with recent versions of the most popular browsers. This is a complete makeover of [url removed, login to view] website.
I've already started on the site rebuild ([url removed, login to view]), but got bogged down with too much conflicting CSS. I resorted to using a table and placing within it a 1140px wide 12-column grid ([url removed, login to view]) that is fluid all the way down to a mobile version. I'm finding that the grid might be too restrictive in terms of design so am open to suggestions.
I cobbled together some screen captures and produced a mockup (jpeg) that is roughly where I'd like to head with this. It's attached.
I like the way the dark blue horizontal menu at [url removed, login to view] works (submenu appears on mouseover), but prefer the looks of the tabbed one at [url removed, login to view] . I tried to duplicate it using a Spry widget in Dreamweaver CS5, but it doesn't look as nice.
I also prefer the Prospect's slider/carousel over the one I downloaded at the Adobe Exchange. Is it possible to do something like it using Wordpress so that key people in the union can post articles/pix on the site? An early flirting with Joomla proved that it would be far too complicated for them to use. (The site is hosted with [url removed, login to view] and includes access to CMSs and Wordpress. See their Basic Package for details on what's available.)
The ability to post comments at the end of articles is a good feature, too.
Another point on the menus (and maybe some of the features on the home page): They should be SSI for ease of site-wide updating/alteration.