body
{
    background: #edeeef;
    margin: 15px 0;
    font-family: Verdana,sans-serif;
    font-size: 0.7em;
    line-height: 135%;
}

a
{
    color: #4987de;
    text-decoration: none;
}

.sel a
{
    font-weight: bold;
}

a:hover
{
    color: #036;
    text-decoration: underline;
}

img
{
    border: 0;
}

h1
{
    font-size: 120%;
    margin-bottom: 0.5em;
}

h2, h3
{
    font-size: 105%;
    margin: 2em 0 0.5em 0;
}

h4
{
    font-size: 100%;
    margin: 1em 0 0 0;
}

p
{
    margin: 0.25em 0 0.75em 0;
}

table
{
    margin: 1.5em 0;
    border: 0;
}

tr
{
    vertical-align: top;
}

th
{
    text-align: left;
}

fieldset
{
    border: 0;
    padding: 0;
    margin: 1px 0;
}

input, textarea, button, select
{
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 10px !important;
    font-size: 11px;
    line-height: 11px;
    margin: 0 3px 0 0;
    vertical-align: middle;
}

button
{
    padding: 0px;
    background: #d1dfe8;
    border: 0;
    width: auto;
    overflow: visible;
}

button img
{
    margin-top: 1px;
}

legend
{
    font-size: 96%;
    font-weight: bold;
    color: #555;
    padding: 0 0 12px 0;
    margin: 0;
}

label
{
    vertical-align: middle;
}

label span
{
    display: block;
    float: left;
    clear: left;
    width: 35%;
}

.nbsp
{
    white-space: nowrap;
}

.img
{
    text-indent: -9999em;
    background-repeat: no-repeat;
    overflow: hidden;
}

.heading
{
    width: 406px;
    height: 32px;
    margin: 0 0 30px 0;
    border-bottom: 7px solid #f0f0f0;
}

.past .heading
{
    border-bottom: 7px solid #dfe2cf;
}

.title
{
    height: 24px;
    margin: 0 0 68px 0;
}

.rule
{
    border-top: 7px solid #f0f0f0;
    padding-top: 10px;
    margin-top: 10px;
}

.past .rule
{
    border-top: 7px solid #dfe2cf;
}

.clear
{
    clear: both;
}

.divider
{
    width: 406px;
    border-bottom: 7px solid #f0f0f0;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.past .divider
{
    border-bottom: 7px solid #dfe2cf;
}

.intro
{
    height: 60px;
    margin: 20px 0;
}

.home .heroimg
{
    padding-top: 118px;
    margin: 0 -30px;
}

.featureimg
{
    float: right;
    margin: 0 0 0 40px;
    width: 175px;
}

.icon
{
    display: block;
    padding-left: 48px;
    background-repeat: no-repeat;
    height: 48px;
}

.iconpdf { background-image: url(/img/common/icon-pdf.png) }
.icondoc { background-image: url(/img/common/icon-doc.png) }

.panel
{
    border-top: 7px solid #ccc;
    background-color: #f0f0f0;
    padding: 6px;
    font-size: 84%;
    line-height: 125%;
    color: #555;
}

.panel h2
{
    color: black;
}

.past .home .panel
{
    background-color: transparent;
    border-top: 0 none;
    margin-bottom: 50px;
}

.past .home .col
{
    background-repeat: no-repeat;
    padding-top: 36px;
    height: 174px;
}

.past .home .col p, .past .home .col h2
{
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    width: 108px;
    margin: 0 15px;
}

.past .home .col h2
{
    padding-top: 96px;
    color: white;
    font-weight: normal;
    font-size: 90%;
}

.past .home .col p
{
    padding-top: 24px;
}

.chart
{
    width: 100%;
    line-height: 115%;
    font-size: 90%;
    border-collapse: collapse;
    border-spacing: 0;
}

.chart td
{
    border-top: 1px solid #555;
    padding: 3px 15px 3px 0px;
}

.calendar
{
    width: 100%;
    line-height: 115%;
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: 1px solid #ccc;
}

.calendar thead th
{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid white;
    padding: 2px 5px 10px 5px;
}

.calendar tbody td, .calendar tbody th
{
    padding: 4px 5px;
    font-size: 84%;
    line-height: 120%;
    border-right: 1px solid white;
}

.rowon td { background-color: #f1f5fa; }
.rowon th { background-color: #d7dfe8; }
.rowoff td { background-color: #fbfcfd; }
.rowoff th { background-color: #dfe5eb; }

.documents
{
    line-height: 115%;
    margin-top: 14px !important;
}

.documents li
{
    padding-bottom: 14px;
}

.fileinfo
{
    font-size: 90%;
    color: #aaa;
}

.deptitle
{
    width: 406px;
    padding-bottom: 10px;
    border-bottom: 7px solid #f0f0f0;
    margin-bottom: 20px;
    font-size: 120%;
}

.info
{
    border-left: 6px solid #f0f0f0;
    border-bottom: 6px solid #f0f0f0;
    padding: 0 0 14px 14px;
    height: 142px;
    margin-bottom: 14px;
    font-size: 90%;
    line-height: 120%;
}

.info p
{
    margin: 0 0 0.5em 0;
}

.full
{
    width: 100%;
}

.half
{
    width: 50%;
}

.label
{
    width: 28%;
    float: left;
    display: block;
    clear: left;
    padding-top: 2px;
    margin-right: 4%;
    font-size: 90%;
    color: #777;
    font-weight: bold;
}

.errors
{
    border: 1px solid red;
    margin: 0 0 10px 0;
    background-color: #ffe699;
    padding: 3px 12px;
}

.errors li
{
    background: none;
    padding: 0;
}

.form
{
    margin: 20px 0;
    padding: 10px 10px 0 10px;
    background: #fafafa;
}

.past .form
{
    background: #dfe2cf;
}

.form a
{
    vertical-align: middle;
}

.element
{
    float: left;
    width: 64%;
    padding-bottom: 2px;
}

.frozen
{
    padding: 1px 0 2px 0;
}

.note
{
    padding: 6px 0 12px 0;
    font-size: 90%;
}

.section
{
    padding: 0 0 10px 0;
    border-top: 1px solid white;
}

.section h2
{
    margin-top: 0;
}

.date
{
    color: #888;
    font-size: 86%;
    font-weight: normal;
}

.hero
{
    margin: 0 0 10px 10px;
    float: right;
}

.preview
{
    padding-top: 135px;
    background-repeat: no-repeat;
    background-image: url(/img/common/preview.jpg);
}

.preview a
{
    background: white;
    display: block;
    padding-top: 20px;
}

.past .preview a
{
    background: #fdf7d9;
}

.news
{
    padding: 6px 0;
}

.news h3
{
    margin-top: 0;
}

.col2 .col
{
    width: 48%;
    margin-right: 4%;
    float: left;
}

.col3 .col
{
    width: 30%;
    margin-right: 3%;
    float: left;
}

.col2 .last, .col3 .last
{
    margin-right: 0 !important;
}

.col2 .first, .col3 .first
{
    clear: left;
}

.archive
{
    margin-bottom: 20px;
}

.top
{
    margin-top: 0;
}

.btm
{
    margin-bottom: 0;
}

#layout
{
    position: relative;
    margin: 0 auto;
    width: 932px;
    padding: 0 10px 28px 10px;
    background: #edeeef url(/img/common/bg-layout.png) no-repeat center bottom;
}

#box
{
    width: 872px;
    padding: 0 30px 20px 30px;
    background: white;
    position: relative;
}

.past #box
{
    background-color: #fdf7d9;
}

#content
{
    padding-top: 118px;
    width: 606px;
    float: right;
    min-height: 512px;
    overflow: visible;
}

#content.inset
{
    width: 406px;
    padding-right: 200px;
    background-repeat: no-repeat;
    background-position: right 190px;
}

#content ul
{
    margin: 20px 0;
    padding: 0;
}

#content ul li
{
    margin: 0;
    padding: 0 0 6px 10px;
    list-style-type: none;
    background: url(/img/common/bullet.png) no-repeat left top;
}

#content ul.link li
{
    background: url(/img/common/link.png) no-repeat left top;
}

#banner
{
    position: absolute;
    left: 0;
    top: 0;
    background: url(/img/common/logo.png) no-repeat;
    width: 932px;
    height: 118px;
}

.past #banner
{
    background: url(/img/common/logo-past.png) no-repeat;
}

#banner dl
{
    position: absolute;
    top: 34px;
    left: 552px;
    margin: 0;
    padding: 0;
}

#banner dd, #landing dd
{
    margin: 0;
    padding: 0;
    height: 25px;
    overflow: hidden;
    float: left;
    background-image: url(/img/common/microsite.png);
}

#banner dd a, #landing dd a
{
    display: block;
    padding-top: 25px;
    background-image: url(/img/common/microsite.png);
}

.past #banner dd, .past #landing dd
{
    background-image: url(/img/common/microsite-past.png);
}

.past #banner dd a, .past #landing dd a
{
    background-image: url(/img/common/microsite-past.png);
}

#banner dd a:hover, #landing dd a:hover
{
    background-image: none;
}

#banner_prospective, #banner_prospective.sel a { width: 125px; background-position: 0 -25px }
#banner_prospective a { background-position: 0 0 }
#banner_current, #banner_current.sel a { width: 146px; background-position: -125px -25px }
#banner_current a { background-position: -125px 0 }
#banner_past, #banner_past.sel a { width: 68px; background-position: -271px -25px }
#banner_past a { background-position: -271px 0 }

#landing
{
    padding: 30px 0 30px 410px;
}

#landing dl
{
    margin: 0;
    padding: 0;
}

#landing dd
{
    height: 70px;
}

#landing dd a
{
    padding-top: 70px;
}

.home #banner #banner_tagline
{
    float: none;
    position: absolute;
    top: 48px;
    left: -295px;
    width: 85px;
    height: 16px;
    background-image: url(/img/landing/tagline.png);
    text-indent: -999em;
}

#landing dd, #landing dd a { background-image: url(/img/landing/landing-nav.png) }
#landing #banner_prospective, #landing #banner_prospective.sel a { width: 176px; background-position: 0 -70px }
#landing #banner_prospective a { background-position: 0 0 }
#landing #banner_current, #landing #banner_current.sel a { width: 176px; background-position: -176px -70px }
#landing #banner_current a { background-position: -176px 0 }
#landing #banner_past, #landing #banner_past.sel a { width: 108px; background-position: -352px -70px }
#landing #banner_past a { background-position: -352px 0 }

#navigation
{
    width: 236px;
    float: left;
    padding: 118px 0 236px 0;
    background-position: left bottom;
    background-repeat: no-repeat;
}

#nav, #subnavigation
{
    float: left;
    margin: 0;
    padding: 0;
    font-size: 90%;
    line-height: 115%;
    font-weight: normal;
}

#nav
{
    width: 94px;
}

#nav dl
{
    border-right: 6px solid #e3e8ed;
    padding: 0 12px 0 0;
    margin: 0;
    height: 269px;
}

#nav dd
{
    width: 76px;
}

#nav dd a
{
    display: block;
    padding-bottom: 6px;
    background-position: 0 0;
}

.past #nav dd a
{
    color: #002e5f;
}

.past #nav dd a:hover
{
    color: #dfe2cf;
}

#nav dd.sel a
{
    background-position: -179px 0;
}

#nav dd a:hover
{
    background-image: none;
    text-decoration: none;
}

.past #nav dl
{
    border-right: 6px solid #dfe2cf;
}

#searchcontrol
{
    padding-left: 20px;
}

#nav_index, #nav_index a { background-image: url(/img/common/nav-home.png) }
#nav_about, #nav_about a { background-image: url(/img/common/nav-about.png) }
#nav_dates, #nav_dates a { background-image: url(/img/common/nav-dates.png) }
#nav_admissions, #nav_admissions a { background-image: url(/img/common/nav-admissions.png) }
#nav_prospectus, #nav_prospectus a { background-image: url(/img/common/nav-prospectus.png) }
#nav_keystage, #nav_keystage a { background-image: url(/img/common/nav-keystage.png) }
#nav_parent, #nav_parent a { background-image: url(/img/common/nav-parent.png) }
#nav_news, #nav_news a { background-image: url(/img/common/nav-news.png) }
#nav_community, #nav_community a { background-image: url(/img/common/nav-community.png) }
#nav_innovation, #nav_innovation a { background-image: url(/img/common/nav-innovation.png) }
#nav_vacancies, #nav_vacancies a { background-image: url(/img/common/nav-vacancies.png) }
#nav_contact, #nav_contact a { background-image: url(/img/common/nav-contact.png) }

#subnavigation
{
    font-size: 90%;
    width: 110px;
    margin-left: 20px;
    float: left;
}

#subnavigation h2
{
    font-size: 100%;
    margin: 0 0 10px 0;
}

#subnavigation dl
{
    padding-right: 18px !important;
    margin: 0 0 30px 0;
}

#subnavigation dd
{
    padding-bottom: 6px !important;
}

#subnavigation dd a
{
    color: #777;
    text-decoration: none;
}

#subnavigation dd a:hover
{
    color: #333;
}

#subnavigation dd.sel a
{
    color: #000;
    font-weight: bold;
}

#subnavigation ul
{
    margin-top: 28px;
}

#subhead_downloads
{
    margin: 60px 0 0 0;
    background-image: url(/img/subhead/downloads.png);
}

#navigation dd, #subnavigation dd, #footer dd
{
    margin: 0;
    padding: 0;
}

#newsflash
{
    margin: 0 0 20px 0;
    border: 1px solid #536a8c;
    padding: 38px 9px 9px 9px;
    height: 212px;
    color: #536a8c;
    background: url(/img/common/newsflash.png) no-repeat;
}

.past #newsflash
{
    background: url(/img/home/whoami.png) no-repeat;
}

#forthcoming
{
    position: absolute;
    left: 72px;
    top: 456px;
    background: url(/img/home/past-forthcoming-events.png) no-repeat;
    width: 129px;
    height: 106px;
    padding: 88px 20px 0 20px;
}

#postit
{
    position: absolute;
    left: 50px;
    top: 664px;
}

#gallery
{
    position: relative;
    overflow: hidden;
    width: 402px;
    height: 402px;
    background: #f0f0f0;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

#thumbnailscontainer
{
    border-top: 0;
    margin: 0;
    height: 402px;
    overflow: hidden;
    background: #f0f0f0;
}

#thumbnails, #newsimages
{
    border-top: 0;
    margin: 0;
}

#gallery_caption
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #fff;
    color: #222;
    z-index: 25;
    width: 606px;
}

#gallery_caption div
{
    padding: 12px 21px;
    color: #999;
}

#gallery_caption div span
{
    color: #128195;
}

#newsimages
{
    width: 406px;
    border-top: 7px solid #f0f0f0;
    padding-top: 7px;
}

.past #newsimages
{
    border-top: 7px solid #dfe2cf;
}

#thumbnails .thumbnail
{
    width: 56px;
    height: 56px;
    background: #ccc;
    float: left;
    margin: 0 3px 3px 0;
    overflow: hidden;
    text-align: center;
    line-height: 56px;
}

#newsimages .thumbnail
{
    float: left;
    margin: 0 10px 10px 0;
}

.linkBack
{
    top: 5px;
    left: 204px;
    width: 14px;
    background-image: url(/img/common/widget-up.png);
}

.linkNext
{
    top: 449px;
    left: 204px;
    width: 14px;
    background-image: url(/img/common/widget-dn.png);
}

#footer
{
    border-top: 7px solid #fff;
    color: #888;
    clear: both;
}

#footer a
{
    color: #888;
    font-weight: normal;
}

#footer a:hover
{
    color: #333;
}

#footer dl
{
    clear: both;
    border-top: 6px solid #f0f0f0;
    margin: 0;
    padding: 10px 0 0 0;
}

#footer dd
{
    font-size: 84% !important;
    float: left;
    margin: 0 7px 0 0;
    padding: 0 7px 0 0;
    border-right: 1px solid #aaa;
}

#footer dd.right
{
    float: right;
    margin: 0 0 0 7px;
    padding: 0 0 0 7px;
}

#footer dd.last, 
#footer dd.right
{
    border-right: none;
}

.past #footer
{
    border-top: 7px solid #fdf7d9;
}

.past #footer dl
{
    border-top: 6px solid #dfe2cf;
}

.news:after,
.row:after,
.col2:after,
.col3:after,
.last:after,
#box dl:after,
#banner dl:after,
#landing dl:after,
#thumbnails:after,
#newsimages:after,
#footer dl:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}