/* CSS Reset - http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, a:active, abbr, address, em, font, img, strong, sub, sup, dl, dt, dd, ol, ul, li, form, label {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
ul { list-style : none; }
a:hover { text-decoration : none; }
table { border-collapse : collapse; border-spacing : 0; }

/* Structure Styles
----------------------------------------------------------------------------------------- */
body { background: #fff url('../images/bg-green.gif') repeat-x top left; min-width: 936px; text-align: center; }
#container { margin: 0 auto; text-align: left; width: 936px; }
#header { background: transparent url('../images/header-bg.png') repeat-y top left; height: 124px; }
#header img { position: relative; top: 10px; left: 25px; }
#content { float: left; background: transparent url('../images/content-bg.png') repeat-y top left; height: auto; }
#content-top { background: transparent url('../images/content-bg-top.png') no-repeat top left; height: 19px; width: 100%;  }
#main-content { padding: 0 20px; width: 906px; }
#left-nav { float: left; height: 100%; width: 155px; }
#center-content { float: left; height: 100%; margin: 0 0 5px 14px; width: 550px; }
#right-nav { float: right; width: 157px; margin-right: 15px; }
#footer { background: transparent url('../images/content-bg-bottom.png') no-repeat top left; float: left; padding: 20px 25px 10px; width: 886px; }
#footer span { float: right; clear: right; }

/* Navigation
----------------------------------------------------------------------------------------- */

/* 1st level */
#left-nav ul { float: left; width: 158px; }
#left-nav li a { background: transparent url('../images/nav/nav-green.png') no-repeat 0 0; float: left; width: 138px; line-height: 36px; }
#left-nav li a:hover { background-position: 0 -38px; }
#left-nav li a.overflow { padding-top: 0.4em; padding-bottom: 0.4em; }

/* 2nd Level */
li .submenu-head, li .submenu-foot { background-color: transparent; background-repeat: no-repeat; float: left; height: 21px; width: 156px; }
li .submenu-foot { height: 11px; }
li#nav-home li a, li#nav-preprep li a, li#nav-prep li a, li#nav-senior li a, li#nav-sixth li a, li#nav-equestrian li a, li#nav-boarding li a, li#nav-admissions li a, li#nav-pastoral li a { background-repeat: no-repeat; padding-left: 10px; width: 146px; }

/* 3rd level */
#left-nav li li ul a { height: 20px; vertical-align:middle; width: 140px; padding-left: 15px; }
#left-nav li li ul a img { padding-right: 5px; }

    /* Search
    ------------------------------------------------------------------*/
    #left-nav #search { background: transparent url('../images/search-box.png') no-repeat top left; clear: both; display: block; float: left; margin-left: 5px; width: 147px; }
    #left-nav #search div { border: 0; clear: none; }
    #left-nav #search input.textbox { border: 0; float: left; left: 10px; padding: 2px 4px 0 1px; position: relative; top: 4px; width: 100px; }
    #left-nav #search input.image { border: 0; float: right; height: 26px; width: 25px; }
    #left-nav #search input.image:hover { background-image: url('../images/search-hover.png'); }

    /* Menu Colours
    ------------------------------------------------------------------*/
    li#nav-home a { background-image: url('../images/nav/nav-green.png'); }
    li#nav-home a:hover { background-position: 0 -36px; }
    li#nav-home .submenu-head { background-image: url('../images/nav/green-subnav-header.png'); }
    li#nav-home li a { background: transparent url('../images/nav/green-subnav-bg.png') repeat top left; }
    li#nav-home .submenu-foot { background-image: url('../images/nav/green-subnav-footer.png'); }
    
    li#nav-preprep a { background-image: url('../images/nav/nav-turqoise.png'); }
    li#nav-preprep a:hover { background-position: 0 -38px; }
    li#nav-preprep .submenu-head { background-image: url('../images/nav/turqoise-subnav-header.png'); }
    li#nav-preprep li a { background: transparent url('../images/nav/turqoise-subnav-bg.png') repeat top left; }
    li#nav-preprep .submenu-foot { background-image: url('../images/nav/turqoise-subnav-footer.png'); }
    
    li#nav-prep a { background-image: url('../images/nav/nav-yellow.png'); }
    li#nav-prep a:hover { background-position: 0 -38px; }
    li#nav-prep .submenu-head { background-image: url('../images/nav/yellow-subnav-header.png'); }
    li#nav-prep li a { background: transparent url('../images/nav/yellow-subnav-bg.png') repeat top left; }
    li#nav-prep .submenu-foot { background-image: url('../images/nav/yellow-subnav-footer.png'); }
    
    li#nav-senior a { background-image: url('../images/nav/nav-red.png'); }
    li#nav-senior a:hover { background-position: 0 -38px; }
    li#nav-senior .submenu-head { background-image: url('../images/nav/red-subnav-header.png'); }
    li#nav-senior li a { background: transparent url('../images/nav/red-subnav-bg.png') repeat top left; }
    li#nav-senior .submenu-foot { background-image: url('../images/nav/red-subnav-footer.png'); }
    
    li#nav-sixth a { background-image: url('../images/nav/nav-blue.png'); }
    li#nav-sixth a:hover { background-position: 0 -38px; }
    li#nav-sixth .submenu-head { background-image: url('../images/nav/blue-subnav-header.png'); }
    li#nav-sixth li a { background: transparent url('../images/nav/blue-subnav-bg.png') repeat top left; }
    li#nav-sixth .submenu-foot { background-image: url('../images/nav/blue-subnav-footer.png'); }
    
    li#nav-equestrian a { background-image: url('../images/nav/nav-purple.png'); }
    li#nav-equestrian a:hover { background-position: 0 -38px; }
    li#nav-equestrian .submenu-head { background-image: url('../images/nav/purple-subnav-header.png'); }
    li#nav-equestrian li a { background: transparent url('../images/nav/purple-subnav-bg.png') repeat top left; }
    li#nav-equestrian .submenu-foot { background-image: url('../images/nav/purple-subnav-footer.png'); }
    
    li#nav-boarding a { background-image: url('../images/nav/nav-pink.png'); }
    li#nav-boarding a:hover { background-position: 0 -38px; }
    li#nav-boarding .submenu-head { background-image: url('../images/nav/pink-subnav-header.png'); }
    li#nav-boarding li a { background: transparent url('../images/nav/pink-subnav-bg.png') repeat top left; }
    li#nav-boarding .submenu-foot { background-image: url('../images/nav/pink-subnav-footer.png'); }
    
    li#nav-admissions a { background-image: url('../images/nav/nav-salmon.png'); }
    li#nav-admissions a:hover { background-position: 0 -38px; }
    li#nav-admissions .submenu-head { background-image: url('../images/nav/salmon-subnav-header.png'); }
    li#nav-admissions li a { background: transparent url('../images/nav/salmon-subnav-bg.png') repeat top left; }
    li#nav-admissions .submenu-foot { background-image: url('../images/nav/salmon-subnav-footer.png'); }
    
    li#nav-pastoral a { background-image: url('../images/nav/nav-brown.png'); }
    li#nav-pastoral a:hover { background-position: 0 -35px; }
    li#nav-pastoral .submenu-head { background-image: url('../images/nav/brown-subnav-header.png'); }
    li#nav-pastoral li a { background: transparent url('../images/nav/brown-subnav-bg.png') repeat top left; }
    li#nav-pastoral .submenu-foot { background-image: url('../images/nav/brown-subnav-footer.png'); }
    
    /* Admin Menu
    ------------------------------------------------------------------*/
    #left-nav li.coloured a { line-height: 2.2em; }
    #left-nav ul.submenu li.openchildmenu ul.nav { width: 157px; }
    #left-nav ul.submenu li.openchildmenu .submenu-head { background: transparent url('../images/nav/green-subnav-header.png') no-repeat top left; float: left; height: 21px; width: 157px; }
    #left-nav ul.submenu li.openchildmenu ul.nav { background: transparent url('../images/nav/green-subnav-bg.png') repeat top left; }
    #left-nav ul.submenu li.openchildmenu ul.nav li a { background: transparent; margin-left: 8px; width: 121px; line-height: 2.5em; }
    #left-nav ul.submenu li.openchildmenu ul.nav li a:hover { background-color: #007454; }
    #left-nav ul.submenu li.openchildmenu .submenu-foot { background: transparent url('../images/nav/green-subnav-footer.png') no-repeat top left; float: left; height: 11px; width: 157px; }

/* Boxes
----------------------------------------------------------------------------------------- */
.actionbox, .infobox, .errorbox { background: #CED9CB url(../_layout/icons/accept.png) no-repeat 7px 8px; border: solid 1px #1E3E3B; color: #1E3E3B; float: left; margin: 10px 0; padding: 8px 8px 8px 30px; }
.infobox { background: #CBCFD8 url(/_layout/icons/information.png) no-repeat 7px 8px; border: solid 1px #211fcb; color: #211fcb; }
.errorbox { background: #D8CFCB url(/_layout/icons/error.png) no-repeat 7px 8px; border: solid 1px #d31f1f; color: #d31f1f; }

/* Content
----------------------------------------------------------------------------------------- */
#contentbuttons { float: left; width: 560px; position: relative; left: -20px; top: 5px; }
#contentbuttons li { display: inline; }
#contentbuttons li a span { float: left; text-indent: -9999px;  }
#contentbuttons li a { background-repeat: no-repeat; background-position: 0 5px; float: left; height: 138px; width: 140px; }
#contentbuttons li a.end { margin-right: 0; }
#contentbuttons li a#preprep { background-image: url('../images/pre-prep-button.png'); }
#contentbuttons li a#prep { background-image: url('../images/prep-button.png'); }
#contentbuttons li a#senior { background-image: url('../images/senior-button.png'); }
#contentbuttons li a#sixthform { background-image: url('../images/sixthform-button.png'); }
#contentbuttons li a:hover { background-position: 0 -135px; }

#quicklinks a { margin-left: 7px; }

#news { background: #fff url('../images/news-bg.png') repeat-y top left; float: left; margin-left: 7px; width: 147px; }
#news-header { background: #fff url('../images/news-header.png') no-repeat top left; height: 31px; }
#news-footer { background: #fff url('../images/news-footer.png') no-repeat top left; height: 11px; }

#soga, #gallery { background: transparent url('../images/soga.png') no-repeat top left; float: left; height: 74px; width: 159px; }
#soga:hover, #gallery:hover { background-position: 0 -76px; }
#gallery { background: transparent url('../images/gallery.png') no-repeat top left; }

a.singlebox { background: transparent url('../images/right-line-box.png') no-repeat top left; float: left; height: 36px; width: 157px; }
a.singlebox:hover { background-position: 0 -36px; }

ul.sitemap { list-style: circle; margin-left: 40px; }
ul.sitemap li { line-height: 1.8em; }

#banner { height: 350px; width: 550px; }

#prospectus p { line-height: 4em; margin-bottom: 0; }
#prospectus div { height: auto; }
#prospectus div label { float: left; height: auto; width: 125px; }

#center-content ul, #center-content ol { margin-left: 15px; list-style: disc; }

#developer { width: 100%; position: absolute; top: 0; z-index: 100; background-color: yellow; width: 300px; padding: 10px; }