The problem with only text showing is a dreamweaver testing server issue that I think I am on the path to figuring it out.
But in regards to the other problems, the slight repeat shadow at top and the disappearing footer images, here a link that will work.....and it shows the images.
Thank you............Diana
index3.html
Here is the css code:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
body {
background-color: #ffffff;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
}
h1 {
color: #1A1976;
font-size: 14px;
font-weight: bold;
line-height: 14px;
}
h2 {
color: #1A1976;
font-size: 12px;
font-weight: bold;
line-height: 14px;
}
a, a:link {
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}
a:visited {
color:#6CF;
text-decoration: none;
}
a:hover {
color:#FC0;
text-decoration: underline;
}
a:focus {}
a:active {
color: #ffffff;
}
#outerWrapper {
margin: 0 auto 0 auto;
padding-top: 0px;
text-align: left;
width: 969px;
}
#outerWrapper #headerBackground {
background-image: url("../BHS2_images/bhs_headerTop.png");
background-repeat: no-repeat;
background-position: top;
}
#outerWrapper #headerBackground #headerTop {
background-image: url("../BHS2_images/bhs_logo.png");
background-position: center;
background-repeat: no-repeat;
height: 168px;
}
#outerWrapper #headerBackground #headerBottom {
background-image: url("../BHS2_images/bhs_headBottom.png");
background-position: center bottom;
background-repeat: no-repeat;
}
#outerWrapper #contentWrapper {
background-image: url("../BHS2_images/bhs_contentbg.png");
background-repeat: repeat-y;
background-position: center;
overflow: hidden;
padding-left: 55px;
padding-right: 14px;
}
#outerWrapper #contentWrapper #leftColumn1 {
float: left;
padding: 14px 8px 14px 12px;
width: 209px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #306;
line-height: 14px;
}
#outerWrapper #contentWrapper #content {
margin: 0 0 0 260px;
padding: 14px 4px 14px 0px;
width: 590px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #306;
line-height: 16px;
}
#outerWrapper #contentWrapper #content a {
color:#00F;
text-decoration:underline;
}
#outerWrapper #contentWrapper #clearFloat {
clear: left;
display: block;
}
#outerWrapper #footerBackground #footerBottom #footerTop {
background-image: url("../BHS2_images/Bbhs_footerTop.png");
background-repeat: no-repeat;
}
#outerWrapper #footerBackground {
background-image: url("../BHS2_images/bhs_footerBG.png");
background-repeat: repeat-y;
color: #ffffff;
font-size: 12px;
font-weight: bold;
line-height: 18px;
text-align: center;
}
#outerWrapper #footerBackground #footerBottom {
background-image: url("../BHS2_images/bhs_footerBottom.png");
background-repeat: no-repeat;
}