Need help with entering and styling text in "maincontent" div.

[y0y0y0]

For the life of me, I can not figure out how to put styled text content on the #mainContent div of my pages. I've tried doing it under #mainContent, which is the logical place, but no luck. I can't even style the text, no matter which div I try to do it in. Could someone take a look at my site and CSS and give me some help? I can't even change the font size, color, style, etc....

I have used quite a few "absolutely" positioned images, which I know is not optimal. I just need some major help here because it seems like Ive tried everything. When I try to place <p> text </p> in the #mainContent area, it interferes with the absolutely positioned image headers I have on the pages. I'm just really at a lost for words right now, but don't want to scrap this whole thing. Any help is appreciated.

Please take a look at:
http://www.w00tw00twebdesign.com

Thanks,

Josh

[bluewalrus]

This

<style type="text/css"> 
<!--

does not belong in the file. Nor this

 --> 
</style><!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
#sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
#sidebar1 { padding-top: 30px; }
#mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->

That would belong in the head but without the <!-- that is a comment tag in html (/* in css */) and wont be read except for the conditional ones which are different and must remain in the head of the document.