Hi I have all of my pages linked to my css but on my subpages the background is just white and it is supposed to be 669966 here is my css code!:

<LINK rel="stylesheet" type="text/css" href="webpagesettings.css">
<TITLE>externalstylesheet.css</TITLE>
<style type="text/css">

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

A:link
{ text-decoration: value none; color:#FFFFFF }
A:visited
{ text-decoration: value none; color:#FFFFFF }
A:active
{ text-decoration: value none; color:#FFFFFF }
A:hover
{ text-decoration: value underline overline; color:#FFFFFF;

background-color:#669966;
{background-color: 669966 filter: alpha(opacity=20)} ;

cursor:value crosshair }

font-family: Century Gothic, Verdana, Tahoma, Arial;
color: #FFFFFF;
font-weight:value; normal
font-size:value; 12 pt

scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #999966;
scrollbar-3dlight-color : #996699;
scrollbar-shadow-color : #669966;
scrollbar-darkshadow-color : #669966; scrollbar-track-color : #669966;
scrollbar-arrow-color : #FFFFFF }

input, textarea

font-family: century gothic;
color: #FFFFFF;
border-style: value, dashed;
border-color: #FFFFFF;
border-width: valuepx 5, 6, 8 }


-->
</style>


there what is wrong by the way an example page is umm http://www.lil-pink-angel.net/bubblegum/imood.html

please help!

You need a "body" attribute somewhere in there.

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

A:link
{ text-decoration: value none; color:#FFFFFF }
A:visited
{ text-decoration: value none; color:#FFFFFF }
A:active
{ text-decoration: value none; color:#FFFFFF }
A:hover
{ text-decoration: value underline overline; color:#FFFFFF; }

body
{background-color: 669966;
filter: alpha(opacity=20);
cursor:value crosshair;
font-family: Century Gothic, Verdana, Tahoma, Arial;
color: #FFFFFF;
font-weight:value; normal
font-size:value; 12 pt

scrollbar-face-color : #FFFFFF;
scrollbar-highlight-color : #999966;
scrollbar-3dlight-color : #996699;
scrollbar-shadow-color : #669966;
scrollbar-darkshadow-color : #669966; scrollbar-track-color : #669966;
scrollbar-arrow-color : #FFFFFF }

input, textarea

font-family: century gothic;
color: #FFFFFF;
border-style: value, dashed;
border-color: #FFFFFF;
border-width: valuepx 5, 6, 8 }


-->
</style>

You had two background-color tags in there, I took one out because I really had no clue where it was supposed to be. :)