asp.net - How to apply css style in a Calendar

How to use Calendar CssClass in asp.net
HowToUseCalendarCssClass.aspx

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

<!DOCTYPE html>

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to use Calendar CssClass in asp.net</title>
    <style type="text/css">
        .CalendarCssClass
        {
            background-color:OliveDrab;
            font-family:Century;
            font-style:italic;
            text-transform:lowercase;
            width:750px;
            border:1px solid Olive;
            }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Crimson; font-style:italic;">
            How to use Calendar CssClass in asp.net
        </h2>
        <hr width="600" align="left" color="Pink"/>
        <br />
        <asp:Calendar
            ID="Calendar1" 
            runat="server"
            NextPrevFormat="ShortMonth"
            SelectionMode="DayWeekMonth"
            SelectMonthText="Month"
            SelectWeekText="Week"
            DayNameFormat="Full"
            ForeColor="Snow"
            ShowGridLines="true"
            CssClass="CalendarCssClass"
            >
        </asp:Calendar>
    </div>
    </form>
</body>
</html>