html, body { height: 100%; }

body{
    background: #fff;
    font: 12px helvetica, arial, verdana, sans-serif;
    background: #999;
}

body, div, p, h1, h2, h3, h4, a, img{ margin: 0; padding: 0; }

img{ border: none; }

.clear{ clear: both; }
.grey { color: #404040; }
.red { color: #e11936; }

#container{
    width: 924px;
    position: relative;
    min-height: 100%;
    margin: 0 auto;
    background: #fff url('../images/bg_v2.jpg') top left repeat-x;
}

#content{
    padding-bottom: 90px;
}

#footer{
    background: #c01e2d url('../images/footer_v2.jpg') top left repeat-x;
    height: 62px;
    padding-top: 15px;
    line-height: 21px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 924px;
    color: #888;
}

    #footer a{
        color: #fff;
        text-decoration: none;
        padding: 0 3px;
    }

#header{
    height: 326px;
    background: #000 url('../images/header_v2.jpg') top left no-repeat;
    overflow: hidden;
    border-bottom: 2px solid #fff;
}

    #header img{
        width: 130px;
        height: 130px;
        float: left;
        margin-left: 20px;
    }

#left{
    background: url('../images/border_contain_v2.gif') top center no-repeat;
    width: 580px;
    min-height: 300px;
    float: left;
    padding: 10px;
}

    #left a{ color: #e11936; }

    #left h1, #left h3{
        font-size: 22px;
        margin-bottom: 10px;
    }

    #left h4{
        font-size: 17px;
        margin: 10px 0;
    }

    #left p{
        line-height: 17px;
        margin-bottom: 10px;
    }

    #left ul{ list-style-type: none; }

        #left ul li{
            margin-bottom: 10px;
            line-height: 16px;
        }

#main{
    padding: 20px;
}

#right{
    background: url('../images/border_contain_right_v2.gif') top center no-repeat;
    width: 245px;
    padding: 10px;
    min-height: 300px;
    float: right;
}
    #right h2{
        text-align: center;
        font-size: 18px;
        padding: 5px 0;
        margin-bottom: 10px;
        border-top: 3px solid #c7c7c7;
        border-bottom: 3px solid #c7c7c7;
        letter-spacing: 2px;
        margin-top: 5px;
    }

    #right ul{
        margin: 15px 0 0;
        padding: 0;
        list-style-type: none;
    }

        #right ul li{
            padding-left: 25px;
            background: url('../images/event_arrow_v2.jpg') top left no-repeat;
            color: #777;
            margin-bottom: 10px;
        }

            #right ul li a{
                color: #333;
            }

            #right ul li p{
                margin: 5px 0;
            }

#navigation{
    background: #000 url('../images/navigation_v2.jpg') top left repeat-x;
    height: 95px;
    overflow: hidden;
    width: 750px;
    float: right;
}

    #navigation ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-left: 50px;
    }

        #navigation ul li{
            float: right;
            line-height: 95px;
        }

            #navigation ul li a{
                color: #fff;
                text-decoration: none;
                display: block;
                padding: 0 25px;
                font-size: 14px;
                font-weight: bold;
            }

            #navigation ul li a:hover, #navigation ul li.active a{
                background: #000 url('../images/navigation_hover_v2.jpg') top left repeat-x;
            }