html, body {
    border:  0px;
    margin:  0px;
    padding: 0px;
    width:   100%;
    height:  100%;
    background-color: #bec7d0;
}

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

#page {
    border:   0px;    
    margin:   0px 0px 0px -385px;
    padding:  0px;
    width:    775px;
    height:   750px;
    position: absolute;
    top:      0px;
    left:     50%;
    background-color: #ffffff;
}

#header {
    border-top:       1px solid #354964;
    border-right:     1px solid #354964;
    border-bottom:    0px;
    border-left:      1px solid #354964;
    margin:           0px;
    padding:          0px;
    width:            773px;
    height:           167px;
    position:         relative;
    top:              0px;
    left:             0px;
    background-color: #093162;
}

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

#name {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    280px;
    height:   53px;
    position: absolute;
    top:      0px;
    left:     14px;
    background-image:    url("../images/homepagename.jpg");
    background-position: top left;
    background-repeat:   no-repeat;
}

#buttons {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    97px;
    height:   28px;
    position: absolute;
    top:      12px;
    left:     652px;
}

    #buttons img {
        border:  0px;
        margin:  0px;
        padding: 0px;
        width:   97px;
        height:  28px;
    }

#videos {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    74px;
    height:   35px;
    position: absolute;
    top:      53px;
    left:     34px;
}

    #videos img {
        border:  0px;
        margin:  0px;
        padding: 0px;
        width:   74px;
        height:  35px;
    }

#areas {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    665px;
    height:   35px;
    position: absolute;
    top:      53px;
    left:     108px;
}

    #areas a {
        border:   0px;
        margin:   0px;
        padding:  0px;
        height:   35px;
        display:  inline;
        overflow: hidden;
        float:    right;
        background-position: top left;
        background-repeat:   no-repeat;
    }

#aboutusarea {
    width: 80px;
    background-image: url("../images/homepageaboutusarea.jpg");
}

#curriculumarea {
    width: 85px;
    background-image: url("../images/homepagecurriculumarea.jpg");
}

    #curriculumarea:hover {
        background-position: -85px 0px;
    }

#extracurriculararea {
    width: 120px;
    background-image: url("../images/homepageextracurriculararea.jpg");
}

    #extracurriculararea:hover {
        background-position: -120px 0px;
    }

#admissionsarea {
    width: 80px;
    background-image: url("../images/homepageadmissionsarea.jpg");
}

    #admissionsarea:hover {
        background-position: -80px 0px;
    }

#newsandupdatesarea {
    width: 110px;
    background-image: url("../images/homepagenewsandupdatesarea.jpg");
}

    #newsandupdatesarea:hover {
        background-position: -110px 0px;
    }

#resourcesarea {
    width: 80px;
    background-image: url("../images/homepageresourcesarea.jpg");
}

    #resourcesarea:hover {
        background-position: -80px 0px;
    }

#thementorcommunityarea {
    width: 110px;
    background-image: url("../images/homepagethementorcommunityarea.jpg");
}

    #thementorcommunityarea:hover {
        background-position: -110px 0px;
    }

#banner {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    424px;
    height:   79px;
    position: absolute;
    top:      88px;
    left:     0px;
    background-image:    url("../images/homepagebanner.jpg");
    background-position: top left;
    background-repeat:   no-repeat;
}

#body {
    border-top:    0px;
    border-right:  1px solid #354964;
    border-bottom: 1px solid #354964;
    border-left:   1px solid #354964;
    margin:        0px;
    padding:       0px;
    width:         773px;
    height:        581px;
    position:      relative;
    top:           0px;
    left:          0px;
    float:         left;
}

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

#left {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    125px;
    height:   283px;
    position: relative;
    float:    left;
    z-index:  1;
    background-image:    url("../images/homepageleftbg.jpg");
    background-position: top left;
    background-repeat:   repeat-x;
}

#center {
    border:      0px;
    margin:      0px;
    padding:     10px;
    width:       279px;
    height:      263px;
    overflow:    hidden;
    position:    relative;
    float:       left;
    font-family: arial;
    font-size:   11px;
    color:       #ffffff;
    background-image:    url("../images/homepagecenterbg.jpg");
    background-position: top left;
    background-repeat:   repeat-x;
}

    * html #center { /* IE box hack. */
        width:    299px;
        height:   283px;
    }

    #center a {
        border:      0px;
        margin:      0px;
        padding:     0px;
        font-family: arial;
        font-size:   10px;
        color:       #ffffff;
    }

#animation {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    350px;
    height:   362px;
    position: absolute;
    top:      89px;
    left:     424px;
}

#bottom {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    773px;
    height:   298px;
    position: relative;
    float:    left;
    background-image:    url("../images/homepagebottombg.jpg");
    background-position: top left;
    background-repeat:   repeat-x;
}

#logo {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    108px;
    height:   88px;
    position: absolute;
    top:      15px;
    left:     332px;
    background-image:    url("../images/homepagelogo.jpg");
    background-position: top left;
    background-repeat:   no-repeat;
}

#maincampus {
    border:      0px;
    margin:      0px;
    padding:     0px;
    width:       125px;
    height:      105px;
    position:    absolute;
    top:         15px;
    left:        175px;
    font-family: tahoma;
    font-size:   12px;
    text-align:  center;
    color:       #ffffff;
}

    #maincampus p {
        border:      0px;
        margin:      0px 0px 10px 0px;
        padding:     0px;
        font-family: tahoma;
        font-size:   13px;
        font-weight: bold;
        text-align:  center;
        color:       #ffffff;
    }

#primarycampus {
    border:      0px;
    margin:      0px;
    padding:     0px;
    width:       130px;
    height:      105px;
    position:    absolute;
    top:         15px;
    left:        478px;
    font-family: tahoma;
    font-size:   12px;
    text-align:  center;
    color:       #ffffff;
}

    #primarycampus p {
        border:      0px;
        margin:      0px 0px 10px 0px;
        padding:     0px;
        font-family: tahoma;
        font-size:   13px;
        font-weight: bold;
        text-align:  center;
        color:       #ffffff;
    }

#divider {
    border:           0px;
    margin:           0px;
    padding:          0px;
    width:            396px;
    height:           1px;
    position:         absolute;
    top:              120px;
    left:             188px;
    line-height:      1px;
    font-size:        1px;
    background-color: #3d5b7d;
}

#copyright {
    border:      0px;
    margin:      0px;
    padding:     0px;
    width:       773px;
    height:      15px;
    position:    absolute;
    bottom:      140px;
    left:        0px;
    font-family: arial;
    font-size:   11px;
    text-align:  center;
    color:       #ffffff;
}

    #copyright a {
        color:           #a0c3e3;
        text-decoration: none;
    }

    #copyright a:hover {
        text-decoration: underline;
    }