Problem using wp-nicescroll plugin in WordPress site

I’ve this personal wordpress site: http://www.RagaBhakti.com where I’m trying to replace the ugly vertical and horizontal scroll bars with nicescroll. I went to http://wordpress.org/extend/plugins/wp-nicescroll/installation/ and installed and activated the nicescroll plugin.

Since I’m new to WordPress, I don’t know what the next steps are in order to see the scroll bars change to nicescroll. If there is some Jquery stuff that needs to be added to the actual pages, it would be helpful to know in detail how to go about doing this.
Any help is greatly appreciated.

I’m including snippet of my style shit and header.php
============header.php===================
<script type=”text/javascript”>

$(document).ready(

function() {
$(“body”).niceScroll();
$(“primary_content_wrap”).niceScroll(“#c-content”, {cursorcolor:”#0F0″});

}

);

</script>
=================================================

============style.css===============
/* Content
—————————————- */

.primary_content_wrap {
position: relative;
z-index: 1;
margin: 0;
}

.primary_content_wrap #indent {
padding: 0;
}

.primary_content_wrap .col-1 {
float: left;
width: 454px;
padding: 0;
overflow: hidden;
}

.primary_content_wrap .col-2 {
float: left;
width: 268px;
height: 630px;
border: 0px #000 solid;
margin: 20px 0 0 408px;
}
#top {margin: 0; padding: 0; height: 25px;}
#top img {float: right;}
#c-content {background: url(‘images/home-c-bg-repeat.png’) repeat-y top center; border: 0px #0F0 solid; overflow: auto;
padding: 0; margin: 0; min-height: 620px; max-height: 620px}

.primary_content_wrap .col-2 #widget_text {
margin: 0;
padding: 0 10px 20px 10px;
color: #3a424a;
font-size: 11pt;
line-height: 14pt;
font-family: ‘Museo’, Georgia;
width: 230px;
}

.primary_content_wrap ul {
margin: 0;
padding: 0 0 18px 0;
}

.primary_content_wrap ul li {
padding: 0 0 0 24px;
line-height: 25px;
font-size: 13px;
color: #fff;
}

.primary_content_wrap ul li a {
text-decoration: none;
color: #fff;
font-weight: 300;
text-transform: uppercase;
font-family: ‘Museo’;
letter-spacing: 1px;
}

.primary_content_wrap ul li a:hover {
text-decoration: underline;
}

#content {
float: left;
width: 674px;
padding: 0 31px 0 0;
}

#content-sub {
float: left;
width: 600px;
padding: 0 31px 0 0;
}
==========================================================