Well as I have said i have been reading tutorails I finally came up with a code of sorts.

The idea is that at the top you enter a season and the scroll-bar changes to that season.

Well here is what i have right now

<script type="text/javascript">
<!--
var season="none";


if(season==winter)
<style type="text/css">
body {
   scrollbar-base-color: #000000;
   scrollbar-arrow-color: #000000;
   scrollbar-face-color: #00aa28;
   scrollbar-track-color: #de0404;
   scrollbar-shadow-color: #de0404;
   scrollbar-highlight-color: #00aa28;
   scrollbar-darkshadow-color: #de0404;
   scrollbar-3dlight-color: #00aa28;
}
</style>

if(season==fall)
<style type="text/css">
body {
   scrollbar-base-color: #000000;
   scrollbar-arrow-color: #a07500;
   scrollbar-face-color: #ffba00;
   scrollbar-track-color: #ffba00;
   scrollbar-shadow-color: #503a00;
   scrollbar-highlight-color: #a07500;
   scrollbar-darkshadow-color: #a07500;
   scrollbar-3dlight-color: #ffba00;
}
</style>

if(season==summer)
<style type="text/css">
body {
   scrollbar-base-color: #000000;
   scrollbar-arrow-color: #000000;
   scrollbar-face-color: #ff0000;
   scrollbar-track-color: #ffe400;
   scrollbar-shadow-color: #ffe400;
   scrollbar-highlight-color: #ff0000;
   scrollbar-darkshadow-color: #ff0000;
   scrollbar-3dlight-color: #ffe400;
}
</style>

if(season==spring)
<style type="text/css">
body {
   scrollbar-base-color: #000000;
   scrollbar-arrow-color: #000000;
   scrollbar-face-color: #00ff06;
   scrollbar-track-color: #00d7f7;
   scrollbar-shadow-color: #00d7f7;
   scrollbar-highlight-color: #00ff06;
   scrollbar-darkshadow-color: #00ff06;
   scrollbar-3dlight-color: #ffe400;
}
</style>

I just need to know how you put the Css into javascript. If it is possible please tell me