here is my css style sheet how can I get the images to load on it because I want to get them to work before I up loaded it. my mane page loads the style sheet all fine but not the images. I need help please I am new to css

/* ************************ Body *********************** */
body, html
{
margin: 0px;
padding: 0px;
background: #4C594E <a href="images/background.gif">) repeat;
color: #4C594E;
font: 8pt verdana
}
p
{
margin: 2px 0px 2px 0px;
padding: 0px
}

/* *********************** Linkage ********************* */
a:link, a:visited
{
color: #80AD1A;
font: 8pt verdana;
font-weight: bold;
text-decoration: none
}
a:hover, a:active
{
color: #FF9600;
font: 8pt verdana;
font-weight: bold;
text-decoration: none
}
a.smallgreen:link, a.smallgreen:visited
{
color: #80AD1A;
font: 7pt verdana;
font-weight: bold;
text-decoration: none
}
a.smallgreen:hover, a.smallgreen:active
{
color: #FF9600;
font: 7pt verdana;
font-weight: bold;
text-decoration: none
}
a.smallgrey:link, a.smallgrey:visited
{
color: #8E928B;
font: 7pt verdana;
font-weight: bold;
text-decoration: none
}
a.smallgrey:hover, a.smallgrey:active
{
color: #FF9600;
font: 7pt verdana;
font-weight: bold;
text-decoration: none
}
a.smallwhite:link, a.smallwhite:visited
{
color: #E7EAE3;
font: 7.5pt verdana;
font-weight: bold;
text-decoration: none
}
a.smallwhite:hover, a.smallwhite:active
{
color: #FF9600;
font: 7.5pt verdana;
font-weight: bold;
text-decoration: none
}
a.biggreen:link, a.biggreen:visited
{
color: #9EC43A;
font: 9pt verdana;
font-weight: bold;
text-decoration: none
}
a.biggreen:hover, a.biggreen:active
{
color: #FF9600;
font: 9pt verdana;
font-weight: bold;
text-decoration: none
}
a.newslink:link, a.newslink:visited
{
color: #698943;
font: 8pt verdana;
font-weight: bold;
text-decoration: none
}
a.newslink:hover, a.newslink:active
{
color: #FF9600;
font: 8pt verdana;
font-weight: bold;
text-decoration: none
}
.textad a:link, .textad a:visited
{
color: #E7EAE3;
font: 7pt verdana;
text-decoration: none
}
.textad a:hover, .textad a:active
{
color: #FF9600;
font: 7pt verdana;
text-decoration: none
}

/* ***************** Global Containers ***************** */
#container
{
clear: both;
background: <a href="images/page_bg.jpg">) repeat-y;
width: 1000px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px
}
#bodycontainer
{
clear: both;
width: 970px;
margin-right: auto;
margin-left: auto;
padding: 0px
}
#navigation
{
width: 142px
}
.navgroup
{
background: <a href="nav_group.jpg"> no-repeat;
width: 130px;
height: 17px;
padding: 1px 0px 0px 12px
}
.navitems
{
background: <a href="images/nav_item.jpg">) no-repeat;
width: 115px;
height: 16px;
vertical-align: baseline;
padding: 2px 0px 0px 27px
}
.brclear
{
clear: both
}

/* ****************** Header, Footer ******************* */
#header
{
width: 970px;
margin-right: auto;
margin-left: auto;
padding: 0px
}
#footer
{
width: 970px;
margin-right: auto;
margin-left: auto;
padding: 0px
}
#footercontainer
{
background: <a href="images/footer_back.jpg">) repeat-y;
width: 970px;
padding: 0px
}
#footerleft
{
float: left;
width: 500px;
padding: 0px 0px 0px 15px;
vertical-align: middle
}
#footerright
{
float: left;
width: 430px;
padding: 16px 15px 0px 10px;
text-align: center
}

/* ********************** Spacers ********************** */
div.spacer2
{
clear: both;
padding-top: 2px
}
div.spacer3
{
clear: both;
padding-top: 3px
}
div.spacer4
{
clear: both;
padding-top: 4px
}
div.spacer5
{
clear: both;
padding-top: 5px
}
div.spacer7
{
clear: both;
padding-top: 7px
}
div.spacer10
{
clear: both;
padding-top: 10px
}
div.spacer15
{
clear: both;
padding-top: 15px
}
div.spacer20
{
clear: both;
padding-top: 20px
}
div.spacer40
{
clear: both;
padding-top: 40px
}

/* ***************** Table Definitions ***************** */
.tborder
{
background: #A5B39C;
color: #343434
}
.tcat
{
background: <a href="images/tcat.gif">) repeat-x;
border: 1px solid #585C4B;
font: bold 11pt verdana;
color: #FFFFFF;
padding: 3px
}
.theader
{
background: #FFFFFF <a href="images/theader_bg.jpg">) repeat;
color: #000000;
font: bold 8pt verdana
}
.theader a:link, .theader a:visited
{
color: #1C1F14;
font: bold 8pt verdana;
text-decoration: none
}
.theader a:hover, .theader a:active
{
color: #556845;
font: bold 8pt verdana;
text-decoration: none
}

/* ************* Forms, fields, and elements *********** */
form, input
{
padding:0px;
margin:0px
}
.button
{
background-color: #556845;
color: #E0E0F6;
font: 8pt verdana;
font-weight: normal
}
.buttonbold
{
background-color: #556845;
color: #E0E0F6;
font: 8pt verdana;
font-weight: bold
}
textarea
{
background-color: #EEEEEE;
border: 1px solid #585C4B;
color: #000000;
font: 9pt verdana;
padding: 1px
}
.textfieldz
{
background-color: #EEEEEE;
border: 1px solid #585C4B;
color: #000000;
font: 9pt verdana;
padding: 1px
}
select
{
background: #DEDEDE;
color: #4C594E;
font: bold 8pt verdana
}

/* ********************* Font Styles ******************* */
span.tinydate
{
color: #97A08E;
font: 7pt verdana
}
span.quote
{
font-style: italic
}
.important
{
color: #FF0000;
}
.date, .datebold
{
color: #97A08E;
font: 7pt verdana
}
.datebold
{
font-weight: bold
}
.datebigger
{
color: #97A08E;
font: 8pt verdana
}

your image css is wrong...
background: #4C594E <a href="images/background.gif">) repeat;

should be this...
background: #4C594E url(images/background.gif) repeat;

I have fixed it now

your welcome for the help pb&j gave to you. :rolleyes:

Love,
Mirna

thanks for your help