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:   100%;
    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:        248px;
    position:      relative;
    top:           0px;
    left:          0px;
    background-image:    url("../images/headerbg.jpg");
    background-position: top left;
    background-repeat:   repeat-y;
}

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

#top {
    margin:   0px;
    padding:  0px;
    width:    773px;
    height:   49px;
    position: absolute;
    top:      0px;
    left:     0px;
    background-color: #ffffff;
}

#name {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    312px;
    height:   33px;
    position: absolute;
    top:      15px;
    left:     30px;
    background-image:    url("../images/name.jpg");
    background-position: top left;
    background-repeat:   no-repeat;
}

#buttons {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    138px;
    height:   30px;
    position: absolute;
    top:      10px;
    left:     625px;
}

    #buttons img {
        border:   0px;
        margin:   0px;
        padding:  0px;
        width:    138px;
        height:   30px;
    }

#logo {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    104px;
    height:   80px;
    position: absolute;
    top:      63px;
    left:     18px;
}

    #logo img {
        border:   0px;
        margin:   0px;
        padding:  0px;
        width:    104px;
        height:   80px;
    }

#videos {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    90px;
    height:   47px;
    position: absolute;
    top:      178px;
    left:     20px;
}

    #videos img {
        border:   0px;
        margin:   0px;
        padding:  0px;
        width:    90px;
        height:   47px;
    }

#title {
    border:      0px;
    margin:      0px;
    padding:     0px;
    width:       400px;
    height:      38px;
    position:    absolute;
    top:         49px;
    right:       20px;
    font-family: arial;
    font-size:   19px;
    line-height: 38px;
    text-align:  right;
    color:       #ffffff;
}

#banner {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    644px;
    height:   126px;
    position: absolute;
    top:      88px;
    right:    0px;
}

#areas {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    644px;
    height:   35px;
    position: absolute;
    bottom:   0px;
    right:    0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#body {
    border:        0px;
    border-right:  0px;
    border-bottom: 1px solid #354964;
    border-left:   0px;
    margin:        0px;
    padding:       0px;
    width:         775px;
    position:      relative;
    top:           0px;
    left:          0px;
    float:         left;
    background-image:    url("../images/thementorcommunitybodybg.jpg");
    background-position: top left;
    background-repeat:   repeat-y;
}

#left {
    border:        0px;
    margin:        0px;
    padding:       0px;
    width:         130px;
    height:        500px;
    float:         left;
}

#right {
    border:        0px;
    margin:        0px;
    padding:       10px;
    width:         625px;
    float:         left;
}

    * html  #right { /* IE box hack. */
        width:  645px;
    }