/*
 * For subclasses, override background-image. For oversized titles,
 * reduce margin-top from its default (37px) for each pixel over size.
 * The object is to keep the title's basline in line with that of the
 * crest, so margin-top values may vary (with descenders, for example).
 */
#headertitle {
    background: url(../../graphics/titles/future-students.gif) no-repeat top right;
}


/*
 * Your factulty/school colour
 */
#headercontainer {
    border-top: 3px solid #7AC4D9;
}
#bodycontainer #pagebanner .copy {
    border-left: 15px solid #7AC4D9;
}


#pagebanner {
    background: #7AC4D9 url(../../graphics/sites/future-students/pagebanner.gif) no-repeat top right;
}
#pagebanner h1 {
    position: absolute;
    font-size: 1px;
    left: 0;
    top: 0;
    visibility: hidden;
}
#pagebanner h2 {
    padding: 8px 0 6px 0;
    margin: 0;
    color: white;
}


#navcontainer li.external {
    margin: 0 0 6px 0;
    background: url(../../graphics/search-background.gif) repeat-x bottom;
    color: white;
}
#navcontainer li.external a,
#navcontainer li.external a.pageon,
#navcontainer li.external a:visited.pageon,
#navcontainer li.external a:visited {
    /*color: white;*/
}
#navcontainer li.external a {
    background-image: url(../../graphics/nav-arrow-back.gif);
}