I haven't looked exhaustively at the various pages, but aren't those main images the same for all of them? If so those could be put at the beginning of the css file just like the background color was. Like:
images/brook.gif
for the td, you could give it a class or id selector in the markup and set its background and other styles in css rather than inline. So instead of having this in the markup:
Code:
<td valign="right" width="766" height="424" style="background-image:url(images/brook.gif); background-position:top right; background-repeat:no-repeat;">
You could make that like so:
And:
images/bg.gif
for the body. Then right after the declaration we just modified:
Code:
html, body {padding:0; margin:0; color:#ffffff; background-color: #000000 !important;}
body {background-image: url(/images/bg.gif) !important;}
#brookbg {
width: 766px;
height: 424px;
background-image:url(/images/brook.gif);
background-position: top right;
background-repeat: no-repeat;
}
That will at least give the browser more of a chance to load those images more quickly.
Bookmarks