I wanted this site to look good, but I also wanted to keep it accessible and browser-neutral. I've had to make a few compromises along the way, but I am reasonably happy with the results.
If you are interested, these are the main features of the site, as far as appearance is concerned:
- A CSS style-sheet is used for the appearance and much of the layout.
- The default font for the main part of the site is 'sans-serif' -- the font which is actually used will depend on the user's browser, browser preferences, and operating system.
- Some areas of the site use a different style-sheet, mainly with different colours, and with a default font of 'serif'. Again, the actual font used will depend on the user's set-up.
- Font-sizes are defined by percentage (so you should be able to change the font-size in your browser preferences).
- The layout (esp. the left-hand 'outlook-style' bar) is controlled using <div> tags.
- Graphics are usually avoided, except where they are an intrinsic part of the page contents (such as the world maps).
I've tested the site with the CSS style-sheet disabled. The result looks a little odd (for a start, the 'outlook' side-bar appears as a stack of links at the top of the page), but still reasonably acceptable, and certainly still usable.