html, body {
    border:  0px;
    margin:  0px;
    padding: 0px;
    height:  700px;
    z-index: 0;
    background-color:    #e1e1e1;
    background-position: top left;
    background-repeat:   no-repeat;
    background-image:    url("../images/background.jpg");
}

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

#page {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    770px;
    min-height:   700px;
    position: relative;
    top:      0px;
    left:     0px;
    background-color: #ffffff;
}

#header {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    770px;
    height:   251px;
    position: relative;
}

    #name {
        border:   0px;
        margin:   0px;
        padding:  0px;
        width:    315px;
        height:   32px;
        position: absolute;
        top:      0px;
        left:     37px;
        background-image:    url("../images/name.gif");
        background-position: top left;
        background-repeat:   no-repeat;
    }

    #logo {
        border:   0px;
        margin:   0px;
        padding:  0px;
        z-index:  1;
        width:    79px;
        height:   95px;
        position: absolute;
        top:      18px;
        left:     360px;
    }

        #logo img {
            border:   0px;
            margin:   0px;
            padding:  0px;
            width:    79px;
            height:   95px;
        }

    #news {
        border:     0px;
        margin:     0px;
        padding:    0px;
        width:      314px;
        height:     32px;
        position:   absolute;
        top:        0px;
        right:      0px;
        text-align: right;
    }

        #news a {
            border:  0px;
            margin:  0px 13px 0px 0px;
            padding: 0px;
            text-decoration: none;
            font-family:     arial;
            font-size:       11px;
            font-weight:     bold;
            line-height:     29px;
            color:           #184264;
        }

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

    #title {
        border:   0px;
        margin:   0px;
        padding:  0px;
        z-index:  1;
        height:   37px;
        position: absolute;
        top:      205px;
        right:    328px;
        font-family: arial;
        font-size:   15px;
        font-weight: bolder;
        line-height: 37px;
        color:       #ffffff;
    }

    #menu {
        border:   0px;
        margin:   0px;
        padding:  0px;
        width:    314px;
        height:   219px;
        position: absolute;
        top:      32px;
        right:    0px;
        background-position: top left;
        background-repeat:   no-repeat;
    }

        #menu .column {
            border:      0px;
            margin:      0px;
            padding:     0px;
            float:       left;
            width:       50%;
            height:      100%;
        }

        #leftimage {
            border:  0px;
            margin:  4px 0px 12px 15px;
            padding: 0px;
            width:   126px;
            height:  106px;
            clear:   both;
        }

        #rightimage {
            border:  0px;
            margin:  4px 0px 7px 17px;
            padding: 0px;
            width:   126px;
            height:  106px;
            clear:   both;
        }

        #menu .left a {
            border:   0px;
            margin:   0px 0px 7px 8px;
            padding:  0px;
            width:    150px;
            height:   9px;
            display:  inline;
            overflow: hidden;
            float:    left;
            clear:    both;
            background-position: top left;
            background-repeat:   no-repeat;
        }

        * html  #menu .left a { /* IE box hack. */
            width: 147px;
        }

        #menu .right a {
            border:   0px;
            margin:   0px 0px 4px 34px;
            padding:  0px;
            width:    100px;
            height:   8px;
            display:  inline;
            overflow: hidden;
            float:    left;
            clear:    both;
            background-position: top left;
            background-repeat:   no-repeat;
        }

        #menu .left a:hover {
            background-position: -150px 0px;
        }

        #menu .right a:hover {
            background-position: -100px 0px;
        }

        #secondaryschoollink {
            background-image: url("../images/secondaryschoollink.gif");
        }

        #middleschoollink {
            background-image: url("../images/middleschoollink.gif");
        }

        #elementaryschoollink {
            background-image: url("../images/elementaryschoollink.gif");
        }

        #summereslcamplink {
            background-image: url("../images/summereslcamplink.gif");
        }

        #alumniandfriendslink {
            background-image: url("../images/alumniandfriendslink.gif");
        }

        #onlinegivinglink {
            background-image: url("../images/onlinegivinglink.gif");
        }

        #nccataglancelink {
            background-image: url("../images/nccataglancelink.gif");
        }

        #admissionslink {
            background-image: url("../images/admissionslink.gif");
        }

        #edlinelink {
            background-image: url("../images/edlinelink.gif");
        }

        #contactlink {
            background-image: url("../images/contactlink.gif");
        }

        #newsandeventslink {
            background-image: url("../images/newsandeventslink.gif");
        }

        #developmentlink {
            background-image: url("../images/developmentlink.gif");
        }

        #alumniloginlink {
            background-image: url("../images/alumniloginlink.gif");
        }

#submenu {
    border:      0px;
    margin:      3px 0px 0px 0px;
    padding:     0px;
    width:       100%;
    height:      16px;
    position:    relative;
    line-height: 16px;
    text-align:  right;
    background-position: top left;
    background-repeat:   repeat-y;
    background-image:    url("../images/submenu.jpg");
}

    #submenu a {
        border:  0px;
        margin:  0px 16px 0px 0px;
        padding: 0px 8px 0px 8px;
        float:   right;
        text-decoration: none;
        font-family:     arial;
        font-size:       12px;
        font-weight:     bold;
        color:           #ffffff;
    }

    #submenu a:hover {
        background-color: #686868;
        color:            #c0c0c0;
    }

#body {
    border:      0px;
    margin:      0px;
    padding:     0px;
    clear:       both;
    position:    absolute;
    width:       100%;
    height:      430px;
    font-family: verdana, arial;
    font-size:   11px;
    color:       #000000;
    background-position: top left;
    background-repeat:   no-repeat;
}

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

    #scrollbuttons {
        border:   0px;
        margin:   0px;
        padding:  0px;
        position: absolute;
        width:    20px;
        height:   47px;
        top:      0px;
        left:     530px;
        background-color: #686868;
        z-index:  1;
    }

        #up {
            border:   0px;
            margin:   0px;
            padding:  0px;
            position: relative;
            width:    20px;
            height:   24px;
            cursor:   pointer;
            background-position: top left;
            background-repeat:   no-repeat;
            background-image:    url("../images/scrollupbutton.gif");
        }

        #down {
            border:   0px;
            margin:   0px;
            padding:  0px;
            position: relative;
            width:    20px;
            height:   23px;
            cursor:   pointer;
            background-position: top left;
            background-repeat:   no-repeat;
            background-image:    url("../images/scrolldownbutton.gif");
        }

    #body #heading {
        border:      0px;
        margin:      0px;
        padding:     3px 0px 10px 20px;
        position:    relative;
        font-family: verdana, arial;
        color:       #000000;
    }

        #body #heading .large {
            font-size: 19px;
        }

        #body #heading .small {
            font-size: 12px;
        }

    #scrollbox {
        border:   0px;
        margin:   0px;
        padding:  0px;
        position: relative;
        width:    100%;
        height:   100%;
        overflow: hidden;
        top:      0px;
        left:     0px;
	    overflow: visible;
        
    }

    #content {
        border:   0px;
        margin:   0px;
        padding:  0px 20px 10px 20px;
        position: absolute;
        top:      0px;
        left:     0px;
	    overflow: visible;
        
    }

        #content a {
            border:  0px;
            margin:  0px;
            padding: 0px;
            text-decoration: none;
            font-family:     verdana, arial;
            font-size:       11px;
            color:           #0000ff;
        }

        #content a:hover {
            color: #ff0000;
        }

.topbutton {
    border:   0px;
    margin:   0px;
    padding:  0px;
    text-align: right;
}

.topbutton img {
    border:   0px;
    margin:   0px;
    padding:  0px;
    width:    18px;
    height:   34px;
}

.large {
    font-size: 17px;
}

.medium {
    font-size: 15px;
}

.small {
    font-size: 12px;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.blue {
    color: #184264;
}

.white {
    color: #ffffff;
}