html, body {
    border:  0px;
    margin:  0px;
    padding: 0px;
    width:   100%;
    height:  100%;
    background-color:    #dde0e5;
    background-image:    url("../images/background.jpg");
    background-position: 0px 0px;
    background-repeat:   no-repeat;
}

#container {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    100%;
    height:   100%;
    position: relative;
}

#page {
    border:   0px;    
    margin:   0px 0px 0px -385px;
    padding:  0px;
    width:    775px;
    height:   800px;
    position: absolute;
    top:      0px;
    left:     50%;
    background-color:    #eceeed;
    background-image:    url("../images/homepagebg.jpg");
    background-position: top left;
    background-repeat:   repeat-x;
}

#header {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    775px;
    height:   245px;
    position: relative;
    top:      0px;
    left:     0px;
}

#logo {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    199px;
    height:   52px;
    position: relative;
    top:      0px;
    left:     0px;
    background-image:    url("../images/logo.jpg");
    background-position: top left;
    background-repeat:   no-repeat;
}

#seo {
    border:      0px;
    margin:      10px 0px 0px 0px;
    padding:     0px;
    width:       185px;
    height:      183px;
    position:    relative;
    top:         0px;
    left:        15px;
    font-family: verdana;
    font-size:   12px;
    font-weight: bold;
    color:       #ffffff;
    text-align:  center;
}

#banner {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    575px;
    height:   245px;
    position: absolute;
    top:      0px;
    left:     200px;
}

#divider {
    border:  0px;
    margin:  0px;
    padding: 0px;
    width:   775px;
    height:  1px;
    background-image:    url("../images/homepagedivider.gif");
    background-position: top left;
    background-repeat:   repeat-x;
}

#ups {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    239px;
    height:   26px;
    position: absolute;
    top:      246px;
    left:     0px;
    background-image:    url("../images/homepageups.jpg");
    background-position: top left;
    background-repeat:   no-repeat;
}

#areasdivider {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    535px;
    height:   17px;
    position: absolute;
    top:      246px;
    left:     239px;
    background-image:    url("../images/homepageareasdivider.gif");
    background-position: top left;
    background-repeat:   no-repeat;
}

#areas {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    535px;
    height:   12px;
    position: absolute;
    top:      263px;
    left:     250px;
}

.area {
    border:          0px;
    margin:          0px 13px 0px 13px;
    padding:         0px;
    height:          12px;
    float:           left;
    font-family:     arial;
    font-size:       12px;
    font-weight:     bold;
    text-decoration: none;
    color:           #ffffff;
}

    .area:hover {
        color: #b00a38;
    }

#body {
    border:   0px;
    margin:   0px;
    padding:  10px;
    width:    755px;
    height:   540px;
    position: absolute;
    top:      275px;
    left:     0px;
}

    * html #body { /* IE box hack. */
        width:  775px;
        height: 560px;
    }

#content {
    border-top:    4px solid #c4d2dd;
    border-right:  4px solid #dce5ea;
    border-bottom: 4px solid #e0e7ed;
    border-left:   4px solid #d5dee7;
    margin:        0px;
    padding:       20px 5px 5px 5px;
    width:         384px;
    height:        242px;
    position:      absolute;
    top:           28px;
    left:          18px;
    font-family:   arial;
    font-size:     12px;
    font-weight:   bold;
    color:         #000000;
    text-align:    center;
    background-image:    url("../images/homepagecontentbg.jpg");
    background-position: top left;
    background-repeat:   repeat-x;
    background-color:    #b9c9d8;
}

    * html #content { /* IE box hack. */
        width:  392px;
        height: 270px;
    }

    #content p {
        margin: 0px 0px 8px 0px;
    }

    #content a {
        border:      0px;
        margin:      0px;
        padding:     0px;
        font-family: arial;
        font-size:   11px;
        color:       #38658c;
    }

#upcoming {
    border-top:    4px solid #c4d2dd;
    border-right:  4px solid #dce5ea;
    border-bottom: 4px solid #e0e7ed;
    border-left:   4px solid #d5dee7;
    margin:        0px;
    padding:       5px;
    width:         292px;
    height:        125px;
    position:      absolute;
    top:           193px;
    left:          442px;
    font-family:   arial;
    font-size:     13px;
    color:         #000000;
}

    * html #upcoming { /* IE box hack. */
        width:  308px;
        height: 143px;
    }

    #upcoming p {
        margin: 0px 0px 4px 0px;
    }

#read {
    border:           0px;
    margin:           0px;
    padding:          0px;
    width:            88px;
    height:           16px;
    position:         absolute;
    top:              -4px;
    right:            -4px;
    text-align:       center;
    background-color: #c4d2dd;
}

#read a {
    border:          0px;
    margin:          0px 0px 0px 5px;
    padding:         0px;
    font-family:     arial;
    font-size:       12px;
    font-weight:     bold;
    color:           #7e7c7f;
    line-height:     16px;
    text-align:      center;
    text-decoration: none;
}

#img1 {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    310px;
    height:   150px;
    position: absolute;
    top:      28px;
    left:     442px;
    background-image:    url("../images/homepage1.jpg");
    background-position: top left;
    background-repeat:   no-repeat;
}

#slogan {
    border:      0px;
    margin:      0px;
    padding:     0px;
    width:       384px;
    position:    absolute;
    top:         310px;
    left:        18px;
    font-family: arial;
    font-size:   14px;
    font-weight: bold;
    color:       #7a9ab3;
    text-align:  center;
}

#copyright {
    border:      0px;
    margin:      0px;
    padding:     0px;
    width:       775px;
    height:      40px;
    position:    absolute;
    bottom:      130px;
    left:        0px;
    font-family: arial;
    font-size:   10px;
    font-weight: bold;
    text-align:  center;
    color:       #7e7c7f;
}

    #copyright a {
        border:      0px;
        margin:      0px;
        padding:     0px;
        font-family: arial;
        font-weight: bold;
        font-size:   10px;
        color:       #38658c;
    }

form {
    border:  0px;
    margin:  0px;
    padding: 0px;
}

p {
    border:  0px;
    margin:  0px 0px 10px 0px;
    padding: 0px;
}

.bold {
    font-weight: bold;
}

.orange {
    color: #ff5b01;
}