I can't get the shadow text to work on my external style sheet-I have NO IDEA what I'm doing wrong and have been on multiple tutorials. Please help!

<style type="text/css">

<!--

body {
scrollbar-3dlight-color: blue;
scrollbar-arrow-color: #FF4BC8;
scrollbar-base-color: blue;
scrollbar-darkshadow-color: #FF4BC8;
scrollbar-face-color: blue;
scrollbar-highlight-color: blue;
scrollbar-shadow-color: blue;
scrollbar-track-color: blue;
}
body {direction:rtl;}
-->

<!--
body,tr,td
{font-size: 8pt;
font-family: verdana;
text-align: justify;
color:#FF5AF7;
line-height:12px;
letter-spacing:0pt;
filter:shadow(color=#ffffff,direction=135,strength =2)}
textarea, input {
font-family: verdana;
font-size: 8pt;
color:#FF5AF7;
background:transparent;
border-style: groove;
border-color: hotpink;}
-->

<!--
A:link{COLOR: #FF5AF7; TEXT-DECORATION: none; font-weight: normal}
A:visited{COLOR: #FF5AF7; TEXT-DECORATION: none; font-weight: normal}
A:hover{COLOR: #FFBDFF; TEXT-DECORATION:underline overline; }
-->

<!--
BODY {background-image: url(http://snicker-boppers.net/fantasylove/miki/main.gif); background-attachment: fixed}
-->


</style>

It could be the )} but I'm not sure. Usually when I have this type of problem I like to go back through and doublecheck the entire code. If that doesn't work maybe try one part of the style code at a time to see if something is conflicting, basic troubleshooting like that.

you can try this:

<style type="text/css">

<!--

body {
scrollbar-3dlight-color: blue;
scrollbar-arrow-color: #FF4BC8;
scrollbar-base-color: blue;
scrollbar-darkshadow-color: #FF4BC8;
scrollbar-face-color: blue;
scrollbar-highlight-color: blue;
scrollbar-shadow-color: blue;
scrollbar-track-color: blue;
}
body {direction:rtl;}
-->

<!--
body,tr,td,table
{font-size: 8pt;
font-family: verdana;
text-align: justify;
color:#FF5AF7;
line-height:12px;
letter-spacing:0pt;
filter:shadow(color=#f
fffff,direction=135,stren
gth=2)}
textarea, input {
font-family: verdana;
font-size: 8pt;
color:#FF5AF7;
background:transparent;
border-style: groove;
border-color: hotpink;}
-->

<!--
A:link{COLOR: #FF5AF7; TEXT-DECORATION: none; font-weight: normal}
A:visited{COLOR: #FF5AF7; TEXT-DECORATION: none; font-weight: normal}
A:hover{COLOR: #FFBDFF; TEXT-DECORATION:underline overline; }
-->

<!--
BODY {background-image: url(http://snicker-boppers.net/fantasylove/miki/main.gif); background-attachment: fixed}
-->


</style>

note: everytime you want your text to have shadow, use:
<table><tr><td>
TEXT TEXT TEXT TEXT ETC ETC ...
</td></tr></table>

Hope that helps :)