I can't get the headings to be affected.

On my page, the 'body' is affect, bg, font color is purple, etc, but nothing inside <h1> <h2> or <p> is as I want it! What am I doing wrong?

This is my css code:

<style type="text/css">

A:link
{ text-decoration: none; color:#9900cc; }
A:visited
{ text-decoration: none; color:#9900cc; }
A:active
{ text-decoration: overline; color:#ff9900; }
A:hover
{ text-decoration: underline; color:#990099;}

{background-image: url("http://us.share.geocities.com/theparttimevegetarian/Images/bgw.bmp");
background-color: #FFFFFF;}

h1 {font-family: verdana;
color: #FFFF00;
text-align: center;
font-size: 20pt;}

h2 {text-align: center;
width: 400px;
color: #FFFF00;
font-size: 10;
font-weight: bold;}

p {font-family: verdana;
color: #FFFF00;
width: 400px;}


body
{ background: #FFFFFF;
background-image: url("http://us.share.geocities.com/theparttimevegetarian/Images/bgw.bmp");
background-repeat: repeat-y;
background-position: top left;
background-attachment: fixed;

font-family: verdana;
color: #660099 ;

font-weight: bold;
font-size: 12 pt; }
test
</style>

This stuff here:

{background-image: url("http://us.share.geocities.com/theparttimevegetarian/Images/bgw.bmp");
background-color: #FFFFFF;}

Is just floating around, and isn't assigned to anything... put it with one of the sections you have, or remove it, and see if that helps.

You also assigned "font-size: 10;" to h2. You need to specify a unit (pt, px, em or %, althoug I doubt you want it to be 10% of the normal size...).