@import url(Home.editor.css);
/* CSS classes used specifically for the Home.ascx skin */

div#HmpgTopNav {
    background-color: #BE1E2D;
    position: relative;
    min-height: 266px;
    _height: 266px; /* ie6 min-height */
}

    div#HmpgMenu {
        width: 248px;
        position: absolute;

        bottom: 33px;
        left: 0px;
    }
    
        /* homepage menu skin */
        .HmpgMenuSkin ul
        {
            list-style-type: none;
            margin: 0px;            
            padding: 0px;
        }
        
        .HmpgMenuSkin li {
            height: 33px;
            width: 161px;

            padding-left: 36px;
            
            background-image: url(gfx/HomeMenu01.gif);
            background-repeat: no-repeat;
            background-position: top left;
        }
                    
            .HmpgMenuSkin li a,
            .HmpgMenuSkin li a:hover,
            .HmpgMenuSkin li a:visited,
            .HmpgMenuSkin li a:active           
            {
                height: 33px;
                line-height: 33px;
                display: block;
                _display: inline-block;
                
                background-image: url(gfx/HomeMenu02.gif);
                padding-left: 26px;
                
                font-size: 16px;
                color: White;
                text-decoration: none;
            }
            
                .HmpgMenuSkin li a:hover
                {
                    font-weight: bold;
                }
                
        /*end menu skin */
                    
    div#HmpgTopArea {
        margin-left: 248px;
        margin-right: 50px;
    }
    
div#ContentArea {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    
    margin-top: 10px;
    margin-bottom: 10px;
}

    div#HmpgContentArea
    {
        clear: both;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;        
    }
    
    div#HmpgLeftArea,
    div#HmpgRightArea,
    div#HmpgMiddleArea
    {
        padding-left: 10px;
        padding-right: 10px;
        
        width: 246px;
        
        _overflow: hidden; /* dont expand the column in IE6 */
    }
    
    div#HmpgLeftArea {
        float: left;
        _display: inline;
    }
    
    div#HmpgRightArea {
        float: right;
        _display: inline;
    }
    
    div#HmpgMiddleArea {
        border-left: 1px solid black;
        border-right: 1px solid black;
        margin-left: 266px;
        margin-right: 266px;
        overflow: auto;
    }