My autoformat color-schemes are not working correctly on my gridview

Question

In the design view, it updates just fine, but some reason when I compile, it's extremely washed out and barely readable. Any idea why? Attached is the parameters to my gridview and a screen shot. I currently have the autumn option for auto format, so the header row should be a dark red, but instead I get this!

<asp:GridView ID="grdInspections" runat="server" OnRowEditing="grdInspections_RowEditing" AllowPaging="True"
        AllowSorting="True" AutoGenerateColumns="False"
        CellPadding="4" DataKeyNames="ID" 
        DataSourceID="ldsInspections" BackColor="White" BorderColor="#CC9966" 
        BorderStyle="None" BorderWidth="1px" HorizontalAlign="Left" Width="75px">
        <RowStyle BackColor="White" ForeColor="#330099" HorizontalAlign="Center" 
            VerticalAlign="Middle" />
        <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
        <PagerStyle BackColor="#FFFFCC" ForeColor="#330099" />
        <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="#663399" />
        <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="#FFFFCC" />

        <Columns>
        ...

Answer 1

Alright, so the only way it seems I'm able to alter the colors on this datagrid is by making a css class and then applying that to each column as a HeaderStyle-CssClass. But using a Headerstyle in the datagrid with and without a css class does not work. For now, I'm just going to copy and paste this headerStyle Css Class to each column, but there are like 30 of them so if anyone could maybe help me out with why this won't work in the headserstyle of the datagrid?

.gHeaderStyle {
    color: #FFFFCC;
    background-color: #990000;
}

.gHeaderStyle a:link { 
    color: #FFFFCC;
}