/* Global styles
----------------------------------------------- */
* {margin:0; padding:0;}
body {background: url(/assets/images/bkg_green.gif) repeat-x top left;}
div.clear {clear:both;}
img {border:0;}

/* Coloured bars
----------------------------------------------- */
#content div.hrblue {height: 5px; background-color:#006EB1; margin:0;}
#content div.hrblue hr {display:none;}

/* Container
----------------------------------------------- */
#container {width:760px; margin:0 auto; text-align:left;}

/* Header
----------------------------------------------- */
#header {margin:20px 0;}
#header #logo {float:left; width:360px;}
#header #logo h1 {background: url(/assets/images/langley_title.jpg); text-indent:-9999px; height:38px; width:360px;}
#header #quicksearch {float:right; width:200px; margin-top:5px;}
#header #quicksearch input {border:solid 1px #ccc; font-family:Arial; color:#666; font-size:11px; width:158px; padding:5px;}
html*#header #quicksearch input {width:155px;}
#header #quicksearch a {background: url(/assets/images/go_button.gif) no-repeat; text-indent:-9999px; display:block; width:30px; float:right; outline:none;margin-top:2px;}

/* Horizontal navigation
----------------------------------------------- */
#nav {font-family:Arial; font-size:11px; width:760px; margin-top:15px;}

#nav ul {list-style:none; width:760px; height:18px; float:left; background: url(/assets/images/dashed_line.gif) repeat-x bottom left;}
#nav ul li {float:left;}
#nav ul a {display:block; padding-right:10px; text-decoration:none; color:#666; text-indent:-9999px; outline:none;}

#nav ul li.home a {background: url(/assets/images/home_down.gif) no-repeat; width:32px;}
#nav ul li.about a {background: url(/assets/images/about_us_down.gif) no-repeat; width:38px;}
#nav ul li.news a {background: url(/assets/images/news_events_down.gif) no-repeat; width:89px;}
#nav ul li.map a {background: url(/assets/images/interactive_map_down.gif) no-repeat; width:99px;}
#nav ul li.calendar a {background: url(/assets/images/calendar_down.gif) no-repeat; width:59px;}
#nav ul li.resources a {background: url(/assets/images/noticeboard_down.gif) no-repeat; width:80px;}
#nav ul li.icenians a {background: url(/assets/images/icenians_down.gif) no-repeat; width:51px;}
#nav ul li.contact a {background: url(/assets/images/contact_down.gif) no-repeat; width:52px;}
#nav ul li.prepschool a {background: url(/assets/images/prep_school_down.gif) no-repeat; width:79px;}
#nav ul li.houses a {background: url(/assets/images/houses_down.gif) no-repeat; width:45px;}

#nav ul li.home a:hover, #nav ul li.home a.active {background: url(/assets/images/home_over.gif) no-repeat;}
#nav ul li.about a:hover, #nav ul li.about a.active {background: url(/assets/images/about_us_over.gif) no-repeat;}
#nav ul li.news a:hover, #nav ul li.news a.active {background: url(/assets/images/news_events_over.gif) no-repeat;}
#nav ul li.map a:hover, #nav ul li.map a.active  {background: url(/assets/images/interactive_map_over.gif) no-repeat;}
#nav ul li.calendar a:hover,#nav ul li.calendar a.active {background: url(/assets/images/calendar_over.gif) no-repeat;}
#nav ul li.resources a:hover, #nav ul li.resources a.active {background: url(/assets/images/noticeboard_over.gif) no-repeat;}
#nav ul li.icenians a:hover, #nav ul li.icenians a.active {background: url(/assets/images/icenians_over.gif) no-repeat;}
#nav ul li.contact a:hover, #nav ul li.contact a.active {background: url(/assets/images/contact_over.gif) no-repeat;}
#nav ul li.houses a:hover, #nav ul li.houses a.active {background: url(/assets/images/houses_over.gif) no-repeat;}
#nav ul li.prepschool a:hover, #nav ul li.prepschool a.active {background: url(/assets/images/prep_school_over.gif) no-repeat;}

/* Vertical navigation
----------------------------------------------- */
#nav2 {width:158px; background-color:#0D6441;}
#nav2 ul {list-style-type:none;}
#nav2 ul a {display:block; width:158px; text-indent:-9999px; outline:none;}
#nav2 li {display:inline;}

#nav2 ul li.departments a {background: url(/assets/images/department_down.jpg) no-repeat; height:29px;}
#nav2 ul li.admissions a  {background: url(/assets/images/admissions_down.jpg) no-repeat; height:29px;}
#nav2 ul li.activities a {background: url(/assets/images/activities_down.jpg) no-repeat; height:29px;}
#nav2 ul li.boarding a {background: url(/assets/images/boarding_down.jpg) no-repeat; height:29px;}
#nav2 ul li.policy a {background: url(/assets/images/policy_down.jpg) no-repeat; height:29px;}
#nav2 ul li.vacancies a {background: url(/assets/images/vacancies_down.jpg) no-repeat; height:29px;}
#nav2 ul li.lpa a {background: url(/assets/images/lpa_down.jpg) no-repeat; height:26px;}

#nav2 ul li.departments a:hover, #nav2 ul li.departments a.active {background: url(/assets/images/department_over.jpg) no-repeat; height:29px;}
#nav2 ul li.admissions a:hover, #nav2 ul li.admissions a.active {background: url(/assets/images/admissions_over.jpg) no-repeat; height:29px;}
#nav2 ul li.activities a:hover, #nav2 ul li.activities a.active {background: url(/assets/images/activities_over.jpg) no-repeat; height:29px;}
#nav2 ul li.boarding a:hover, #nav2 ul li.boarding a.active {background: url(/assets/images/boarding_over.jpg) no-repeat; height:29px;}
#nav2 ul li.policy a:hover, #nav2 ul li.policy a.active {background: url(/assets/images/policy_over.jpg) no-repeat; height:29px;}
#nav2 ul li.vacancies a:hover, #nav2 ul li.vacancies a.active {background: url(/assets/images/vacancies_over.jpg) no-repeat; height:29px;}
#nav2 ul li.lpa a:hover, #nav2 ul li.lpa a.active {background: url(/assets/images/lpa_over.jpg) no-repeat; height:26px;}

/* Top 3 columns
----------------------------------------------- */
.topcolumn1 {width:158px; height:200px; margin-right:1px; float:left; display:inline;}
.topcolumn2 {width:400px; height:200px; margin-right:1px; float:left; display:inline;}
.topcolumn3 {width:200px; height:200px; float:left; display:inline;}

#container #spannedtopcolumn {width:600px; height:200px; float:left; display:inline;}

/* Middle spacer
----------------------------------------------- */
#middlespacer {height:17px; clear:both;}

/* Lower 3 columns
----------------------------------------------- */
#content {background: url(/assets/images/bkg_grey.gif) repeat-y 158px 0;}
#content .lowercolumn1 {width:150px; height:auto; margin:0; padding-right:10px; float:left; background: url(/assets/images/bkg_white_top_columns.gif) repeat-x top left; display:inline;}
#content .lowercolumn2 {width:380px; height:auto; margin:0; padding-right:10px; padding-left:10px; float:left; background: url(/assets/images/bkg_white_top_columns.gif) repeat-x top left; display:inline;}
#content .lowercolumn3 {width:180px; height:auto; float:left; padding-right:10px; padding-left:10px; display:inline;}

*html #content .lowercolumn1 {width:149px;} /*<IE6 Line Fix*/

#content .lowercolumn1 h2.prospectus a {display:block; width:150px; height:187px; background: url(/assets/images/download_prospectus.jpg) no-repeat top left; text-indent:-9999px; outline:none;}
#content .lowercolumn1 h2.prospectus2 a {display:block; width:150px; height:187px; background: url(/assets/images/download_prospectus2.jpg) no-repeat top left; text-indent:-9999px; outline:none;}
#content .lowercolumn1 h2.prepprospectus a {display:block; width:149px; height:192px; background: url(/assets/images/download_prospectus_prep.jpg) no-repeat top left; text-indent:-9999px; outline:none;}
#content .lowercolumn1 h2.sixthformprospectus a {display:block; width:149px; height:166px; background: url(/assets/images/6thform.jpg) no-repeat top left; text-indent:-9999px; outline:none;}
#content .lowercolumn1 h2.scholorship a {display:block; width:149px; height:157px; background: url(/assets/images/download_scholorship.jpg) no-repeat top left; text-indent:-9999px; outline:none;}

#content .lowercolumn2 #curcol {width:180px; float:left; padding-right:10px; display:inline; background: url(/assets/images/bkg_white_top_columns.gif) repeat-x top left;}
#content .lowercolumn2 #prepcol {width:180px; padding-left:10px; float:left; display:inline; background: url(/assets/images/bkg_white_top_columns.gif) repeat-x top left;}

#content .lowercolumn2 .rightcontact {width:180px; float:left; margin-left:10px; display:inline;}
#content .lowercolumn2 .leftcontact {width:179px; padding-right:10px; float:left; display:inline;}

*html #content .lowercolumn2 #curcol {width:180px; padding-right:9px;} /*<IE6 Line Fix*/
*html #content .lowercolumn2 #prepcol {width:180px; padding-left:9px;} /*<IE6 Line Fix*/

*html #content .lowercolumn2 .rightcontact {width:179px;} /*<IE6 Line Fix*/
*html #content .lowercolumn2 .leftcontact {width:180px;} /*<IE6 Line Fix*/

#home #content #centercontent {margin-top:20px; padding-bottom:30px; background: url(/assets/images/bkg_grey.gif) repeat-y 190px 0;}
html*#home #content #centercontent {padding-bottom:0px;} /*IE7+<IE6 footer margin fix*/

#content div.hr {height: 1px; background: url(/assets/images/dashed_line.gif) repeat-x; margin:10px 0;}
#content div.hr hr {display:none;}

#content .lowercolumn2 #paging {text-align:center; width:380px; height:30px; background: url(/assets/images/paging_dashed_line.gif) repeat-x top left; margin:20px 0;}
#content .lowercolumn2 #paging #prev a {padding-left:10px; margin-top:10px; height:11px; width:84px; float:left; background: url(/assets/images/paging_prev_page_down.gif) no-repeat top left; text-indent:-9999px; display:block; outline:none;}
#content .lowercolumn2 #paging #prev a.active {background: url(/assets/images/paging_prev_page_over.gif) no-repeat top left;}
#content .lowercolumn2 #paging #next a {margin-top:10px; width:63px; height:11px; float:right; background: url(/assets/images/paging_next_page_down.gif) no-repeat top left; text-indent:-9999px; display:block; outline:none;}
#content .lowercolumn2 #paging #next a.active {background: url(/assets/images/paging_next_page_over.gif) no-repeat top left;}

#content .lowercolumn2 #paging a {font-size:11px; color:#2E3136; font-family:Arial; text-decoration:none; font-weight:bold; padding-top:5px;}
#content .lowercolumn2 #paging a:hover  {text-decoration:underline; color:#0C5E8F;}
#content .lowercolumn2 #paging a.active {color:#0C5E8F;}

#content .lowercolumn2 #back a  {color:#0C5E8F; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none;}
#content .lowercolumn2 #back a:hover {text-decoration:underline; color:#0C5E8F;}
#content .lowercolumn2 #back a.active {color:#0C5E8F;}

#content .lowercolumn2 h3, #prepnews #content .lowercolumn2 h5 {font-family:Arial; font-size:13px; color:#2E3136; font-weight:bold; margin:20px 0pt 10px;}

#content a.arrow {background: url(/assets/images/small_arrow_icon.gif) no-repeat; text-indent:-9999px; display:block; width:12px; height:8px; float:right; outline:none; margin-left:5px;}
#content a.greenarrow {background: url(/assets/images/small_arrow_icon_green.gif) no-repeat; text-indent:-9999px; display:block; width:12px; height:15px; float:right; outline:none;}
#content a.purplearrow {background: url(/assets/images/small_arrow_icon_purple.gif) no-repeat; text-indent:-9999px; display:block; width:12px; height:8px; float:right; outline:none;}
#content a.brightgreenarrow {background: url(/assets/images/small_arrow_icon_brightgreen.gif) no-repeat; text-indent:-9999px; display:block; width:12px; height:8px; float:right; outline:none;}

#content .lowercolumn2 .department {background: url(/assets/images/dashed_line.gif) repeat-x bottom left; padding:10px 0;}
#content .lowercolumn2 .department img {float:left; width:130px; height:65px; margin-right:10px;}
#content .lowercolumn2 .department h4 a {float:left; color:#2E3136; font-family:Georgia; font-size:18px; text-decoration:none; font-weight:normal;}
#content .lowercolumn2 .department h4 a:hover {text-decoration:underline;}

#content .lowercolumn2 .house {background: url(/assets/images/dashed_line.gif) repeat-x bottom left; padding:10px 0;}
#content .lowercolumn2 .house img {float:left; width:25px; height:25px; margin-right:10px;}
#content .lowercolumn2 .house h4 a {float:left; color:#2E3136; font-family:Georgia; font-size:18px; text-decoration:none; font-weight:normal;}
#content .lowercolumn2 .house h4 a:hover {text-decoration:underline;}

#content .lowercolumn2 .eventcontent {display:inline;}
#content .lowercolumn2 .eventcontent h4 a {color:#333;}
#content .lowercolumn2 .eventcontent a  {color:#0C5E8F; text-decoration:none; font-family:Arial; font-size:12px; font-weight:bold;}
#content .lowercolumn2 .eventcontent a:hover {text-decoration:underline;} 
#content .lowercolumn2 .eventcontent p {margin-bottom:20px;}
#content .lowercolumn2 .eventcontent .img {margin:0 10px 20px 0; float:left; width:125px; display:inline;}
html*#content .lowercolumn2 .eventcontent .img {margin-bottom:0px;}

#content .lowercolumn2 .resourcecontent h4 a {font-family:Arial; font-size:13px; color:#2E3136; font-weight:bold; margin-bottom:10px; text-decoration:none;}
#content .lowercolumn2 .resourcecontent h4 a:hover {text-decoration:underline;}

#content .lowercolumn2 .leftcontact h4, #content .lowercolumn2 .rightcontact h4 {font-size:12px; color:#2E3136; margin-top:5px; font-weight:bold; font-family:Arial;}
#content .lowercolumn2 .leftcontact p.email, #content .lowercolumn2 .rightcontact p.email {font-size:12px; margin-top:10px;}
#content .lowercolumn2 .leftcontact a, #content .lowercolumn2 .rightcontact a {color:#82AD2A; text-decoration:none; font-size:11px;}
#content .lowercolumn2 .leftcontact a:hover, #content .lowercolumn2 .rightcontact a:hover {text-decoration:underline;}

#content #centercontent {margin-top:20px; background: url(/assets/images/bkg_grey.gif) repeat-y 190px 0;}
html*#content #centercontent {padding-bottom:0px;} /*IE7+<IE6 footer margin fix*/

#content .lowercolumn2 #xresources {padding-top:10px;}
#content .lowercolumn2 #resources .img {float:left; width:40px; margin:0 10px 0 0;} 
html*#content .lowercolumn2 #resources .img {margin:0 10px 10px 0;}
#content .lowercolumn2 #resources div.hr {margin:20px 0;}

#content .lowercolumn2 #gallery .img {float:left; width:75px;}
#content .lowercolumn2 #gallery h5 {font-family:Arial; font-size:11px; color:#333; font-weight:bold; margin-top:5px;}
#content .lowercolumn2 #gallery div.hr {margin:20px 0;}

/* Calendar lists i.e. events, term dates etc
----------------------------------------------- */
#content .lowercolumn2 ul {list-style-type:none;}
#content .lowercolumn2 ul li {padding-left:5px;}
#content .lowercolumn2 #list ul li {background: url(/assets/images/calendar_dashed_line_bkg.gif) repeat-x top left; padding:10px 0;}
#content .lowercolumn2 #list ul li h4 {width:200px; float:left; display:inline;}
#content .lowercolumn2 #list ul li h5 {width:200px; float:left; display:inline;}
#content .lowercolumn2 #events ul li.header1 {background-color:#EFEFEF; padding:5px 0; padding-left:10px; margin-bottom:10px;}
#content .lowercolumn2 #events ul li.header2 {background: url(/assets/images/calendar_dashed_line_bkg2.gif) repeat-x top left; padding:13px 0 34px 10px;}

html*#content .lowercolumn2 #events ul li.header2 {padding:13px 0 15px 10px;} /*IE6 dashed line fix/header padding*/

#content .lowercolumn2 #events ul li.spacer {height:10px;}
#content .lowercolumn2 #events ul li {clear:left; padding-left:10px;}
#content .lowercolumn2 #events ul li h5 {width:120px; float:left; display:inline;}
#content .lowercolumn2 #events ul li p {width:120px; float:left; display:inline; margin-bottom:10px;}
#content .lowercolumn2 #events ul {margin-bottom:30px;}
html*#content .lowercolumn2 #events ul {margin-bottom:10px;}
#content .lowercolumn2 ul li.clear {clear:left;}

/* Page specific images for top 2 columns
----------------------------------------------- */
#home .topcolumn2, #policy .topcolumn2, #vacancies .topcolumn2 {background: url(/assets/images/home_main_image1.jpg) no-repeat top left;}
#home .topcolumn3, #lpa .topcolumn3 {background: url(/assets/images/home_main_image2.jpg) no-repeat top left;}

#about .topcolumn2, #search .topcolumn2, #map .topcolumn2, #headmasters .topcolumn2, #missionstatement .topcolumn2 {background: url(/assets/images/about_main_image1.jpg) no-repeat top left;}
#about .topcolumn3, #search .topcolumn3, #map .topcolumn3, #headmasters .topcolumn3, #missionstatement .topcolumn3 {background: url(/assets/images/about_main_image2.jpg) no-repeat top left;}

#news .topcolumn2 {background: url(/assets/images/news_main_image1.jpg) no-repeat top left;}
#news .topcolumn3 {background: url(/assets/images/news_main_image2.jpg) no-repeat top left;}

#calendar .topcolumn2 {background: url(/assets/images/calendar_main_image1.jpg) no-repeat top left;}
#calendar .topcolumn3 {background: url(/assets/images/calendar_main_image2.jpg) no-repeat top left;}

#globalresources .topcolumn2 {background: url(/assets/images/globalresources_main_image1.jpg) no-repeat top left;}
#globalresources .topcolumn3 {background: url(/assets/images/globalresources_main_image2.jpg) no-repeat top left;}

#icenians .topcolumn2 {background: url(/assets/images/departments/icenians_main_image1.jpg) no-repeat top left;}
#icenians .topcolumn3 {background: url(/assets/images/departments/icenians_main_image2.jpg) no-repeat top left;}

#contact .topcolumn2 {background: url(/assets/images/contact_main_image1.jpg) no-repeat top left;}
#contact .topcolumn3 {background: url(/assets/images/contact_main_image2.jpg) no-repeat top left;}

#departments .topcolumn2 {background: url(/assets/images/departments_main_image1.jpg) no-repeat top left;}
#departments .topcolumn3 {background: url(/assets/images/departments_main_image2.jpg) no-repeat top left;}

#admissions .topcolumn2 {background: url(/assets/images/admissions_main_image1.jpg) no-repeat top left;}
#admissions .topcolumn3 {background: url(/assets/images/admissions_main_image2.jpg) no-repeat top left;}

#activities .topcolumn2 {background: url(/assets/images/activities_main_image1.jpg) no-repeat top left;}
#activities .topcolumn3 {background: url(/assets/images/activities_main_image2.jpg) no-repeat top left;}

#boarding .topcolumn2 {background: url(/assets/images/boarding_main_image1.jpg) no-repeat top left;}
#boarding .topcolumn3 {background: url(/assets/images/boarding_main_image2.jpg) no-repeat top left;}

#policy .topcolumn3, #vacancies .topcolumn3 {background: url(/assets/images/policy_main_image2.jpg) no-repeat top left;}

#lpa .topcolumn2 {background: url(/assets/images/lpa_main_image1.jpg) no-repeat top left;}

#prephome .topcolumn2 {background: url(/assets/images/prephome_main_image1.jpg) no-repeat top left;}
#prephome .topcolumn3 {background: url(/assets/images/prephome_main_image2.jpg) no-repeat top left;}

#prepnews .topcolumn2 {background: url(/assets/images/prepnews_main_image1.jpg) no-repeat top left;}
#prepnews .topcolumn3 {background: url(/assets/images/prepnews_main_image2.jpg) no-repeat top left;}

#prepcontact .topcolumn2 {background: url(/assets/images/prepcontact_main_image1.jpg) no-repeat top left;}
#prepcontact .topcolumn3 {background: url(/assets/images/prepcontact_main_image2.jpg) no-repeat top left;}

#prepcalendar .topcolumn2 {background: url(/assets/images/prepcalendar_main_image1.jpg) no-repeat top left;}
#prepcalendar .topcolumn3 {background: url(/assets/images/prepcalendar_main_image2.jpg) no-repeat top left;}

#prepresources .topcolumn2 {background: url(/assets/images/prepresources_main_image1.jpg) no-repeat top left;}
#prepresources .topcolumn3 {background: url(/assets/images/prepresources_main_image2.jpg) no-repeat top left;}

#ccf .topcolumn2 {background: url(/assets/images/ccf_main_image1.jpg) no-repeat top left;}
#ccf .topcolumn3 {background: url(/assets/images/ccf_main_image2.jpg) no-repeat top left;}
#ccf .lowercolumn2 h2 {background: url(/assets/images/departments/ccf_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#ccf #content .lowercolumn2 p {margin-bottom:20px;}


/* Page specific headings/fonts for lower column1
----------------------------------------------- */
#home #content .lowercolumn1 h2.head a {display:block; width:149px; height:140px; background: url(/assets/images/intro_headmaster-bottom.jpg) no-repeat top left; text-indent:-9999px; outline:none;}
#home #content .lowercolumn1 h2.prospectus a {display:block; width:149px; height:192px; background: url(/assets/images/download_prospectus.jpg) no-repeat top left; text-indent:-9999px; outline:none;}
#home #middlespacer {background: url(/assets/images/intro_headmaster-top.jpg) no-repeat bottom left;}

#admissions #content .lowercolumn1 ul a:hover, #admissions #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_over_orange.gif) no-repeat top left; color:#FF9900;}
#activities #content .lowercolumn1 ul a:hover, #activities #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_over_pink.gif) no-repeat top left; color:#FF3366;}
#boarding #content .lowercolumn1 ul a:hover, #boarding #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_over_yellow.gif) no-repeat top left; color:#FFCC00;}
#policy #content .lowercolumn1 ul a:hover, #policy #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_over_biege.gif) no-repeat top left; color:#669999;}
#lpa #content .lowercolumn1 ul a:hover, #lpa #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_over_red.gif) no-repeat top left; color:#CC0033;}
#prephome #content .lowercolumn1 ul a:hover, #prepnews #content .lowercolumn1 ul a:hover, #prepcontact #content .lowercolumn1 ul a:hover, #prepcalendar #content .lowercolumn1 ul a:hover, #prepresources #content .lowercolumn1 ul a:hover,#prephome #content .lowercolumn1 ul a.active, #prepnews #content .lowercolumn1 ul a.active, #prepcontact #content .lowercolumn1 ul a.active, #prepcalendar #content .lowercolumn1 ul a.active, #prepresources #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_over_purple.gif) no-repeat top left; color:#7D003E;}
#lpa #content .lowercolumn1 ul a:hover, #lpa #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_over_red.gif) no-repeat top left; color:#CC0033;}

/*houses*/
#mancroft #content .lowercolumn1 ul a:hover, #mancroft #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_mancroft.gif) no-repeat top left; color:#FE0000;}
#crome #content .lowercolumn1 ul a:hover, #crome #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_crome.gif) no-repeat top left; color:#FFCC00;}
#stgiles #content .lowercolumn1 ul a:hover, #stgiles #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_stgiles.gif) no-repeat top left; color:#CCC;}
#beauchamp #content .lowercolumn1 ul a:hover, #beauchamp #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_beauchamp.gif) no-repeat top left; color:#333366;}

#content .lowercolumn1 #green ul a:hover, #content .lowercolumn1 #green ul a.active {background: url(/assets/images/line_arrow_bkg_over_green.gif) no-repeat top left; color:#82AD2A;}

/* Navigation for lower column1
----------------------------------------------- */
#content .lowercolumn1 ul {list-style-type:none; margin-left:10px; padding-bottom:1px; background: url("/assets/images/nav_line.gif") no-repeat 0 100%; padding-bottom:1px;}
#content .lowercolumn1 ul a {display:block; width:149px; outline:none; padding-left:16px; background: url(/assets/images/line_arrow_bkg.gif) no-repeat top left; text-decoration:none; font-size:12px; color:#2E3136; font-family:Arial; font-weight:bold; padding-top:8px; padding-bottom:5px;}
#content .lowercolumn1 ul a:hover, #content .lowercolumn1 ul a.active {background: url(/assets/images/line_arrow_bkg_over.gif) no-repeat top left; color:#006EB1;}
#content .lowercolumn1 li {display:inline;}

*html #content .lowercolumn1 ul a {width:115px;} /*<IE6 Line Fix*/

/* Page specific headings/fonts for lower column2
----------------------------------------------- */
#home #content .lowercolumn2 h2.main {background: url(/assets/images/main_school_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:30px;}
#home #content .lowercolumn2 h2.curriculum {background: url(/assets/images/curiculum_title.jpg) no-repeat; width:180px; height:28px; margin-bottom:20px;}
#home #content .lowercolumn2 h2.curriculum a, #home #content .lowercolumn2 h2.prepschool a {display:block; text-indent:-9999px; width:180px; height:28px; outline:none;}
#home #content .lowercolumn2 h2.prepschool {background: url(/assets/images/prep_school_title.jpg) no-repeat; width:180px; height:28px; margin-bottom:20px;}

*html #home #content .lowercolumn2 h2.curriculum {width:179px;} /*<IE6 Line Fix*/
*html #home #content .lowercolumn2 h2.prepschool {width:180px;} /*<IE6 Line Fix*/

#content .lowercolumn2 ul.normal {list-style-type:none;margin-bottom:20px;}
#content .lowercolumn2 ul.normal li {background: url(/assets/images/bullet.gif) no-repeat 0 2px; margin-bottom:10px; padding-left:15px; color:#666; font-family:Arial; font-size:12px; line-height:140%;}

#home #content .lowercolumn2 h3 {font-size:14px; color:#0E6542; font-family:Arial; margin:0 0 15px 0; font-weight:bold;}
#home #content .lowercolumn2 a {color:#0E6542; text-decoration:none; font-weight:bold;}
#home #content .lowercolumn2 a:hover {text-decoration:underline;}
#home #content .lowercolumn2 #prepcol h3 {font-size:12px; color:#7D003E; margin-top:10px;}
#home #content .lowercolumn2 #prepcol p {font-size:11px;}
#home #content .lowercolumn2 #prepcol a {color:#7D003E; text-decoration:none; font-size:11px;}
#home #content .lowercolumn2 #prepcol a:hover {text-decoration:underline;}
#home #content .lowercolumn2 #curcol h3 {font-size:12px; color:#82AD2A; margin-top:10px;}
#home #content .lowercolumn2 #curcol p {font-size:11px;}
#home #content .lowercolumn2 #curcol a {color:#82AD2A; text-decoration:none; font-size:11px;}
#home #content .lowercolumn2 #curcol a:hover {text-decoration:underline;}

#about #content .lowercolumn2 h2 {background: url(/assets/images/about_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}

#search #content  h2 {background: url(/assets/images/search_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px;}
#search #content  #res img {display:none;}
#search #content .lowercolumn2 h3 {font-family:Arial; font-size:13px; color:#2E3136; font-weight:bold; margin-bottom:10px;}
#search #content .lowercolumn2 #results {color:#006EB1; font-size:13px; font-family:Arial; font-weight:bold; padding-bottom:20px;}
#search #content .lowercolumn2 p a {text-decoration:underline; color:#4D4D4D; font-family:Arial; font-size:12px;}
#search #content .lowercolumn2 p {margin-bottom:10px;}

#news #content .lowercolumn2 h2 {background: url(/assets/images/news_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#news #content .lowercolumn2 h3, #prepnews #content .lowercolumn2 h3 {font-size:12px; font-family:Arial; color:#999; font-weight:bold; margin-bottom:0;}
#news #content .lowercolumn2 h4, #prepnews #content .lowercolumn2 h4 {font-size:12px; font-family:Arial; color:#333; font-weight:bold;}
#news #content .lowercolumn2 h4.space, #prepnews #content .lowercolumn2 h4.space {margin-bottom:20px;}
#news #content .lowercolumn2 img, #prepnews #content .lowercolumn2 img {margin-bottom:20px;}
#news #content .lowercolumn2 div.hr, #prepnews #content .lowercolumn2 div.hr {margin:0 0 20px 0;}
#news #content .lowercolumn2 #back div.hr, #prepnews #content .lowercolumn2 #back div.hr {margin-top:20px; margin-bottom:10px;}
#news #content .lowercolumn2 #paging, #prepnews #content .lowercolumn2 #paging  {height:51px; padding:12px 0; margin:0; background: url(/assets/images/paging_dashed_line2.gif) repeat-x top left;}
#globalresources #content .lowercolumn2 #paging {height:51px; padding:12px 0; margin-top:20px; background: url(/assets/images/paging_dashed_line2.gif) repeat-x top left;}

/*house*/
#housenews h3 {font-size:12px; font-family:Arial; color:#999; font-weight:bold; margin-bottom:0;}
#housenews h4 {font-size:12px; font-family:Arial; color:#333; font-weight:bold;}
#housenews h4.space {margin-bottom:20px;}
#housenews img {margin-bottom:20px;}
#housenews div.hr {margin:0 0 20px 0;}
#housenews #back div.hr {margin-top:20px; margin-bottom:10px;}

#map #content .lowercolumn2 h2 {background: url(/assets/images/interactive_map_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#map #content .lowercolumn2 p {margin-bottom:20px;}

#calendar #content .lowercolumn2 h2 {background: url(/assets/images/calendar_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#calendar #content .lowercolumn2 h4 {font-size:12px; color:#006EB1; font-family:Arial; font-weight:bold;}
#calendar #content .lowercolumn2 h5, #prepcalendar #content .lowercolumn2 h5 {font-size:12px; color:#666; font-family:Arial; font-weight:bold;}

#globalresources #content .lowercolumn2 h2 {background: url(/assets/images/noticeboard_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#globalresources #content .lowercolumn2 .img, #prepresources #content .lowercolumn2 .img {float:left; width:40px; margin:0 10px 0 0;} 
#globalresources #content .lowercolumn2 div.hr, #prepresources #content .lowercolumn2 div.hr {margin:20px 0;}

#icenians .lowercolumn2 h2 {background: url(/assets/images/icenian_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#icenians #content .lowercolumn2 p {margin-bottom:10px;}

#contact .lowercolumn2 h2 {background: url(/assets/images/contact_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#contact #content .lowercolumn2 p {margin-bottom:20px;}

#departments .lowercolumn2 h2 {background: url(/assets/images/departments_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#departments #content .lowercolumn2 div.hr {margin-bottom:0;}

#admissions .lowercolumn2 h2 {background: url(/assets/images/admissions_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#admissions #content .lowercolumn2 p {margin-bottom:20px;}

#activities .lowercolumn2 h2 {background: url(/assets/images/activities_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#activities #content .lowercolumn2 p {margin-bottom:20px;}

#boarding .lowercolumn2 h2 {background: url(/assets/images/boarding_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#boarding #content .lowercolumn2 p {margin-bottom:20px;}

#policy .lowercolumn2 h2 {background: url(/assets/images/policy_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#policy #content .lowercolumn2 p {margin-bottom:20px;}

#vacancies .lowercolumn2 h2 {background: url(/assets/images/vacancies_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#vacancies #content .lowercolumn2 p {margin-bottom:20px;}

#lpa .lowercolumn2 h2 {background: url(/assets/images/lpa_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#lpa #content .lowercolumn2 p {margin-bottom:20px;}
#lpa .leftcontact, #lpa .rightcontact {height:260px;}

#headmasters .lowercolumn2 h2 {background: url(/assets/images/headmasters_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#headmasters #content .lowercolumn2 p {margin-bottom:20px;}

#missionstatement .lowercolumn2 h2 {background: url(/assets/images/MissionStatement_Title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#missionstatement #content .lowercolumn2 p {margin-bottom:20px;}

#prephome .lowercolumn2 h2, #prepnews .lowercolumn2 h2, #prepcontact .lowercolumn2 h2, #prepcalendar .lowercolumn2 h2, #prepresources .lowercolumn2 h2 {background: url(/assets/images/prepschool_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:68px; margin-bottom:20px;}
#prephome #content .lowercolumn2 p, #prepnews #content .lowercolumn2 p, #prepcontact #content .lowercolumn2 p, #prepresources #content .lowercolumn2 p {margin-bottom:20px;}

#prephome #content .lowercolumn2 .eventcontent a, #prepnews #content .lowercolumn2 .eventcontent a, #prepcontact #content .lowercolumn2 .eventcontent a, #prepcalendar #content .lowercolumn2 .eventcontent a, #prepresources #content .lowercolumn2 .eventcontent a  {color:#7D003E; text-decoration:none; font-family:Arial; font-size:12px; font-weight:bold;}
#prephome #content .lowercolumn2 .eventcontent a:hover, #prepnews #content .lowercolumn2 .eventcontent a:hover, #prepcontact #content .lowercolumn2 .eventcontent a:hover, #prepcalendar #content .lowercolumn2 .eventcontent a:hover, #prepresources #content .lowercolumn2 .eventcontent a:hover {text-decoration:underline;} 

#prepnews #content .lowercolumn2 #paging #prev a, #prepresources #content .lowercolumn2 #paging #prev a {padding-left:10px; margin-top:10px; height:12px; width:92px; float:left; background: url(/assets/images/paging_prev_page_down_purple.gif) no-repeat top left; text-indent:-9999px; display:block; outline:none;}
#prepnews #content .lowercolumn2 #paging #prev a.active, #prepresources #content .lowercolumn2 #paging #prev a.active {background: url(/assets/images/paging_prev_page_over_purple.gif) no-repeat top left;}
#prepnews #content .lowercolumn2 #paging #next a, #prepresources #content .lowercolumn2 #paging #next a {margin-top:10px; width:66px; height:12px; float:right; background: url(/assets/images/paging_next_page_down_purple.gif) no-repeat top left; text-indent:-9999px; display:block; outline:none;}
#prepnews #content .lowercolumn2 #paging #next a.active, #prepresources #content .lowercolumn2 #paging #next a.active {background: url(/assets/images/paging_next_page_over_purple.gif) no-repeat top left;}

#prepnews #content .lowercolumn2 #paging a, #prepresources #content .lowercolumn2 #paging a {font-size:11px; color:#2E3136; font-family:Arial; text-decoration:none; font-weight:bold; padding-top:5px;}
#prepnews #content .lowercolumn2 #paging a:hover, #prepresources #content .lowercolumn2 #paging a:hover  {text-decoration:underline; color:#7D003E;}
#prepnews #content .lowercolumn2 #paging a.active, #prepresources #content .lowercolumn2 #paging a.active {color:#7D003E;}

#prepcalendar #content .lowercolumn2 h4 {font-size:12px; color:#7D003E; font-family:Arial; font-weight:bold;}

#prepnews #content .lowercolumn2 #back a  {color:#7C003E; font-family:Arial; font-size:12px; font-weight:bold; text-decoration:none;}
#prepnews #content .lowercolumn2 #back a:hover {text-decoration:underline; color:#7C003E;}
#prepnews #content .lowercolumn2 #back a.active {color:#7C003E;}

/* Page specific headings/fonts for lower column3
----------------------------------------------- */
#home #content .lowercolumn3 h2, #about #content .lowercolumn3 h2, #map #content .lowercolumn3 h2, #calendar #content .lowercolumn3 h2, #globalresources #content .lowercolumn3 h2, #icenians #content .lowercolumn3 h2, #contact #content .lowercolumn3 h2, #departments #content .lowercolumn3 h2, #admissions #content .lowercolumn3 h2, #activities #content .lowercolumn3 h2, #boarding #content .lowercolumn3 h2, #policy #content .lowercolumn3 h2, #lpa #content .lowercolumn3 h2, #headmasters #content .lowercolumn3 h2, #missionstatement #content .lowercolumn3 h2, #houses #content .lowercolumn3 h2, #mancroft #content .lowercolumn3 h2, #crome #content .lowercolumn3 h2, #stgiles #content .lowercolumn3 h2, #beauchamp #content .lowercolumn3 h2, #vacancies #content .lowercolumn3 h2 {background: url(/assets/images/news_title_small.jpg) no-repeat; text-indent:-9999px; width:180px; height:28px; margin:0 0 30px 0;}
#news #content .lowercolumn3 h2 {background: url(/assets/images/noticeboard_title_small.jpg) no-repeat; text-indent:-9999px; width:180px; height:28px; margin:0 0 30px 0;}
#prephome #content .lowercolumn3 h2, #prepcontact #content .lowercolumn3 h2, #prepcalendar #content .lowercolumn3 h2, #prepresources #content .lowercolumn3 h2 {background: url(/assets/images/information_title_small_purple.jpg) no-repeat; text-indent:-9999px; width:180px; height:28px; margin:0 0 30px 0;}
#prepnews #content .lowercolumn3 h2 {background: url(/assets/images/articles_title_small_purple.jpg) no-repeat; text-indent:-9999px; width:180px; height:28px; margin:0 0 30px 0;}
#news #content .lowercolumn3 h4 a, #prepnews #content .lowercolumn3 h4 a, #prepcontact #content .lowercolumn3 h4 a, #prepcalendar #content .lowercolumn3 h4 a, #prepresources #content .lowercolumn3 h4 a {font-size:13px; font-size:12px; font-family:Arial; color:#333; font-weight:bold;}
#news #content .lowercolumn3 div.hr {margin:20px 0;}
#news #content .lowercolumn3 p {color:#666;}

#content .lowercolumn3 h3 {font-size:12px; font-family:Arial; color:#999; font-weight:bold;}
#content .lowercolumn3 h4 {font-size:12px; font-family:Arial; color:#333; font-weight:bold;}
#content .lowercolumn3 h4 a.black {color:#333;}
#content .lowercolumn3 a {color:#0C5E8F; text-decoration:none; font-family:Arial; font-size:12px; font-weight:bold;}
#content .lowercolumn3 a:hover {text-decoration:underline;}

#prephome #content .lowercolumn3 a:hover, #prepnews #content .lowercolumn3 a:hover, #prepcontact #content .lowercolumn3 a:hover, #prepcalendar #content .lowercolumn3 a:hover, #prepresources #content .lowercolumn3 a:hover {text-decoration:underline;}
#prephome #content .lowercolumn3 a, #prepnews #content .lowercolumn3 a, #prepcontact #content .lowercolumn3 a, #prepcalendar #content .lowercolumn3 a, #prepresources #content .lowercolumn3 a {color:#7D003E; text-decoration:none; font-family:Arial; font-size:12px; font-weight:bold;}
#prepnews #content a.arrow, #prepresources #content a.arrow {background: url(/assets/images/small_arrow_icon_purple.gif) no-repeat; text-indent:-9999px; display:block; width:12px; height:8px; float:right; outline:none;}

#content .lowercolumn3 #more div.hr {margin:10px 0;}
#content .lowercolumn3 #more div.hrsmallmargin {height: 1px; background: url(/assets/images/dashed_line.gif) repeat-x; margin-top:20px; margin-bottom:10px;}
#content .lowercolumn3 #more div.hrsmallmargin hr {display:none;}

#content .lowercolumn3 ul {list-style-type:none;}
#content .lowercolumn3 ul a {display:block; width:180px; outline:none; padding-left:22px; background: url(/assets/images/line_arrow_bkg_departments.gif) no-repeat top left; text-decoration:none; font-size:12px; color:#2E3136; font-family:Arial; font-weight:bold; padding-top:8px; padding-bottom:5px;}
#content .lowercolumn3 ul a:hover, #content .lowercolumn3 ul a.active {background: url(/assets/images/line_arrow_bkg_over_green_departments.gif) no-repeat top left; color:#82AD2A; text-decoration:none;}
#content .lowercolumn3 li {display:inline;}

*html #content .lowercolumn3 ul a {width:138px;} /*<IE6 Line Fix*/

/* Footer
----------------------------------------------- */
#footer {font-size:10px; color:#999; font-family:Arial; width:760px; text-align:center; background:#fff url(/assets/images/bkg_footer_white.gif) repeat-x top left; padding-top:10px; margin-bottom:10px;}
html*#footer {padding-top:20px;}
#footer a {color:#999; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer div.hr {height: 5px; background-color: #ADADAD; margin-bottom:10px; background-image:none;}
#footer div.hr hr {display:none;}

/* Font types i.e paragraphs, links
----------------------------------------------- */
p {color:#666; font-family:Arial; font-size:12px; line-height:140%;}
#content .lowercolumn2 p a {color:#4D4D4D; font-family:Arial; font-size:12px; text-decoration:none;}
#content .lowercolumn2 p a:hover {text-decoration:underline;}

/* Department headers, styles
----------------------------------------------- */
#art .topcolumn2 {background: url(/assets/images/departments/art_main_image1.jpg) no-repeat top left;}
#art .topcolumn3 {background: url(/assets/images/departments/art_main_image2.jpg) no-repeat top left;}
#art #content .lowercolumn2 h2 {background: url(/assets/images/departments/art_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#art #content .lowercolumn2 p {margin-bottom:0;}

#chemistry .topcolumn2 {background: url(/assets/images/departments/chemistry_main_image1.jpg) no-repeat top left;}
#chemistry .topcolumn3 {background: url(/assets/images/departments/chemistry_main_image2.jpg) no-repeat top left;}
#chemistry #content .lowercolumn2 h2 {background: url(/assets/images/departments/chemistry_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#chemistry #content .lowercolumn2 p {margin-bottom:0;}

#physics .topcolumn2 {background: url(/assets/images/departments/physics_main_image1.jpg) no-repeat top left;}
#physics .topcolumn3 {background: url(/assets/images/departments/physics_main_image2.jpg) no-repeat top left;}
#physics #content .lowercolumn2 h2 {background: url(/assets/images/departments/physics_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#physics #content .lowercolumn2 p {margin-bottom:0;}

#geography .topcolumn2 {background: url(/assets/images/departments/geography_main_image1.jpg) no-repeat top left;}
#geography .topcolumn3 {background: url(/assets/images/departments/geography_main_image2.jpg) no-repeat top left;}
#geography #content .lowercolumn2 h2 {background: url(/assets/images/departments/geography_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#geography #content .lowercolumn2 p {margin-bottom:0;}

#history .topcolumn2 {background: url(/assets/images/departments/history_main_image1.jpg) no-repeat top left;}
#history .topcolumn3 {background: url(/assets/images/departments/history_main_image2.jpg) no-repeat top left;}
#history #content .lowercolumn2 h2 {background: url(/assets/images/departments/history_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#history #content .lowercolumn2 p {margin-bottom:0;}

#religious .topcolumn2 {background: url(/assets/images/departments/religious_main_image1.jpg) no-repeat top left;}
#religious .topcolumn3 {background: url(/assets/images/departments/religious_main_image2.jpg) no-repeat top left;}
#religious #content .lowercolumn2 h2 {background: url(/assets/images/departments/religious_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#religious #content .lowercolumn2 p {margin-bottom:0;}

#media .topcolumn2 {background: url(/assets/images/departments/media_main_image1.jpg) no-repeat top left;}
#media .topcolumn3 {background: url(/assets/images/departments/media_main_image2.jpg) no-repeat top left;}
#media #content .lowercolumn2 h2 {background: url(/assets/images/departments/media_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#media #content .lowercolumn2 p {margin-bottom:0;}

#french .topcolumn2 {background: url(/assets/images/departments/french_main_image1.jpg) no-repeat top left;}
#french .topcolumn3 {background: url(/assets/images/departments/french_main_image2.jpg) no-repeat top left;}
#french #content .lowercolumn2 h2 {background: url(/assets/images/departments/french_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#french #content .lowercolumn2 p {margin-bottom:0;}

#german .topcolumn2 {background: url(/assets/images/departments/german_main_image1.jpg) no-repeat top left;}
#german .topcolumn3 {background: url(/assets/images/departments/german_main_image2.jpg) no-repeat top left;}
#german #content .lowercolumn2 h2 {background: url(/assets/images/departments/german_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#german #content .lowercolumn2 p {margin-bottom:0;}

#spanish .topcolumn2 {background: url(/assets/images/departments/spanish_main_image1.jpg) no-repeat top left;}
#spanish .topcolumn3 {background: url(/assets/images/departments/spanish_main_image2.jpg) no-repeat top left;}
#spanish #content .lowercolumn2 h2 {background: url(/assets/images/departments/spanish_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#spanish #content .lowercolumn2 p {margin-bottom:0;}

#law .topcolumn2 {background: url(/assets/images/departments/law_main_image1.jpg) no-repeat top left;}
#law .topcolumn3 {background: url(/assets/images/departments/law_main_image2.jpg) no-repeat top left;}
#law #content .lowercolumn2 h2 {background: url(/assets/images/departments/law_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#law #content .lowercolumn2 p {margin-bottom:0;}

#chinese .topcolumn2 {background: url(/assets/images/departments/chinese_main_image1.jpg) no-repeat top left;}
#chinese .topcolumn3 {background: url(/assets/images/departments/chinese_main_image2.jpg) no-repeat top left;}
#chinese #content .lowercolumn2 h2 {background: url(/assets/images/departments/chinese_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#chinese #content .lowercolumn2 p {margin-bottom:0;}

#music .topcolumn2 {background: url(/assets/images/departments/music_main_image1.jpg) no-repeat top left;}
#music .topcolumn3 {background: url(/assets/images/departments/music_main_image2.jpg) no-repeat top left;}
#music #content .lowercolumn2 h2 {background: url(/assets/images/departments/music_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#music #content .lowercolumn2 p {margin-bottom:0;}

#drama .topcolumn2 {background: url(/assets/images/departments/drama_main_image1.jpg) no-repeat top left;}
#drama .topcolumn3 {background: url(/assets/images/departments/drama_main_image2.jpg) no-repeat top left;}
#drama #content .lowercolumn2 h2 {background: url(/assets/images/departments/drama_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#drama #content .lowercolumn2 p {margin-bottom:0;}

#technology .topcolumn2 {background: url(/assets/images/departments/technology_main_image1.jpg) no-repeat top left;}
#technology .topcolumn3 {background: url(/assets/images/departments/technology_main_image2.jpg) no-repeat top left;}
#technology #content .lowercolumn2 h2 {background: url(/assets/images/departments/technology_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#technology #content .lowercolumn2 p {margin-bottom:0;}

#ict .topcolumn2 {background: url(/assets/images/departments/ict_main_image1.jpg) no-repeat top left;}
#ict .topcolumn3 {background: url(/assets/images/departments/ict_main_image2.jpg) no-repeat top left;}
#ict #content .lowercolumn2 h2 {background: url(/assets/images/departments/ict_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#ict #content .lowercolumn2 p {margin-bottom:0;}

#homeeconomics .topcolumn2 {background: url(/assets/images/departments/homeeconomics_main_image1.jpg) no-repeat top left;}
#homeeconomics .topcolumn3 {background: url(/assets/images/departments/homeeconomics_main_image2.jpg) no-repeat top left;}
#homeeconomics #content .lowercolumn2 h2 {background: url(/assets/images/departments/homeeconomics_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#homeeconomics #content .lowercolumn2 p {margin-bottom:0;}

#businessstudies .topcolumn2 {background: url(/assets/images/departments/businessstudies_main_image1.jpg) no-repeat top left;}
#businessstudies .topcolumn3 {background: url(/assets/images/departments/businessstudies_main_image2.jpg) no-repeat top left;}
#businessstudies #content .lowercolumn2 h2 {background: url(/assets/images/departments/businessstudies_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#businessstudies #content .lowercolumn2 p {margin-bottom:0;}

#economics .topcolumn2 {background: url(/assets/images/departments/economics_main_image1.jpg) no-repeat top left;}
#economics .topcolumn3 {background: url(/assets/images/departments/economics_main_image2.jpg) no-repeat top left;}
#economics #content .lowercolumn2 h2 {background: url(/assets/images/departments/economics_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#economics #content .lowercolumn2 p {margin-bottom:0;}

#psychology .topcolumn2 {background: url(/assets/images/departments/psychology_main_image1.jpg) no-repeat top left;}
#psychology .topcolumn3 {background: url(/assets/images/departments/psychology_main_image2.jpg) no-repeat top left;}
#psychology #content .lowercolumn2 h2 {background: url(/assets/images/departments/psychology_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#psychology #content .lowercolumn2 p {margin-bottom:0;}

#sports .topcolumn2 {background: url(/assets/images/departments/sports_main_image1.jpg) no-repeat top left;}
#sports .topcolumn3 {background: url(/assets/images/departments/sports_main_image2.jpg) no-repeat top left;}
#sports #content .lowercolumn2 h2 {background: url(/assets/images/departments/sports_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#sports #content .lowercolumn2 p {margin-bottom:0;}

#learningsupport .topcolumn2 {background: url(/assets/images/departments/learningsupport_main_image1.jpg) no-repeat top left;}
#learningsupport .topcolumn3 {background: url(/assets/images/departments/learningsupport_main_image2.jpg) no-repeat top left;}
#learningsupport #content .lowercolumn2 h2 {background: url(/assets/images/departments/learningsupport_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#learningsupport #content .lowercolumn2 p {margin-bottom:0;}

#english .topcolumn2 {background: url(/assets/images/departments/english_main_image1.jpg) no-repeat top left;}
#english .topcolumn3 {background: url(/assets/images/departments/english_main_image2.jpg) no-repeat top left;}
#english #content .lowercolumn2 h2 {background: url(/assets/images/departments/english_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#english #content .lowercolumn2 p {margin-bottom:0;}

#maths .topcolumn2 {background: url(/assets/images/departments/maths_main_image1.jpg) no-repeat top left;}
#maths .topcolumn3 {background: url(/assets/images/departments/maths_main_image2.jpg) no-repeat top left;}
#maths #content .lowercolumn2 h2 {background: url(/assets/images/departments/maths_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#maths #content .lowercolumn2 p {margin-bottom:0;}

#biology .topcolumn2 {background: url(/assets/images/departments/biology_main_image1.jpg) no-repeat top left;}
#biology .topcolumn3 {background: url(/assets/images/departments/biology_main_image2.jpg) no-repeat top left;}
#biology #content .lowercolumn2 h2 {background: url(/assets/images/departments/biology_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#biology #content .lowercolumn2 p {margin-bottom:0;}

#eal .topcolumn2 {background: url(/assets/images/departments/eal_main_image1.jpg) no-repeat top left;}
#eal .topcolumn3 {background: url(/assets/images/departments/eal_main_image2.jpg) no-repeat top left;}
#eal #content .lowercolumn2 h2 {background: url(/assets/images/departments/eal_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#eal #content .lowercolumn2 p {margin-bottom:0;}

#science .topcolumn2 {background: url(/assets/images/departments/science_main_image1.jpg) no-repeat top left;}
#science .topcolumn3 {background: url(/assets/images/departments/science_main_image2.jpg) no-repeat top left;}
#science #content .lowercolumn2 h2 {background: url(/assets/images/departments/science_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#science #content .lowercolumn2 p {margin-bottom:0;}

#houses .topcolumn2, #mancroft .topcolumn2, #crome .topcolumn2, #stgiles .topcolumn2, #beauchamp .topcolumn2 {background: url(/assets/images/house_main_image1.jpg) no-repeat top left;}
#houses .topcolumn3, #mancroft .topcolumn3, #crome .topcolumn3, #stgiles .topcolumn3, #beauchamp .topcolumn3 {background: url(/assets/images/house_main_image2.jpg) no-repeat top left;}

#houses #content .lowercolumn2 h2 {background: url(/assets/images/departments/houses_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}

#mancroft #content .lowercolumn2 h2 {background: url(/assets/images/departments/mancroft_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#mancroft #content .lowercolumn2 p {margin-bottom:20px;}

#crome #content .lowercolumn2 h2 {background: url(/assets/images/departments/crome_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#crome #content .lowercolumn2 p {margin-bottom:20px;}

#stgiles #content .lowercolumn2 h2 {background: url(/assets/images/departments/stgiles_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#stgiles #content .lowercolumn2 p {margin-bottom:20px;}

#beauchamp #content .lowercolumn2 h2 {background: url(/assets/images/departments/beauchamp_title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#beauchamp #content .lowercolumn2 p {margin-bottom:20px;}

#mancroft #content .lowercolumn2 #paging, #crome #content .lowercolumn2 #paging, #stgiles #content .lowercolumn2 #paging, #beauchamp #content .lowercolumn2 #paging {height:51px; padding:12px 0; margin:0; background: url(/assets/images/paging_dashed_line2.gif) repeat-x top left;}

#content .lowercolumn3 #departmenthead h2 {background: url(/assets/images/departments_title_small.jpg) no-repeat; text-indent:-9999px; width:180px; height:32px; margin:0 0 26px 0;}

#teachinglearning .topcolumn2 {background: url(/assets/images/departments/teachlearn_main_image1.jpg) no-repeat;}
#teachinglearning .topcolumn3 {background: url(/assets/images/departments/teachlearn_main_image2.jpg) no-repeat;}
#teachinglearning #content .lowercolumn2 h2 {background: url(/assets/images/departments/TeachLearn_Title.jpg) no-repeat; text-indent:-9999px; width:380px; height:38px; margin-bottom:20px;}
#teachinglearning #content .lowercolumn2 p {margin-bottom:20px;}
/* Forms
----------------------------------------------- */
*html #content fieldset {width:376px;border:solid 1px #E1E0D3; display:block;}
#content fieldset {width:377px; border:solid 1px #E1E0D3; display:block;}
#content fieldset br {clear:both;}
#content fieldset label {float:left; width:12em; font-size:12px; color:#666666; font-family:Arial; margin:10px 0 0 10px; }
#content fieldset input.text {width:140px; margin:10px 10px 0 0; border:solid 1px #E1E0D3; color:#666666; font-family:Arial; font-size:11px;}
#content fieldset input.button {margin-top:10px; border:solid 1px #E1E0D3; color:#666666; font-family:Arial; margin-bottom:10px; font-size:11px;}
#content fieldset p {color:#666666; font-family:Arial; font-size:11px; margin-top:10px;}
*html #content fieldset p {padding-top:10px;} /*IE6 Filter*/
*+html #content fieldset p {padding-top:10px;}/*IE7 Only Filter*/
#content fieldset input:focus, textarea:focus {background-color:#ffc;}
#content select {border:solid 1px #E1E0D3; color:#666666; font-family:Arial; font-size:11px;}


/* Interactive Map
----------------------------------------------- */

#intmap {width:760px; height:544px; position:relative; font-size:10px; font-family:arial; }
.preloadImage {display:none;}

#intmap #mathsinfo {position:absolute;top:240px; left:220px; display:none; }
#intmap #musicinfo {position:absolute;top:232px; left:180px; display:none; }
#intmap #englishinfo {position:absolute;top:212px; left:357px; display:none; }
#intmap #sportsinfo {position:absolute; top:188px; left:125px; display:none; }
#intmap #technologyinfo {position:absolute; top:340px; left:310px; display:none; }
#intmap #scienceinfo {position:absolute; top:390px; left:412px; display:none; }
#intmap #homeconomicsinfo {position:absolute;top:200px; left:422px; display:none; }
#intmap #artinfo {position:absolute;top:394px; left:290px; display:none; }
#intmap #humantiesinfo {position:absolute;top:302px; left:260px; display:none; }
#intmap #dramainfo {position:absolute;top:302px; left:186px; display:none; } 
#intmap #commonroomsinfo {position:absolute;top:336px; left:213px; display:none; } 
#intmap #ballroominfo {position:absolute;top:213px; left:355px; display:none; }
#intmap #diningroominfo {position:absolute;top:213px; left:227px; display:none; }
#intmap #shootingrange {position:absolute;top:316px; left:37px; display:none; }
#intmap #astroturfinfo {position:absolute;top:24px; left:357px; display:none; }
#intmap #eal {position:absolute;top:212px; left:307px; display:none; }

/* Note */
#intmap .note {position:absolute; padding:5px; background: url(/assets/images/popup.png) no-repeat; width:269px; height:148px; }
*html #intmap .note {background:url(/assets/images/popup.gif) no-repeat;}
#intmap .note img {margin:15px 10px 0 35px; border:none; float:left;}
#intmap .note h2 {margin:0; font-size:12px; color:#333;}
#intmap .note p {margin:10px 25px 0 0; width:109px; float:right; font-size:11px; }
#intmap .note a {color:#016EAF; font-weight:bold;text-decoration:none; }
#intmap .note a:hover { text-decoration:underline;}

/* Left Note */
#intmap .leftnote {position:absolute; padding:5px; background: url(/assets/images/popup-left.png) no-repeat; width:269px; height:149px;}
*html #intmap .leftnote {background:url(/assets/images/popup-left.gif) no-repeat;}
#intmap .leftnote img {margin:15px 10px 0 20px; border:none; float:left;}
#intmap .leftnote h2 {margin:0 26px 0 10px; font-size:12px; color:#333;}
#intmap .leftnote p {margin:5px 40px 0 0; width:109px; float:right; font-size:11px; }
#intmap .leftnote ul {margin:5px 50px 0 10px; width:90px; float:right; font-size:10px;}
#intmap .leftnote a {color:#016EAF; font-weight:bold;text-decoration:none; }
#intmap .leftnote a:hover { text-decoration:underline;}