Scrollbar colours

My css page goes like this:

[CODE]body {
margin: 10px;
padding: 10px;
font: 76% Verdana, sans-serif;
text-align: center;
background: #770202;

}

#container {
margin: 0 auto;
width: 842px;
border: #FFF 2px solid;
background: #8D0404;
}

#header {
height: 122px;
border-bottom: #fff 2px solid;
background: #fff url(“bannerred.png”) no-repeat center;
}

#header h1 {
margin: 0;
display: none;
}

#nav {
margin: 27px 0 0 0;
padding: 7px 0;
border-top: #fff 2px solid;
border-bottom: #FFF 2px solid;
background: #b30000;
}

#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#nav ul li {
display: inline;
margin: 0;
padding: 0;
}

#nav ul li a {
margin: 0;
padding: 10px;
font-size: 0.8em;
font-weight: bold;
color: #000;
text-decoration: none;
}

#nav ul li a:hover {
color: #fff;
}

iframe {
height: 600px;
width: 600px;
border: none;
}

#footer {
margin: 27px 0 0 0;
padding: 7px 0;
border-top: #FFF 2px solid;
background: #b30000;
}

#footer p {
margin: 0;
font-size: 0.8em;
color: #000;
}

#content {
margin: 30px auto 0;
height: 386px;
width: 600px;
border: #FFF 2px solid;
}
[/CODE]

Where would I put

[CODE]{

scrollbar-3dlight-color:red;
scrollbar-arrow-color:red;
scrollbar-base-color:red;
scrollbar-darkshadow-color:red;
scrollbar-face-color:red;
scrollbar-highlight-color:red;
scrollbar-shadow-color:red

}
[/CODE]

Also in #CSS _↴