For some reason, my CSS isn't working. It has a white background, though my text is the right color. My scrollbar isn't working either. What's wrong?



<style type="text/css">

A:link
{ text-decoration: underline; color:#4757A3; }
A:visited
{ text-decoration: line-through; color:#7A87C5; }
A:active
{ text-decoration: overline; color:#7A87C5; }
A:hover
{ text-decoration: overline; color:#7A87C5; }

background-color: #DFE6F6;

cursor: crosshair;}

h1 {font-family: Arial;
color: #7A87C5;

p {font-family: arial;
color: #7A87C5;

body
{ background: #DFE6F6;
font-family: arial;
color: #7A87C5 ;
letter-spacing: 2pt;
font-weight: normal;
font-size: small;


scrollbar-face-color : #DFE6F6;
scrollbar-highlight-color : #DFE6F6;
scrollbar-3dlight-color : #DFE6F6;
scrollbar-shadow-color : #7A87C5;
scrollbar-darkshadow-color : #DFE6F6;
scrollbar-track-color : #DFE6F6;
scrollbar-arrow-color : #7A87C5;

}

td
{ font-family: arial; [
color: #7A87C5;
border:1;
width: 593;
bordercolor: #7A87C5;
cellspacing: 0
height: 119 }



</style>

<style type="text/css">

A:link
{text-decoration: underline;
color: #4757A3;}

A:visited
{text-decoration: line-through;
color: #7A87C5;}

A:active
{text-decoration: overline;
color: #7A87C5;}

A:hover
{text-decoration: overline;
color: #7A87C5;}

h1 {font-family: Arial;
color: #7A87C5;}

p {font-family: arial;
color: #7A87C5;}

body
{background-color: #DFE6F6;
font-family: arial;
color: #7A87C5;
letter-spacing: 2pt;
font-weight: normal;
font-size: small;

scrollbar-face-color: #DFE6F6;
scrollbar-highlight-color: #DFE6F6;
scrollbar-3dlight-color: #DFE6F6;
scrollbar-shadow-color: #7A87C5;
scrollbar-darkshadow-color: #DFE6F6;
scrollbar-track-color: #DFE6F6;
scrollbar-arrow-color: #7A87C5;}

td
{font-family: arial;
color: #7A87C5;
border: 1px #7A87C5;}
</style>