body { background: #ffffff; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; } * { margin: 0; padding: 0; } #container { background-image: url(/?a=8095); background-repeat:no-repeat; width: 800px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ height: 590px; background-color: #ffffff; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ margin-top: 30px; border: 1px solid #455560; } body, p { text-align: left; /* this overrides the text-align: center on the body element. */ font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 24px; } .entire { font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #336699; line-height: 18px; } hr { border: 0; width: 100%; color: #FF9933; background-color: #FF9933; height: 1px; margin-top: 10px; margin-bottom: 10px; } #mainContent { width: 340px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ margin-top:205px; margin-left:458px; } #footer { position:absolute; width:106px; height: 61px; margin-top:90px; margin-left:65px; } #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ } a:link, a:visited { text-decoration: none; color: #ffffff; } a:hover { text-decoration: none; color: #FF9933; } a.all:link, a.all:visited { text-decoration: none; font-weight:bold; color: #FF9933; } a.all:hover { text-decoration: underline; }