can someone help me figure out what went wrong here?

<STYLE TYPE="text/css">
<!--

a:link { text-decoration:none; color:#82CDD9; font-weight:bold }
a:active { text-decoration:line-through; color:#82CDD9; font-weight:bold }
a:visited { text-decoration:none; color:#82CDD9; font-weight:bold }
a:hover { text-decoration:none; color:#CDF3FC; font-weight:bold; filter: flipH; height:0; cursor:crosshair

body {
color:#CDF3FC;
font-size: 10px;
font-family: tahoma;
background-color:#5C8992;
background-image: none;
background-attachment : none;
line-height: 12px;
font-weight: normal;
}

{ scrollbar-face-color:#5C8992;
scrollbar-arrow-color:#CDF3FC;
scrollbar-shadow-color:#5C8992;
scrollbar-highlight-color: #CDF3FC;
scrollbar-3dlight-color:#5C8992;
scrollbar-darkshadow-color:#5C8992;
scrollbar-track-color:#5C8992;
}

background-color:#5C8992 }

-->
</style>

your { and }s are a little messed up ;)

<STYLE TYPE="text/css">
<!--

a:link { text-decoration:none; color:#82CDD9; font-weight:bold }
a:active { text-decoration:line-through; color:#82CDD9; font-weight:bold }
a:visited { text-decoration:none; color:#82CDD9; font-weight:bold }
a:hover { text-decoration:none; color:#CDF3FC; font-weight:bold; filter: flipH; height:0; cursor:crosshair; }

body {
color:#CDF3FC;
font-size: 10px;
font-family: tahoma;
background-color:#5C8992;
background-image: none;
background-attachment : none;
line-height: 12px;
font-weight: normal;

scrollbar-face-color:#5C8992;
scrollbar-arrow-color:#CDF3FC;
scrollbar-shadow-color:#5C8992;
scrollbar-highlight-color: #CDF3FC;
scrollbar-3dlight-color:#5C8992;
scrollbar-darkshadow-color:#5C8992;
scrollbar-track-color:#5C8992;

background-color:#5C8992 }

-->
</style>

you need a { before and a } after each section, and that's it. you were missing one after the a:hover section, and you had some extra ones in the body section.

*huggles* thx it worked!