When I copt the codes to my site from dreamweaver to freewebs the website looks a lot different from what it looks like in dreamweaver

http://www.freewebs.com/mnngraphics/index.htm

thats the website

the image you see in dream weaver is not exactly WYSIWYG but if you load it in the preview ie/ff mode then it will show you what it looks like... besides that I don't see why it would look different unless you viewing in different browsers. I think dream weaver uses a browser in its show design view similar to ie so if you use ff after viewing it on the web it would look different. does the menu have a background?

the preview looks different from the actuall thing on my website and the website is all screwed up

EDIT:
After looking further SpryAssets/SpryMenuBarVertical.css is not found on the web server. Fixing that may help.

nope it didnt work

Look at the obvious, at the URL you've given the at the top of the page we can see your styles, you've got closing </style> tags and only 1 opening <style> tag. Fix that then the styles after the first closing tag may be considered by the browsers. (1st </style> highlighted)

 
<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>                    
.style2 {color: #FF0000}
.style3 {color: #FF6600}
.style4 {color: #FFFF00}
.style5 {co

Ignore previous - Just seen you've done that as I was entering post.

You changed your css line to

<link href="twoColLiqLtHdr.css" rel="stylesheet" type="text/css" />

When I go to http://www.freewebs.com/mnngraphics/twoColLiqLtHdr.css
I get a Not Found page.

nothing is working is there anyway someone can find the problem in the file i gave out and change it?

I've already told you one major problem. Your css file has to be on the web server in the path you specify in the link tag or your web page cannot use it.

=[ how freewebs confuses me and it has nothing to do with freewebs right?
Do I just make another link??? Im sorry I sound stupid but im confused

Open http://www.freewebs.com/mnngraphics/index.htm

In the browser go to View -> Source

Near the top will be the tags for your css files
<link href="twoColLiqLtHdr.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />

When you look in the folder on your hard drive where the index.htm file is, you will see the file twoColLiqLtHdr.css
and a folder SpryAssets that contains the file SpryMenuBarVertical.css. These must be uploaded to freewebs using the same directory structure:
twoColLiqLtHdr.css in the remote folder containing index.htm and SpryMenuBarVertical.css
in a SpryAssets directory in the folder that contains index.htm.