I’m trying to follow the instructions to put a rotating banner into my site. I’ve uploaded the unzipped file, made my images that are going to go in the only problem is that the code the tutorial tells you to put the script before and after isn’t in my css code. Could someone please help with this. I want it at the top please.

My css code is

Thanks in advance

/* ————————————————–
CSS Document For Leaves v1.0 – Anthonyy @ OSWD.org
————————————————– */

/* CONTAINER */

    #container {
        width: 750px;
        margin: 0 auto;
        font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
        font-size: 11px;
        line-height: 1.6em;
        color: #666;
        background: #FFFFF0;
    }

/* GENERAL MOJO AND MULA */

    h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 32px;
        color: #0053a1;
                    margin: 0 0 9px;
                    height: 90px;
        background: #FFFFF0;
        line-height:1.5;
    }

    h2 {
        color: #666666;
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
        background: #FFFFF0;
        line-height:1.5;
    }

    a {
        color:#0053a1;
        text-decoration: none;
    }

    a:hover {
        color:#0053a1;
        background-color: #F5F5F5;
    }


    form {
        font-size: 11px;
    }

    input {
        background-color: #FFF;
        color: #999999;
        border: 1px solid #CCC;
        font-size: 11px;
        padding: 3px;
    }

    .button {
        padding: 2px;
    }

/* HEADER ELEMENTS */

    #header {
        border-bottom: 4px solid #948979;
        padding-top: 10px;
        clear: both;
        margin-bottom: 10px;
    }


    /* the slogan */
    #header p { 
        margin-top: -20px;
        margin-left: 30px;
        color: #999999;
    }

/* NAVIGATION ELEMENTS */

     #navigation ul {
        margin-left: 0;
        padding-left: 0;
        list-style-type: none;          
        float: left;
        width: 140px;
    }

    #navigation a {
        display: block;
        padding: 5px;
        width: 140px;
        border-bottom: 1px solid #CCC;
    }

    #navigation a:link, #navlist a:visited {
        color:#0053a1;
        text-decoration: none;
    }

    #navigation a:hover {
        background: #000000 url(arrow.gif) 96% 50% no-repeat;
        background-color: #F5F5F5;
        color:#0053a1;
    }
    #active a:link {
        background: #000000 url(arrow.gif) 96% 50% no-repeat;
        background-color: #e4e4e4;
        color:#CC6714;
    }
    #active a:hover {
        background: #000000 url(arrow.gif) 96% 50% no-repeat;
        background-color: #e4e4e4;
        color:#CC6714;
    }
    #active a:visited {
        background: #000000 url(arrow.gif) 96% 50% no-repeat;
        background-color: #e4e4e4;
        color:#CC6714;
    }

/* THE SMALL BOX BELOW NAV */

    #navigation p {
        margin-top: 40px;
        padding: 5px;
        border-bottom: 1px dotted #CCC;
        border-top: 1px dotted #CCC;
    }

/* CONTENT ELEMENTS */

    #content {
        float: left;
        width: 560px;
        min-height:400px;
        height:auto !important;
        height:400px;
        margin-left: 40px;
        overflow-x:visible !important;          
        overflow-x:hidden;
    /*  margin-right: 200px;  */
    }

    #content p {
        line-height:1.5;
    /*  padding-bottom: 10px; */
    /*  border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */  */
    }

/* SIDEBAR ELEMENTS */

/* FOOTER ELEMENTS */

    #footer {
        margin-top: 20px;
        clear: both;
        background: #FFFFF0;
        padding: 0px 5px 0px 5px;
    }

    #footer p {
        color:#89817f;
        padding: 5px;
    }

    #footer p a {
        color: #89817f;
        border-bottom: 1px dotted #89817f;
    }

    #footer p a:hover {
        color: #FFFFFF;
        background: #070f11 url(Colourful-Bubbles-478546.jpeg);
    }

    /* And they lived happily ever after. The End. */



    /****************************** flyout menus ******************************/

    #weebly-menus .weebly-menu-wrap {
        z-index: 5000;
    }

    #weebly-menus .weebly-menu {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #weebly-menus .weebly-menu li {
        float: left;
        clear: left;
        width: 170px;
        text-align: left;
    }

    #weebly-menus .weebly-menu li a {
        position: relative;
        display: block;
        width: 100%;
        background: #e4e4e4;
        border-right: 1px solid #e4e4e4;
        border-left: 1px solid #e4e4e4;
        border-bottom: 1px solid #ccc;
        text-decoration: none;
        font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
        font-size: 11px;
        font-weight: normal;
        line-height:1;
        height:22px;
        padding:3px 3px 3px 3px;
        color: #cc6633;
    }

    #weebly-menus .weebly-menu li a:hover {
        background: #d4d3d3;
    }

    #weebly-menus span.weebly-menu-title {
        display: block;
        padding: 5px 10px;
    }

    #weebly-menus span.weebly-menu-more {
        background: transparent url(http://images.weebly.com/weebly/images/submenu_arrow.gif) no-repeat center top;
        display: block;
        position: absolute;
        right: 5px;
        top: 0;
        font-family: Courier;
        height: 28px;
        line-height: 28px;
        padding:1px 0 3px 0;
    }