Index redesigned

Browser handling of certain css elements such as relative positioning and padding and float was an issue. An example is the ul and li tags as used for the top navigation menu. For some reason setting top margins in ul cause some serious problems: creation of space between the Heading div and the Nav div while setting li's to have margins at the top was not a problem. Also it seams like a good idea to control the div's spacing: in case of side by side with width and as minimal margin as possible, because I found that IE does not handle large margins accurately. On the graphic design side: photoshop shadows have to be dealt with care and precision: had to go back into the background image of the footer to correct for lighter colors at the edges and it still is not perfect.