A simple question for some., PLEASE help. Options

[keili]

I designed my layout and I had someone code it for me. She sent me everything via email about 10 minutes ago. I don`t understand how I`m supposed to put this on my website - I put the CSS code in where the HTML code goes, but nothing shows up - probably because it`s not an HTML code ... duh [l0l], but what am I supposed to do? Here`s what she sent me.

My background
The actual image [top]

And she also sent me the CSS code which is :

CODE

body {background-color: transparent}

<!--body {
scrollbar-base-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #CACACA;
scrollbar-highlight-color: #818181;
scrollbar-shadow-color: #CACACA;
scrollbar-darkshadow-color: #818181;
}
-->

body, html, div, font, td {
    font-family: Tahoma;
    font-size: 8pt;
    line-height: 8pt;
    color: #000000;
    padding: 0;
    margin-left: 0;

}
h1 {
    background: #CACACA;
    color: #818181;
    font-family: Tahoma;
    font-size: 7pt;
    line-height: 7pt;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    margin-bottom: 1px;
    padding: 0px;
    padding-bottom: 0px;
    border-bottom: 2px solid #908F93;
}
h2 {
    background: #CACACA;
    color: #818181;
    font-family: Tahoma;
    font-size: 7pt;
    line-height: 7pt;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    margin-bottom: 1px;
    padding: 0px;
    padding-bottom: 0px;
    border-bottom: 2px solid #908F93;
}

i, em {
    color: #9B7F4F;
}

b {
    color: #908F93;
    text-transform: uppercase;
}

u {
    color: #D49E0A;
}

strike {
    color: #828282;
}
.con {
    font-size: 9px;
    color: #000000;
    margin:0 0px 0px 0;
    padding:0px 0 8px 0px;
    text-align:justify;
    font-family: trebuchet, verdana;
    }

.bar {
    font-size: 9px;
    color: #CACACA;
    margin:0 0px 0px 0;
    padding:0px 0 8px 0px;
    text-align:justify;
    font-family: trebuchet, verdana;
    }

a:link, a:visited, a:active {
    text-decoration: none;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 7pt;
    color: #BC7D7A;
}
a:hover {
    text-decoration: underline;
    font-weight: bold;
    font-family: Tahoma;
    color: #F5DDC5;
}

textarea , input , select,
{
border: #F3DACE solid 1PT;
background: #00233E;
color: #F3DACE;
font-size: 7pt;
font-family: tahoma;
text-align: justify;
}

What am I supposed to do? Please help me.