I've made up a CSS code for my site. Everything on it works fine right up until the part for the regular text. From there down it doesn't show up. I am aware that even the tiniest little typo can screw the whole thing up. Please help me! Here is the code:

A:link
{ text-decoration: none; color:#000099 }
A:visited
{ text-decoration: none; color:#000099 }
A:active
{ text-decoration: none; color:#000099 }
A:hover
{ text-decoration: overline; color:#33ffff;

cursor: crosshair}

BODY
{background:none; transparent
background-image:url(value); [url of background image to be used, i.e. background.gif]
background-repeat:value; [repeat, no-repeat, repeat-x, repeat-y]
background-position:valueI valueII; [valueI: top, center, bottom, percentage, pixel number]
[valueII: right, center, left, percentage, pixel number]
background-attachment: [scroll, fixed]

**This is where is stops working**

font-family: arial
color: #000099 ;
letter-spacing: value; [any number value (3pt, 5pt)]
font-weight:value; [lighter, normal, bold, bolder, any number value (100, 500, 900)]
font-size:value; [xx-small, x-small, small, medium, large, x-large, xx-large,
any number value (12 pt, 18 pt)]

direction:rtl; [this reverses the entire site so the scrollbar is on the left]

scrollbar-face-color: #000099;
scrollbar-shadow-color: #99ffff;
scrollbar-highlight-color: #000099;
scrollbar-3dlight-color: #0000cc;
scrollbar-track-color: #000099;
scrollbar-arrow-color: #99ffff;

td
{ font-family: value; [arial ]
color: #000099;
padding-left: value; [2cm, 4cm etc.]
padding-right: value; [2cm]
padding-top: value; [2cm]
padding-bottom: value; [2cm]
padding: value; [2cm this is for all four sides]
padding: value value [2cm, 4cm : two values for four sides, add numerical value] }

input, textarea
{ background: #000099 url(yourimage.gif);
font-family: tahoma;
color: #ffffff;
border-style: value [dotted];
border-color: #99ffff;
border-width: valuepx [numerical value, 5, 6, 8...] }
8...] }

Thanx for your time ^_^ !

throughout your code you have those brackets with the values inside of them... you are supposed to replace them with the values... i saw problems with the top part of the code too, so i fixed that as well. i used just one of the values given inside the brackets, but you may want to change something later. here's the corrected code:

BODY
{background:none;
background-repeat:repeat;
background-position:top;
background-attachment:scroll;
font-family:arial;
color: #000099;
letter-spacing:3pt;
font-weight:normal;
font-size:12pt;

direction:rtl;
scrollbar-face-color:#000099;
scrollbar-shadow-color:#99ffff;
scrollbar-highlight-color:#000099;
scrollbar-3dlight-color:#0000cc;
scrollbar-track-color:#000099;
scrollbar-arrow-color:#99ffff;

td
{ font-family:arial;
color: #000099;
padding-left:2cm;
padding-right:2cm;
padding-top:2cm;
padding-bottom:2cm;

input, textarea
{ background: #000099;
font-family:tahoma;
color: #ffffff;
border-style:dotted;
border-color:#99ffff;
border-width:5px }

hope this helped =)

I already did that. The stuff in brackets is the stuff I don't want to change. Even the scrollbar color doesn't work on my page. Here it is for reference: http://www.geocities.com/simplyme808/OotPCover.htm

i couldn't view your page (parental controls... arghh) but are you sure you're using a browser that supports CSS? and i saw a few spaces that were added that i corrected in the new code... maybe that was the problem? other than that i don't know... =(

Try this...
BODY
{background:none;
background-repeat:repeat;
background-position:top;
background-attachment:scroll;
font-family:arial;
color: #000099;
letter-spacing:3pt;
font-weight:normal;
font-size:12pt;

direction:rtl;
scrollbar-face-color:#000099;
scrollbar-shadow-color:#99ffff;
scrollbar-highlight-color:#000099;
scrollbar-3dlight-color:#0000cc;
scrollbar-track-color:#000099;
scrollbar-arrow-color:#99ffff; }

td
{ font-family:arial;
color: #000099;
padding-left:2cm;
padding-right:2cm;
padding-top:2cm;
padding-bottom:2cm; }

input, textarea
{ background: #000099;
font-family:tahoma;
color: #ffffff;
border-style:dotted;
border-color:#99ffff;
border-width:5px }

If you're still having trouble or need to add more/change attributes, I suggest reading Lissa's page over again.

Wahoo! I got it! I compared the one you gave me and my own. I noticed some semi-colins that you had that I didn't. With a little bit of experimentation I got it right! Thank you so much. This is the best web help board ever ^_^ !

P.S. My mom installed web patrol, too. It blocks any page it doesn't recognize. Once I couldn't even get on disney.com!