html, body {
    border:  0px;
    margin:  0px;
    padding: 0px;
    width:   100%;
    height:  100%;
    z-index: 0;
    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:        88px;
    position:      relative;
    top:           0px;
    left:          0px;
    z-index:       1;
    background-color: #ffffff;
}

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

#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;
}

#slogan {
    border:      0px;
    margin:      0px;
    padding:     0px;
    width:       280px;
    height:      22px;
    position:    absolute;
    top:         10px;
    right:       0px;
    font-family: times;
    font-size:   14px;
    font-weight: bold;
    line-height: 14px;
    color:       #c0c0c0;
}

#logo {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    104px;
    height:   80px;
    position: absolute;
    top:      35px;
    right:    10px;
    z-index:  1;
}

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

#areas {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    773px;
    height:   35px;
    position: absolute;
    bottom:   0px;
    left:     0px;
    background-color: #426082;
}

    #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/videosbodybg.jpg");
    background-position: top left;
    background-repeat:   repeat-y;
}

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

#video {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    320px;
    height:   280px;
    position: absolute;
    top:      10px;
    left:     10px;
}

#default {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    320px;
    height:   240px;
    position: absolute;
    top:      10px;
    left:     10px;
}

#caption {
    border:   2px outset #70ae7f;
    margin:   0px;
    padding:  3px;
    width:    314px;
    height:   69px;
    position: absolute;
    top:      295px;
    left:     10px;
}

    * html  #caption { /* IE box hack. */
        width:  320px;
        height: 75px;
    }

#note {
    border:        0px;
    margin:        0px;
    padding:       0px;
    width:         246px;
    height:        46px;
    position:      absolute;
    top:           390px;
    left:          10px;
    background-image:    url("../images/videosnote.jpg");
    background-position: top left;
    background-repeat:   no-repeat;
}

#flash {
    border:        0px;
    margin:        0px;
    padding:       0px;
    width:         40px;
    height:        38px;
    position:      absolute;
    top:           390px;
    left:          270px;
}

#center {
    border:        0px;
    margin:        0px;
    padding:       0px;
    width:         310px;
    height:        700px;
    float:         left;
    background-image:    url("../images/videoscenterbg.jpg");
    background-position: top right;
    background-repeat:   no-repeat;
}

#title {
    border:        0px;
    margin:        0px;
    padding:       0px;
    width:         192px;
    height:        36px;
    position:      absolute;
    top:           6px;
    left:          365px;
    background-image:    url("../images/videostitle.jpg");
    background-position: top left;
    background-repeat:   no-repeat;
}

.thumbnail {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    100px;
    height:   75px;
    position: absolute;
}

    .thumbnail img {
        border:   0px;
        margin:   0px;
        padding:  0px;
        width:    100px;
        height:   75px;
    }

.left {
    left: 364px;
}

.right {
    left: 509px;
}

.divider {
    border:     0px;
    margin:     0px;
    padding:    0px;
    width:      246px;
    height:     4px;
    position:   absolute;
    left:       364px;
    visibility: hidden;
    background-image:    url("../images/videosdivider.jpg");
    background-position: top left;
    background-repeat:   no-repeat;
}

#right {
    border:  0px;
    margin:  0px;
    padding: 0px;
    width:   130px;
    height:  500px;
    float:   left;
    background-image:    url("../images/videosrightbg.jpg");
    background-position: top left;
    background-repeat:   no-repeat;
}