asp.net - How to change an Accordion height and width

Accordion height and width
AccordionHeightWidth.aspx

<%@ Page Language="C#" AutoEventWireup="true" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html>

<script runat="server">
    void Page_Load()
    {
        Accordion1.Height = 350;
        Accordion1.Width = 600;
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Ajax Accordion: How to set change Accordion height width programmatically in asp.net</title>
    <style type="text/css">
        .HeaderCSS
        {
            color:Snow;
            background-color:IndianRed;
            font-size:large;
            padding-left:15px;
            padding-top:5px;
            border:solid 1px DarkRed;
            font-style:italic;
            font-weight:bold;
            height:35px;
            cursor:pointer;
            }
        .HeaderSelectedCSS
        {
            color:Snow;
            background-color:MediumOrchid;
            font-size:large;
            padding-left:15px;
            padding-top:5px;
            border:solid 1px DarkRed;
            font-style:italic;
            font-weight:bold;
            height:35px;
            }
        .ContentCss
        {
            background-color:DarkKhaki;
            padding:25px 25px 25px 25px;
            font-size:large;
            color:Snow;
            border:5px solid Khaki;
            font-family:MS Sans Serif;
            }                        
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DarkSeaGreen; font-style:italic;">Ajax Accordion example: How to set change Accordion<br /> height width programmatically in asp.net</h2>
        <hr width="600" align="left" color="DarkSeaGreen" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:Accordion 
            runat="server" 
            ID="Accordion1" 
            HeaderCssClass="HeaderCSS" 
            HeaderSelectedCssClass="HeaderSelectedCSS"
            ContentCssClass="ContentCss"
            AutoSize="Fill"
            >
            <Panes>
                <cc1:AccordionPane runat="server" ID="AccordionPane1">
                    <Header>Image Of Akebia</Header>
                    <Content>
                        <asp:Image ID="Image1" runat="server" ImageUrl="~/Image/Akebia.jpg" Height="250" />
                    </Content>
                </cc1:AccordionPane>
                <cc1:AccordionPane runat="server" ID="AccordionPane2">
                    <Header>Pane: 2</Header>
                    <Content>
                        This is second AccordionPane
                    </Content>
                </cc1:AccordionPane>
            </Panes>
        </cc1:Accordion>
    </div>
    </form>
</body>
</html>