                .accordion_toggle {
                        display: block;
                        height: 20px;
                        width: 846px; /* 836 816px 930px 20 less than accordion dimension (wrapper) due to padding */
                        /* background: url(images/accordion_toggle.jpg) no-repeat top right #999999; */
      background-color: #888;
                        padding: 0 0 0 0px; /*  was 0px 10px 0px 10px  */
                        line-height: 20px;
                        font-family: "tahoma", sans-serif; font-size:11px; /* Parthian was 11px 23/1/10 should be calibri */
            text-transform:uppercase;
                        text-decoration: none;
                        outline: none;
                        color: white;
                        cursor: pointer;
                        margin: 0px 0px 0px 0px;
      border-bottom: 1px solid silver;
                }
        .accordion_toggle_active {
                        /*background: url(images/accordion_toggle.jpg) no-repeat top right #d2d3d5; */
      background-color: #3CF; /*  #F3B044 Orange banner 3CF or technology blue #01A5E4 */
                        color: black;
                }
                .accordion_content {
                        /* 300 deep - created using GIMP with Blend ending in D4D4D4 */
            display: none; /* Hide all until ready */
            background: url(../icons/blackgrey500.png) repeat;
            color: white;
            overflow: hidden;
            padding: 0px 0px 0px 0px; /* top/bottom padding causes the accordion to close with a jerk and scrollbar issues */
            font-family: "tahoma", sans-serif; font-size:11px; /* Parthian was 11px 23/1/10 should be calibri */
            line-height: 130%; /*  Attempt to make a nice gap  */
            margin-left: auto; margin-right: auto;
            margin-top: 0px; margin-bottom: 0px;
            width: 846px; /* Same as value in accordion constructor */
            height: 396px; /* Same as value in accordion constructor */
                }

          /* Don't think this is required
                        .accordion_content h2 {
                                margin: 15px 0 5px 10px;
                                color: #0099FF;
                        }
                  */

                        .accordion_content p {
                                /*line-height: 150%;*/
                                /*padding: 5px 10px 15px 10px;*/
                        }

                .vertical_accordion_toggle {
                        display: block;
                        height: 25px;
                        width: 775px;
                        background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
                        padding: 0 10px 0 10px;
                        line-height: 25px;
                        color: #999999;
                        font-weight: normal;
                        text-decoration: none;
                        outline: none;
                        font-size: 12px;
                        color: #000000;
                        border-bottom: 1px solid #cde99f;
                        cursor: pointer;
                        margin: 0 0 0 0;
                }
                .vertical_accordion_toggle_active {
                        background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
                        color: #999999;
                        border-bottom: 1px solid #f68263;
                }
                .vertical_accordion_content {
                        background-color: #ffffff;
                        color: #444444;
                        overflow: hidden;
                }
                .vertical_accordion_content h2 {
                                margin: 15px 0 5px 10px;
                                color: #0099FF;
                        }
                        .vertical_accordion_content p {
                                /*line-height: 150%;
                                padding: 5px 10px 15px 10px;*/
                        }

                /*
                        Horizontal Accordion
                */

                .horizontal_accordion_toggle {
                        /* REQUIRED */
                        float: left;        /* This make sure it stays horizontal */
                        /* REQUIRED */
                        display: block;
                        height: 100px;
                        width: 30px;
                        background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
                        color: #ffffff;
                        text-decoration: none;
                        outline: none;
                        border-right: 1px solid #cde99f;
                        cursor: pointer;
                        margin: 0 0 0 0;
                }

                .horizontal_accordion_toggle_active {
                        background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
                        border-right: 1px solid #f68263;
                }

                .horizontal_accordion_content {
                        /* REQUIRED */
                        height: 100px;        /* We need to define a height for the accordion as it stretches the width */
                        float: left;        /* This make sure it stays horizontal */
      width: 450px; /* CSS Validator requires this - just a random value for now */
                        /* REQUIRED */

                        overflow: hidden;
                        background-color: #ffffff;
                        color: #444444;
                }

                        .horizontal_accordion_content p {
                                width: 450px;
                                line-height: 150%;
                                padding: 5px 10px 15px 10px;
                        }


    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;
      height: 100px;
    }

    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }