/* SCREEN.CSS
   This is where all styles for on-screen media are declaired
   
   --------------------------------------------------------------------------------------------------------------------------
   FILE INFO
   Revision number:  1.1.1
   Last updated:     2008/10/14
   Last updated by:  Matt Wilcox
   ----------------------------------------------------------------------------------------------------------------------- */

/* =global_reset | based on http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
   ----------------------------------------------------------------------------------------------------------------------- */
   
   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0; padding: 0; border: 0; outline: 0;
     font-size: 100%; vertical-align: baseline; background: transparent; }
   body {
     line-height: 1; }
   ol, ul {
     list-style: none; }
   blockquote, q {
     quotes: none; }

   /* turn off outline for clicked links, whilst leaving it on for keyboard navigation */
   a:active { outline: none; }

   /* remember to highlight inserts somehow! */
   ins {
     text-decoration: none; }
   del {
     text-decoration: line-through; }

   /* tables still need 'cellspacing="0"' in the markup */
   table {
     border-collapse: collapse; border-spacing: 0; }

/* =typography | based on http://alistapart.com/articles/settingtypeontheweb/
                          http://24ways.org/2006/compose-to-a-vertical-rhythm/
                          
    NOTE: found that margin-top applied to everything is be a pain - it often messes up layout and requires jumping through
          hoops to fix, so have stopped doing this as a default and now add top margin manually when required instead.
    NOTE: using px for type is bad for people using IE6, but good for my brain. IE6 is dying, so I think that's OK. Feel free
          to tut if you're a purist. I'm a pragmatist.
   ----------------------------------------------------------------------------------------------------------------------- */
   body {
     font : 75%/1.5 "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
   html > body {
     font-size : 12px; }
   div, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   address, img, dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
     margin-bottom : 1.5em; }
   h1,
   .home h2 { font-family : Georgia; font-size : 24px; line-height: 36px; margin-bottom: 18px; font-weight : normal; }
   h2 { font-family : Georgia; font-size : 20px; line-height: 36px; margin-bottom: 18px; font-weight : normal; }
   h3, h4, h5, h6 {
     font-family : Georgia; font-size : 18px; line-height: 18px; margin-bottom: 18px;
     font-weight : normal; }
   /* fix safari to stop it rendering fat text against dark backgrounds
   body { -webkit-text-stroke : 1px transparent; } */
   
/* =design | now the browser reset and basic typographic layout is done, lets get designing
   ----------------------------------------------------------------------------------------------------------------------- */
   
/* =html =body */
   html {
     background : #312e32 url(../images/html.png) 0 0 no-repeat; }
   body {
     background : transparent url(../images/body.png) 50% 0 repeat-y; }

/* =h1 */
   h1 {
     /* text-transform : uppercase; */ }
   
/* =h2 */
   #content h2 {
     /* text-transform : uppercase; */ }
   #nav_main h2 {
     display : none; }
     
/* =h3 */
   h3 {  }
     
/* =h4 */
   h4 { margin-bottom: 5px;  }

/* =p */
   p.accessibility {
     position : absolute;
     margin : -3.5em 0 0 0;
     z-index : 2; }
     
   blockquote p:before {
     content : "\201c"; }
   blockquote p:after {
     content : "\201d"; }
   blockquote p.author {
     border-top : 1px dotted #666; }
   blockquote p.author:before,
   blockquote p.author:after {
     content : ""; }
     
   .attributed p {
     margin-bottom : 0; }
     
   #content_main > h2 + p,
   #content_main > h1 + p,
   #content_main > h2 + a + p {
     font-size : 1.333em; line-height : 1.125em; margin : .929em 0 2.25em 0; }
     
   label p.error {
     padding : .5em; color : #fff;
     background : #c00; text-align : left; }
     
   p.intro {
     font-weight : bold; }
   .intro p {line-height: 20px;}
   
   p.date {color: #c7c7c7; margin-top: 0;}
     
/* =blockquote */
   blockquote {
     clear : both; }

/* =em =strong =del =ins =abbr =acronym =code */
   em          { font-style : italic; }
   strong      { font-weight : bold; }
   del         { text-decoration : line-through; }
   ins         { text-decoration : none; color : #006; }
   del[title],
   ins[title]  { cursor : help; }
   acronym,
   abbr        { text-decoration : none; border-bottom : none; font-style : italic; cursor : help; }
   code        { font-family : dialogue, 'Courier New', courier, serif; }
   sup         { vertical-align : super; font-size : .8333em; }
   sub         { vertical-align : sub; }
   
/* =address */
   address {  }

/* =dl =dt =dd */
   dl {  }
   dt {
     margin-bottom : 0;
     font-weight : bold; font-style : italic; }
   dd {
     margin-top : 0;
     border-left : .3em solid #ddd; padding : .5em 0 0 .7em; }
   
/* =ul */
   #content ul {
     margin-left : 1em;
     list-style : disc outside; }
   #nav_main ul {
     margin : 0; }
   
/* =ol */
   #content ol {
     margin-left : 1.6em;
     list-style : decimal outside; }

/* =li */
   li {
     margin : .5em 0; }
     
/* =img */
   img,
   img a { border : none; }
   .attributed img {
     margin : 0; }
   
/* =hr */
   hr { display : none; }

/* =a */
   a:link    { color : #000; text-decoration : none; }
   a:visited { color : #000; text-decoration : none; }
   a:hover   { text-decoration : underline; outline : none; }
   a:focus   { outline : 1px solid #FCD013; }
   a:active  { outline : none; }
   :target   { background-color : #FCD013; }
   
   #site_info a#twitter_link {color:#62a9c7;}
   
   #header_controls a:focus {
     outline : none; }
   
   p.accessibility a {
     margin : 0; padding : 0; line-height : 1em; }
   p.accessibility a:focus {
     position : absolute; left : 1em;
     margin-top : 2.5em;
     background-color : #ffff99; }
     
/* =table */
   table {
     width : 100%; border : 1px solid #ddd; }

/* =caption */
   caption {  }

/* =thead */
   thead {
     text-align : left; background : #ddd; }

/* =tfoot */
   tfoot {
     background-color : #ddd; }
   
/* =tbody */
   tbody {  }
   
/* =tr */
   tbody tr:hover { background-color : #f6f6f6; }
   
/* =th */
   th {
     font-weight : bold; padding : 2px; }

/* =td*/
   td {
     border : 1px dotted #ddd; padding : 2px; }

/* =form */
   form {
     position : relative;
     width : 100%;
     overflow : hidden; }
     
   #nav_main form {
     margin : 0; }
   
/* =fieldset */
   fieldset {  }

/* =legend */
   legend {
     margin : 0; }
   
   #nav_main legend {
     display : none; }
   
/* =blockquote */
   blockquote {
     border-left : 5px solid #666; padding-left : 5px; }

/* =label */
   label {
     position : relative; /* so we can absolutely position errors */
     display : block;
     overflow : hidden; /* so no collapsing float issues */ }
   
/* =input */
   input[type="text"],
   input[type="password"],
   textarea {
     border : 1px solid #999; }
   input[type="text"]:focus,
   input[type="password"]:focus,
   textarea:focus {
     background-color : #ffd; }
     
   label input {
     width : 97%; }
   .boolean input {
     width : auto; margin-right : .5em; }
   
/* =textarea */
    textarea {
      width : 99%; height : 8em; }

/* =select */
   label select {
     width : 100%; }/*
   select:focus {
     background-color : #ff9; }*/
     
/* =div */
   #container {
     position : relative;
     width : 980px; margin : 0 auto;
     background : #000 none 0 99px no-repeat; color : #fff; overflow : hidden; }
   #page_context,
   #site_context  {
     height : 99px; margin-bottom : 0;
     background : #000 url(../images/site_context-rps.png) 0 0 no-repeat;
     -moz-box-shadow : 0 0 10px #000; -webkit-box-shadow : 0 0 10px #000; box-shadow : 0 0 10px #000; }
   #content {
     margin : 370px 0 0 140px; width : 700px; padding : 20px 20px 0 40px;
     background : #fff url(../images/content_yellow.png) 0 0 repeat-y; color : #000;
     -moz-box-shadow : 0 0 10px #000; -webkit-box-shadow : 0 0 10px #000; box-shadow : 0 0 10px #000; }
   #nav_main {
     position : absolute; top : 0; right : 0;
     margin : 0; }
     
/* =span */
   label span {
     display : block; }
   label.boolean span {
     display : inline; }
   
/* =layout-classes */
   .float-left {
     float : left;
     margin-right : 30px; }
   .float-right {
     float : right;
     margin-left : 20px; }
   .float-left.last {
     margin-right : 0; }
   .clear {
     clear : both; }
     
   /* full width portions */
   .one-third {
     width : 300px; text-align : justify; /* text align to show column bounds */ }
   .two-thirds {
     width : 630px; text-align : justify; /* text align to show column bounds */ }
   .half {
     width : 465px; text-align : justify; /* text align to show column bounds */ }
     
   /* portions inside a two-third parent portion */
   .two-thirds .one-third {
     width : 190px; }
   .two-thirds .two-thirds {
     width : 410px; }
   
/* =display-classes */
   .attributed {
     padding : 9px; border : 1px solid #eee;
     background-color : #f6f6f6; }
     
/* MODULES */
   /* =header */
   #site_context .company {
     margin : 0; }
   #site_context .company a {
     position : absolute; top : 50px; left : 140px;
     display : block; width : 387px; height : 21px;
     overflow : hidden; color : #fff; font-size : 14px; line-height : 18px; }
   #site_context .company a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 100%; height : 100%;
     background : url(../images/site_context-rps.png) -140px -50px; }
     
   /* =header_controls */
   /* we want the header controls to be hidden by default.
      if js is on, it will unhide it, so we dont display the 
      controls to users who cant use them */
   #header_controls {
     display : none;
     position : absolute; left : 0; top : 485px;
     width : 120px; padding : 10px;
     background-color : rgba(0,0,0,.25); color : #fff; text-align : right; }
   #header_controls ul {
     margin : 0 0 6px 0; }
   #header_controls li {
     display : inline-block; margin : 0 0 0 3px;
     list-style-type : none; }
   #header_controls li a {
     color : #fff; padding : 3px; }
   #header_controls li a:focus {
     background-color : transparent; }
   #header_controls li a.current {
     color : #fcd013; }
   #header_controls p {
     margin-bottom : 0; line-height : 16px; }
   #header_controls p a {
     color : #fff; }
     
   /* =footer */
   #site_info {
     margin : 24px 0 0 180px;
     background : url(../images/footer_logo.png) 0 0 no-repeat; font-family : Georgia; overflow : hidden; }
   #site_info h2 {
     position : absolute; left : -999em;
     overflow : hidden; }
   #site_info a {
     color : #fff; }
   
   #site_info #address {
     float : left;
     padding-top : 120px; width : 220px; margin-right : 20px; }
   #nav_footer {
     float : left;
     width : 220px; margin-right : 20px; }
   #nav_footer h3,
   #site_info form h3 {
     position : relative;
     display : block; width : 216px; height : 19px; padding : 2px;
     font-size : 16px; line-height : 18px; }
   #nav_footer h3 span,
   #site_info form h3 span {
     position : absolute; left : 0; top : 0;
     display : block; width : 100%; height : 100%;
     background : url(../images/footer_rps.png) 0 0 no-repeat; }
   #nav_footer h3.sa span {
     background : url(../images/footer_sa.png) 0 0 no-repeat; }
   #nav_footer li {
     margin : 0; }
   #site_info form h3 span {
     background-image : url(../images/footer_ns.png); }
     
   #newsletter_signup {
     float : left;
     width : 220px; }
     
   div.footer_logos {
     float : left; 
     width : 295px;
     margin-left : -75px;
     }

     div.footer_logos a {
     	float:right;
     	margin:0 10px 10px 10px;
     }

     .bsa {
     	background:transparent url(/assets/images/bsa.jpg) no-repeat;
     	width:55px;
     	height:60px;
     	display:block;
     	text-indent:-999em;
     }

     .ib {
     	background:transparent url(/assets/images/ib.jpg) no-repeat;
     	width:75px;
     	height:60px;
     	display:block;
     	text-indent:-999em;
     }

     .iaps {
     	background:transparent url(/assets/images/iaps.jpg) no-repeat;
     	width:20px;
     	height:60px;
     	display:block;
     	text-indent:-999em;
     }

     .shmis {
     	background:transparent url(/assets/images/shmis.jpg) no-repeat;
     	width:150px;
     	height:60px;
     	display:block;
     	text-indent:-999em;
     }

     .hmc {
     	background:transparent url(/assets/images/hmc.jpg) no-repeat;
     	width:105px;
     	height:60px;
     	display:block;
     	text-indent:-999em;
     }
   /* =nav_sub */
   #nav_sub {
     position : absolute; left : 30px; top : 576px;
     width : 100px; padding : 10px;
     text-align : left; }
   #nav_sub ul {
     margin : 0; }
   #nav_sub li {
     margin : 0 0 3px 0;
     list-style-type : none; overflow : hidden; }
   #nav_sub li a {
     display : block; padding : 3px 16px 3px 6px; margin-bottom : 4px;
     background-color : rgba(50,50,50,.75); color : #fff; }
   #nav_sub li a:focus {
     background-color : rgb(50,50,50); }
   #nav_sub li a.current {
     color : #fcd013; }
   #nav_sub li.current > a {
     border-left : 3px solid #000; }
     
   #nav_sub li li a {
     margin-left : 10px;
     background-color : rgba(255,255,255,.75); color : #000; font-size : 11px; line-height : 14px; }
   #nav_sub li li a:focus {
     background-color : #fff; }
   #nav_sub li li li a {
     margin-left : 20px; }     
    #nav_sub li li li li a {
      margin-left : 30px; }
    #nav_sub li li li li li a {
      margin-left : 40px; }
    #nav_sub li li li li li li a {
      margin-left : 50px; }
     
    #nav_sub li.calendar { 
      margin-bottom : 16px;}
     
   /* =nav_main */
   #nav_main {
     position : absolute; top : 99px; left : 0;
     width : 100%; height : 24px; line-height : 24px;
     background-color : #333;
     -moz-box-shadow : 0 0 10px #000; -webkit-box-shadow : 0 0 10px #000; box-shadow : 0 0 10px #000; }
   
   #nav_main > ul {
     width : 680px; margin : 0 auto; padding-left : 38px; }
   #nav_main > ul > li {
     position : relative; float : left; margin : 0 5px; padding : 0 5px;
     display : inline; }
   #nav_main > ul > li > a {
     float : left;
     color : #fff; font-family : Georgia; /* text-transform : uppercase; */ }
   #nav_main > ul > li.home > a {
     width : 16px;
     background : url("../images/home-icon.gif") no-repeat 0 4px transparent; text-indent : -999em; overflow : hidden; }
   #nav_main > ul > li.home > a:hover,
   #nav_main > ul > li.home > a:focus {
     background-position : 0 -38px; text-decoration : none; }
     
     /* sub menu */
   #nav_main li div.sub_menu {
     position : absolute; top : 24px;
     padding : 10px; width : 400px;
     background : rgba(50,50,50,.9); border-top : 2px solid #000; border-bottom : 2px solid #000;
     -moz-box-shadow : 0 4px 3px rgba(0,0,0,.5); -webkit-box-shadow : 0 4px 3px rgba(0,0,0,.5); box-shadow : 0 4px 3px rgba(0,0,0,.5); }
   #nav_main li.pre_prep:hover div.sub_menu,
   #nav_main li.admissions:hover div.sub_menu,
   #nav_main li.lettings:hover div.sub_menu,
   #nav_main li.more:hover div.sub_menu {
     left : auto; right : 0; }
   #nav_main li div.sub_menu.columns0 {
     width : 120px; }
   #nav_main li div.sub_menu.columns0 .left {
     border-right : 0; }
   #nav_main li div.sub_menu.columns1 {
     width : 260px; }
   #nav_main li div.sub_menu .left {
     float : left;
     width : 120px; margin-right : 0; padding-right : 9px; border-right : 1px dotted #000; margin-bottom : 0; }
   #nav_main li div.sub_menu .right {
     float : right; margin-bottom : 0; width : 130px; }
   #nav_main li div.sub_menu .right ul {
     float : left;
     width : 110px; margin-left : 10px; }
   #nav_main li div.sub_menu ul,
   #nav_main li div.sub_menu li {
     margin : 0 0 6px 0; line-height : 16px; }
   #nav_main li div.sub_menu .left a {
     color : #ccc; }
   #nav_main li div.sub_menu .right a {
     color : #fff; }
     
     /* multiple columns of sub menu */
   #nav_main li div.sub_menu.columns2 {
     width : 370px; }
   #nav_main li div.sub_menu.columns2 .right {
     float : right; margin-bottom : 0; width : 240px; }
   #nav_main li div.sub_menu.columns3 {
     width : 490px; }
   #nav_main li div.sub_menu.columns3 .right {
     float : right; margin-bottom : 0; width : 360px; }
   #nav_main li div.sub_menu.columns4 {
     width : 610px; }
   #nav_main li div.sub_menu.columns4 .right {
     float : right; margin-bottom : 0; width : 480px; }
     
   /* show and hide */
   #nav_main > ul > li.hassub:hover,
   #nav_main > ul.academic > li.academic,
   #nav_main > ul.sport > li.sport,
   #nav_main > ul.activities > li.activities,
   #nav_main > ul.school_life > li.school_life,
   #nav_main > ul.sixth_form > li.sixth_form,
   #nav_main > ul.admissions > li.admissions,
   #nav_main > ul.more > li.more {
     background : url(../images/navigation_indicator.png) 50% 100% no-repeat; }
   #nav_main > ul > li.hassub:hover > a {
     text-decoration : none; }
   #nav_main li div.sub_menu {
     position : absolute; left : -999em;
     overflow : hidden; opacity : 0;
     -webkit-transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     transition: opacity .25s ease-in-out; }
   #nav_main li:hover div.sub_menu {
     left : 0;
     opacity : 1; }
     
   /* =nav_schools */
   #nav_schools {
     position : absolute; top : 245px; right : 80px; }
   #nav_schools h2 {
     position : absolute; left : -999em;
     overflow : hidden; }
   #nav_schools ul {
     margin : 0; }
   #nav_schools li {
     list-style-type : none; }
   #nav_schools li a {
     position : absolute; top : 200px; right : 173px;
     display : block; width : 113px; height : 24px; color : #999; overflow : hidden; }
   #nav_schools li.item_2 a {
     width : 69px; right : 100px; }
   #nav_schools li.item_3 a {
     width : 96px; right : 0px; }
   #nav_schools li a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 100%; height : 100%;
     background : url(../images/menu_schools-internal.png) 0 0 no-repeat; }
   #nav_schools li.item_2 a span {
     background-position : -113px 0; }
   #nav_schools li.item_3 a span {
     background-position : -182px 0; }
     
   #nav_schools li.item_1 a:hover span {
     background-position : 0 -24px; }
   #nav_schools li.item_2 a:hover span {
     background-position : -113px -24px; }
   #nav_schools li.item_3 a:hover span {
     background-position : -182px -24px; }
     
   body.prep_school #nav_schools li.item_1 a span {
     background-position : 0 -48px; }
   body.senior_school #nav_schools li.item_2 a span {
     background-position : -113px -48px; }
   body.alumni #nav_schools li.item_3 a span {
     background-position : -182px -48px; }
     
   /* =nav_search */
   #nav_search {
     position : absolute; top : 10px; right : 10px;
     width : 180px;
     text-align : right; }
   #nav_search h3 {
     position : absolute; left : -999em; overflow : hidden; }
   #nav_search #search {
     width : 120px; border : 0; border-bottom : 1px solid #fff;
     background-color : #000; color : #fff; }
   #nav_search label {
     float : left;
     width : 155px; }
     
   /* =breadcrumb */
   p.breadcrumb {
     margin-top : -16px; font-size : 11px; color : #919191; }
   p.breadcrumb a {
     color : #919191;}
      
     /* =module_calendar */
     div.module_calendar {
       width : 220px; }
     div.module_calendar h2 {
       position : absolute; left : -999em;
       overflow : hidden; }
     div.module_calendar h3 {
       margin-bottom : 4px; }
     #content div.module_calendar ul {
       margin : 0; }
     div.module_calendar li,
     div.featured.sidebar div.event {
       margin : 0; border-bottom : 1px dotted #999; padding-top : 12px; padding-bottom : 12px;
       list-style-type : none; overflow : hidden; background-color : #f4f4f4; }
     div.module_calendar p.date, #calendar p.date, div.featured.sidebar div.event p.date{
       float : left;
       width : 35px; margin : 0 10px; padding : 5px 0;
       text-align : center; font-family : Georgia; line-height : 16px; }
     #calendar p.date.wide { width: 55px;}
     div.module_calendar p.date span,  #calendar p.date span, div.featured.sidebar div.event p.date span {
       font-size : 18px; }
     div.module_calendar div {
       float : right; margin-bottom : 0;
       width : 165px; }
     div.module_calendar p.tags {
       font-size : 10px; }
     #calendar p.date.span_month.start { 
       margin-right : 5px;}
     #calendar p.date.span_month.end { 
       margin-left : 5px;}
     #calendar p.date_marker { 
       float : left; font-size : 20px; line-height : 39px; }
     #calendar td.date_td { 
       width : 107px; }
     #calendar.big p.date {
       -webkit-box-shadow : 0 0 6px #000; -moz-box-shadow : 0 0 6px #000; box-shadow : 0 0 6px #000;
       width : 70px; font-size : 18px; padding:10px 0; line-height : 24px;}
     #calendar.big p.date.wide {
       width : 110px;  }
     #calendar.big p.date span {
        font-size : 34px; }
     #calendar.big p.date_marker {
        font-size : 38px; line-height : 60px; }
     body.events .event_detail #calendar.big { 
       float : left; }
     body.events .event_detail {
       background : #f0f0f0; border : 1px solid #000; padding : 20px; float : left; width : 50%; }
     body.events #calendarOverview {
       float : right; width : 38%; }
     body.events .event_details_container { 
       float : left; }
       
     #calendarOverview thead th,
     #calendarOverview tbody td {
       text-align : center; }
     #calendarOverview thead th div {
       margin-bottom : 0; }
     #calendar .inner table td {
       vertical-align : top; }
     #calendar .inner table td a {
       font-weight : bold; }

     div.module_calendar .prep_school p.date, div.module_calendar .site_id_3 p.date, body.prep_school #calendar p.date,  div.featured.sidebar div.prep_school.event p.date  {
       color : #000; }
     div.module_calendar .prep_school p.past, div.module_calendar .site_id_3 p.past, body.prep_school #calendar p.past,  div.featured.sidebar div.prep_school.event p.past  {
       background-color : #eaeaea; color: #000; }
     div.module_calendar .prep_school p.future, div.module_calendar .site_id_3 p.future, body.prep_school #calendar p.future,  div.featured.sidebar div.prep_school.event p.future  {
       background-color : #0d2e52; color: #fff; }
       
     div.module_calendar .senior_school p.date, div.module_calendar .site_id_1 p.date, body.senior_school #calendar p.date,  div.featured.sidebar div.senior_school.event p.date {
        color : #000; }
	  div.module_calendar .senior_school p.past, div.module_calendar .site_id_1 p.past, body.senior_school #calendar p.past,  div.featured.sidebar div.senior_school.event p.past {
	  	  background-color : #eaeaea;}
	  div.module_calendar .senior_school p.future, div.module_calendar .site_id_1 p.future, body.senior_school #calendar p.future,  div.featured.sidebar div.senior_school.event p.future {
	  	  background-color : #fcd013;}
	  	  
     div.module_calendar .alumni p.date, div.module_calendar .site_id_4 p.date, body.alumni #calendar p.date, div.featured.sidebar div.alumni.event p.date  {
       color : #000; }
     div.module_calendar .alumni p.past, div.module_calendar .site_id_4 p.past, body.alumni #calendar p.past, div.featured.sidebar div.alumni.event p.past  {
       background-color : #eaeaea;}
     div.module_calendar .alumni p.future, div.module_calendar .site_id_4 p.future, body.alumni #calendar p.future, div.featured.sidebar div.alumni.event p.future  {
       background-color : #d5ece5;}

     div.module_calendar li.image {
       padding-top : 0; }
     div.module_calendar li.image p.date {
       margin : 0 5px 0 0; height : 58px; width : 50px; padding : 10px 0px 0 0;
       font-size : 14px; }
     div.module_calendar li.image p.date span {
       font-size : 24px; }
     div.module_calendar li.image img {
       margin-bottom : 6px; }

     div.module_calendar ul + p {
       display : block; padding : 4px 10px;
       background-color : #e4e4e4; font-family : Georgia; }
     #calendarOverview td.calendarActiveCell { 
       background-color: #fcd013;}
     #calendarOverview td.calendarActiveCell a { 
       font-weight:bold; }
     body.prep_school div.module_calendar ul + p a,
     body.prep_school #calendarOverview td.calendarActiveCell,
     body.prep_school #calendarOverview td.calendarActiveCell a {
       background-color : #0D2E52; color : #fff; }
     
     body.senior_school #calendarOverview td.calendarToday {
       border: 1px solid #000; }   
    
     
   /* =featured news */
   .featured .item {
     float : left;
     width : 140px; margin-left : 20px; }
   .featured.sidebar .item { width:300px;}
   .featured .item:first-child,
   .featured .item.feature + .item {
     margin-left : 0; }
   .featured .item p,
   .featured .item h3 {
     margin : 0 8px 18px; }
   .featured .item h3 {
     font-size : 16px; line-height : 20px; }
   .featured .item img {
     margin-bottom : 12px; }
   .featured .item p.tags {
     font-size : 10px; margin-bottom : 12px; }
     
   .featured .item.prep_school,
   .featured .item.site_id_3 {
     border-bottom : 4px solid #0d2e52;
     background-color : #e6eaed; }
   .featured .item.prep_school img,
   .featured .item.site_id_3 img {
     border-bottom : 4px solid #0d2e52; }
   .featured .item.senior_school,
   .featured .item.site_id_1 {
     border-bottom : 4px solid #fcd013;
     background-color : #fef6d0; }
   .featured .item.senior_school img,
   .featured .item.site_id_1 img {
     border-bottom : 4px solid #fcd013; }
   .featured .item.alumni,
   .featured .item.site_id_4 {
     border-bottom : 4px solid #d5ece5;
     background-color : #ecf6f3; }
   .featured .item.alumni img,
   .featured .item.site_id_4 img {
     border-bottom : 4px solid #d5ece5; }
   .featured.sidebar .item img { 
     float : left; margin-right : 5px; margin-bottom:-4px;}
     
   .featured .item.feature {
     float : none;
     width : 460px; margin-left : 0; border-bottom : 0;
     overflow : hidden; }
   .featured .item.feature img {
     float : left;
     display : block; margin : 0; border-bottom : 0; }
   .featured .item.feature div {
     float : right;
     width : 140px; padding-top : 8px; }
     
   /* =module_campus-tour */
   .module_campus-tour h2 {
     margin-bottom : 0; }
   #content .module_campus-tour ul {
     margin : 0; }
   .module_campus-tour li {
     border-top : 1px dotted #999; padding-top : 12px;
     list-style-type : none; }
   .module_campus-tour div.tourimage {
     float : left;
     width : 70px; margin-bottom : 0; }
   .module_campus-tour div.details {
     float : right;
     width : 150px; margin-bottom : 0; }
   .module_campus-tour li img {
     border: 3px solid #fff; margin : 0;
     -webkit-box-shadow : 0 0 6px #000; -moz-box-shadow : 0 0 6px #000; box-shadow : 0 0 6px #000;
     -webkit-transition: all 0.25s ease-in-out;
     -moz-transition: all 0.25s ease-in-out; /* Ready for Firefox 3.7, fingeres crossed */
     transition: all 0.25s ease-in-out; /* I live in hope */ }
   .module_campus-tour li:nth-child(1) img {
     -webkit-transform : rotate(-3deg); -moz-transform : rotate(-3deg); transform : rotate(-3deg); }
   .module_campus-tour li:nth-child(2) img {
     -webkit-transform : rotate(4deg); -moz-transform : rotate(4deg); transform : rotate(4deg); }
   .module_campus-tour li:nth-child(3) img {
     -webkit-transform : rotate(-1deg); -moz-transform : rotate(-1deg); transform : rotate(-1deg); }
   .module_campus-tour li a:hover img {
     -webkit-transform : rotate(0); -moz-transform : rotate(0); transform : rotate(0);
     -webkit-box-shadow : 0 0 3px #999; -moz-box-shadow : 0 0 3px #999; box-shadow : 0 0 3px #999; }
     
   /* =gallery-type-1 */
   #content .gallery-type-1 ul {
     margin : 0 0 0 -4px;
     overflow : hidden; }
   .gallery-type-1 li {
     display : inline;
     list-style-type : none; }
   .gallery-type-1 li a {
     float : left; margin-left : 3px; }
   .gallery-type-1 li a img {
     display : block; margin-bottom : 0; }
   .gallery-type-1 li.current a img {
     border-bottom : 4px solid #000; }
   .gallery-type-1 img.main {
     border-bottom : 5px solid #000; margin-bottom : 5px; }
     
   /* =pullquote */
   .pullquote {
     background-color : #f2f2f2;
     width : 140px; border-top : 5px solid #000; border-bottom : 5px solid #000; padding : 10px; }
   .pullquote.left {
     float : left;
     margin-right : 20px; }
   .pullquote.right {
     float : right;
     margin-left : 20px; }
   .pullquote blockquote {
     border : 0; margin-bottom : 0;
     font-family : Georgia; font-size : 17px; line-height : 21px; color : #333; font-style : italic; }
   .pullquote p {
     margin-bottom : 0; }
     
   /* =comment_icon */
   p.comments {
     width : 27px; height : 23px; line-height : 18px; font-size : 12px;
     background : url(../images/icon_comments.png) 0 0 no-repeat; color : #666; text-align : center; }
   p.comments span {
     position : absolute; left : -999em;
     overflow : hidden; }
   .feature p.comments {
     background-image : url(../images/icon_comments-2.png); }
     
   /* =courses */
   div.courses li {
     list-style-type : none; margin : 0; }
   div.courses h2 {
     border-bottom : 1px dotted #999; }
   div.courses form {
     padding : 10px; width : 200px;
     background-color : #f0f0f0; }
   div.courses form fieldset {
     margin-bottom : 0; }
   div.courses form h2 {
     font-size : 12px; line-height : 22px; }
   div.courses label[for="course_search"] {
     float : left;
     width : 150px; margin : 0 10px 0 0; }
   div.courses input[type="submit"] {
     float : left;
     width : 40px; }
     
   /* =downloads */
   #content div.downloads ul  {
     margin-left : 0; }
   div.downloads li {
     list-style-type : none;
     padding-left : 24px; }
   div.downloads li.zip {
     background : url("../images/icon-zip.png") no-repeat 0 0; }
   div.downloads li.pdf {
     background : url("../images/icon-pdf.png") no-repeat 0 0; }
   div.downloads li.doc {
     background : url("../images/icon-doc.png") no-repeat 0 0; }
     
   /* =inpagegallery */
   div.image {
     padding : 10px;
     background-color : #eee; }
   div.image span {
     display : block;
     margin-bottom : 0; }
   div.image.s300 {
     width : 300px; }
     
    div.image.s180 {
      width : 180px; }
     div.image.s440 {
       width : 440px; }
      div.image.s680 {
        width : 680px; }
    div.image a.fancybox img { 
      margin-bottom : 0;}
   /* =comment_form */
   #comment_form fieldset {
     padding : 12px;
     background-color : #EEE; }
   #comment_form fieldset h3 {
     border-bottom : 1px dotted #999; padding-bottom : 11px; }
   #comment_form fieldset label {
     float : left;
     margin-right : 12px; width : 212px; }
   #comment_form fieldset label[for="comment_url"] {
     float : none; clear : both;
     margin : 0; width : 100%; }
   #comment_form input[type="text"] {
     padding : 3px; width : 204px; }
   #comment_form fieldset label[for="comment_email"] {
     margin-right : 0; }
   #comment_form fieldset label[for="comment_url"] {
     width : auto; }
   #comment_form fieldset label[for="comment_url"] input {
     width : 428px; }
     
   #comment_form fieldset label[for="comment_comment"] {
     width : 440px; margin-right : 0; }
   #comment_form fieldset label[for="comment_comment"] textarea {
     width : 428px; }
     
   #comment_form fieldset label.boolean {
     width : 100%; }
   .comment {
     border-top : 1px dotted #999; padding-top : 12px; }
     
/* =homepage */
   body.home .page_heading {
     position : relative;
     width : 696px; height : 34px; padding : 2px; line-height : 38px; margin-bottom : 18px; }
   body.home .page_heading span {
     position : absolute; top : 0; left : 0;
     width : 100%; height : 100%;
     background : url(../images/h1_welcome-to-rps.png) 0 0 no-repeat; }
   
   body.home #content_main {
     float : left;
     width : 460px; }
   body.home #content_supp {
     float : right;
     width : 220px; }
     
   body.col-2 #content_main {width: 380px; position: relative; float: left;}
   body.col-2 #content_supp {width: 300px; position: relative; float: right;}
     
   /* =nav_schools (it's different on the homepage) */
   body.home #nav_schools {
     position : absolute; top : 99px; right : 80px; }
   body.home #nav_schools h2 {
     position : absolute; left : -999em;
     overflow : hidden; }
   body.home #nav_schools ul {
     margin : 0; }
   body.home #nav_schools li {
     list-style-type : none; margin-top : 0; margin-bottom : 1em; }
   body.home #nav_schools li a {
     position : relative; top : 0; left : 0;
     display : block; width : 220px; height : 28px; color : #999; overflow : hidden; }
   body.home #nav_schools a span {
     position : absolute; top : 0; left : 0;
     display : block; width : 100%; height : 100%;
     background : url(../images/menu_schools.png) 0 0 no-repeat; }
     
   body.home #nav_schools .item_2 a span {
     background-position : -220px 0; }
   body.home #nav_schools .item_3 a span {
     background-position : -440px 0; }
     
   body.home #nav_schools .item_1 a:hover span {
     background-position : 0 -28px; }
   body.home #nav_schools .item_2 a:hover span {
     background-position : -220px -28px; }
   body.home #nav_schools .item_3 a:hover span {
     background-position : -440px -28px; }
     
/* =senior_school landing */
   body.senior_school #content {
     background-position : -10px 0; }  
   body.senior_school.landing #content_main .col-1 {
     float : left;
     width : 460px; }
   body.senior_school.landing #content_main .col-2 {
     float : right;
     width : 220px; }
     
   body.senior_school.landing div.intro {
     font-family : Georgia; font-size : 15px; line-height : 26px; color : #444; }
   body.senior_school.landing div.content h2,
   body.senior_school.landing div.featured h2,
   body.senior_school h1 {
     border-bottom : 1px dotted #999; }
     
   body.senior_school.landing div.gallery-type-1 {
     float : left;
     width : 301px; }
     
   body.senior_school #content_supp .content {
     float : right;
     width : 300px; }
   body.department #content .gallery-type-1 ul {
     width : 305px; }
     
   body.senior_school.landing #content_supp .content {
     float : right;
     width : 380px; 
     border: 1px solid #eaeaea;
     background: #fafafa;
     margin-right: -20px;
     padding: 10px;
     }
     
/* =prep_school landing */
   body.prep_school #content {
     background-position : -10px 0; }
   body.prep_school.landing #content_main .col-1 {
     float : left;
     width : 460px; }
   body.prep_school.landing #content_main .col-2 {
     float : right;
     width : 220px; }
     
   body.prep_school.landing div.intro {
     font-family : Georgia; font-size : 15px; line-height : 26px; color : #444; }
   body.prep_school.landing div.content h2,
   body.prep_school.landing div.featured h2,
   body.prep_school h1 {
     border-bottom : 1px dotted #999; }
     
   body.prep_school.landing div.gallery-type-1 {
     float : left;
     width : 301px; }
     
   body.prep_school #content_supp .content {
     float : right;
     width : 300px; }
     
   body.prep_school.landing #content_supp .content {
     float : right;
     width : 380px; 
     border: 1px solid #eaeaea;
     background: #fafafa;
     margin-right: -20px;
     padding: 10px;
     }
     
     
/* =alumni landing */
  body.alumni #content {
    background-position : -10px 0; }
  body.alumni.landing #content_main .col-1 {
    float : left;
    width : 460px; }
  body.alumni.landing #content_main .col-2 {
    float : right;
    width : 220px; }

  body.alumni.landing div.intro {
    font-family : Georgia; font-size : 15px; line-height : 26px; color : #444; }
  body.alumni.landing div.content h2,
  body.alumni.landing div.featured h2,
  body.alumni h1 {
    border-bottom : 1px dotted #999; }

  body.alumni.landing div.gallery-type-1 {
    float : left;
    width : 301px; }

  body.alumni #content_supp .content {
    float : right;
    width : 300px; }

  body.alumni.landing #content_supp .content {
    float : right;
    width : 380px; }

/* =department */
   body.department #content_main {
     float : left;
     width : 380px; margin-right : 20px; }
   body.department #content_supp {
     float : right;
     width : 300px; }
   
   body.department #content_supp .morecontent {
     padding : 10px;
     background-color : #f2f2f2; }
     
   body.department #content_supp .morecontent .quote blockquote p:before,
   body.department #content_supp .morecontent .quote blockquote p:after {
       content : none; }
       
   body.department #content_supp .morecontent .top img {
     float : left; margin-right : 10px; border-bottom : 4px solid #fcd013; margin-bottom : 0; }
   body.department #content_supp .morecontent .top .quote {
     float : left; width : auto; margin-bottom : 0; }
   body.department #content_supp .morecontent .top .quote blockquote {
     clear : none;
     border-left : 0; margin : 0; padding : 0; font-family : Georgia; line-height : 16px; }
   body.department #content_supp .morecontent .info2,
   body.department #content_supp .morecontent .info2 p {
     margin-bottom : 0; }
   body.department #content_supp .morecontent .top {
     overflow : hidden; }
     
   body.department #content_supp .morecontent .left {
     float : left;
     width : 130px; margin-bottom : 0; }
   body.department #content_supp .morecontent .right {
     float : right;
     width : 130px; margin-bottom : 0; }
     
/* =news */
   body.news .featured .item.feature {
     height : 245px; width : 700px;
     background-color : #1d1d1d; color : #fff; }
   body.news .featured .item.feature div {
     width : 220px; padding-top : 24px; }
   body.news .featured .feature h3 {
     font-size : 22px; line-height : 24px; }
   body.news .featured .item {
     width : 220px; }
   body.news .featured .item p,
   body.news .featured .item h3 {
     margin-left : 0; margin-right : 0; }
   body.news .featured .item p.comments {
     float : left; margin-right : 12px; }
   body.news .featured .item p.tags,
   body.news .featured .item p.date {
     font-size : 10px; margin-bottom : 0; }
   body.news .featured .item .detail {
     padding : 0 5px;  }
  
  .comment_message {font-size: 15px; border-left: 3px solid #c7c7c7; padding-left: 10px;}
   
   body.news #content_supp h2 {
     margin-bottom : 0; }
   body.news #content .item.small {
     padding-top : 19px; border-top : 1px dotted #999; margin-top : 12px;
     overflow : hidden; }
   body.news #content .item.small > img {
     float : left; margin-bottom : 0; }
   body.news #content_supp div.meta,
   body.news #content .item.small div.meta,
   body.news #content_supp div.downloads {
     margin-bottom : 0; }
   body.news #content .item.small > div {
     float : right;
     width : 460px; margin-bottom : 0; }
   body.news #content .item.small p.comments {
     float : left; margin-right : 12px; margin-bottom : 0; }
   body.news #content .item.small p.tags,
   body.news #content .item.small p.date {
     font-size : 10px; margin-bottom : 0; }
     
   body.news p.more {
     display : block;
     border-top : 1px dotted #999; border-bottom : 1px dotted #999; padding : 3px 10px; margin-bottom : 24px;
     background : #ededed; }
   body.news #content_supp #more_content { 
     display : none;}
     
/* =subjects overview */
   body.landing.overview .intro {
     padding-right : 240px; margin-bottom : 24px; }
   body.senior_school.landing.overview div.intro {
     font-family : "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size : 12px; line-height : 18px; color : #000; }
   body.senior_school.landing.overview div.intro p:first-child {
     font-family : Georgia; font-size : 15px; line-height : 26px; color : #444; margin-bottom : .75em; }
   body.landing.overview .col-1 .subject {
     border-bottom : 1px dotted #ccc;
     overflow : hidden; }
   body.landing.overview .col-1 .subject img {
     float : left;
     margin : 0 20px 0 0; }
   body.landing.overview .col-1 .subject > div {
     float : right;
     width : 340px; margin-bottom : 0; }
   body.landing.overview .col-1 .subject h2 {
     border-bottom : 2px solid #999;
     line-height : 26px; }
     
/* =general2 */
   body.general2 #content_main {
     float : left;
     width : 380px; margin-right : 20px; }
   body.general2 #content_supp {
     float : right;
     width : 300px; }
   body.general2  #content .gallery-type-1 ul {
     width : 305px; }
     
/* =events */
   body.events #content_main h1 {
     margin-bottom : 0; }
   body.events #content_main h1 + p.nav {
     font-size : 12px; }
     
   body.events #calendar_blurb {
     float : left;
     width : 380px; margin-right : 20px; }
   body.events #calendar_overview {
     float : right;
     width : 300px; }
   body.events #calendar_overview table,
   body.events #calendar_overview thead {
     text-align : center; vertical-align : middle; }
   #calendar_overview td.calendarActiveCell a {
     display : block; }
   #calendar_overview .calendarActiveCell {
     background-color : #fcd013; }
   #content div.categories h2 {
     margin-bottom : 0; }
   #content div.categories ul {
     margin : 0; }
   #content div.categories ul li {
     list-style-type : none; display : inline; }
   #content div.categories ul li a {
     padding : 3px 6px;
     background-color : #ddd; -moz-border-radius : 6px; -webkit-border-radius : 6px; border-radius : 6px; }
   #content div.categories ul li a:hover {
     background-color : #eee; text-decoration : none; }
     
/* =faq */
   #faq_answers {
     border-top : 1px dotted #999; padding-top : 12px; }
   #faq_answers ul {
     margin : 0; }
   #faq_answers ul li {
     list-style-type : none; font-weight : bold; }
   #faq_answers ul li div {
     font-weight : normal; }
     
   body.faq #content_main {
     float : left;
     width : 460px; margin-right : 20px; }
   body.faq #content_supp {
     float : right;
     width : 220px; }
   
/* =news */
   /* =news */
   body.news #content {
     overflow : hidden; min-height : 400px;
     /*-moz-border-radius : 12px 0 12px 12px;*/ }
   body.news .article div.meta {
     margin-bottom : 0; }
     
   body.news .article {
     border-bottom : 1px solid #999; margin-bottom : 17px; }
   body.news .article h2 {
     margin-bottom : 0; }
   body.news .article h3,
   body.news p.comments span,
   body.news .meta p.post_date span {
     position : absolute; left : -999em; overflow : hidden; }
   body.news.item .meta p.post_date span {
     position : relative; left : 0; }
   body.news #content_supp p.comments_info span {
     float : left; width : 87px; }
   body.news #content_supp p.comments_info a.comment_add {
     clear : both; }
   body.news #content_supp p.comments_info a.comment_count {
     float : left; display : block;
     color : #fff; }
   body.news p.comments,
   body.news p.comments_info a.comment_count {
     width : 27px; height : 32px; text-align : center;
     background : url(../images/icon_comments.png) 0 0 no-repeat; color : #fff; }
   body.news .feature p.comments {
     background-image : url(../images/icon_comments-2.png); color : #000; }
   body.news .meta p {
     display : inline-block;
     font-size : 12px; line-height : 17px; margin-bottom: 0; }
   body.news.item #content_supp .meta p { 
     display : block;
     font-size : 14px; }
   body.news #content_main .meta p.comments a {
     text-transform : lowercase; color : #fff; }
   body.news .meta p.excerpt {
     font-size : 16px; }
     
   body.news.item #content_supp p.comments_info span {
     float : none; width : auto; }
   body.news.item #content_supp p.comments_info a.comment_count {
     float : none; display : inline;
     color : #000; }
   body.news p.comments_info a.comment_count {
     width : auto; height : auto; text-align : left;
     background : transparent none; color : #000; }
     
   div.older-newer img {
     display : block; margin-bottom : 0; }
     
/* =news.item */
   body.news.item #content_main {
     float : left;
     width : 460px; margin-right : 20px; }
   body.news.item #content_supp {
     float : right;
     width : 220px; }
     
   body.news.item #content_supp .meta p {
     font-size : 12px; line-height : 18px; margin-bottom : 8px; border-bottom : 1px dotted #999; padding-bottom : 9px; }

/* =search_results */
   body.search_results #content {
     overflow : hidden;
     /*-moz-border-radius : 12px 0 12px 12px;*/ }
     
   /*
   body.search_results #content_main {
     float : left; width : 380px; margin-right : 20px; }
   body.search_results #content_supp {
     float : right; width : 300px; }
   */
     
   body.search_results .article div.meta {
     margin-bottom : 0; }
     
   body.search_results .article {
     border-bottom : 1px solid #999; padding-top : 17px; margin-bottom : 0; }
   body.search_results .article h2 {
     margin-bottom : 0; }
   body.search_results .article h3,
   body.search_results p.comments span,
   body.search_results .meta p.post_date span {
     position : absolute; left : -999em; overflow : hidden; }
   body.search_results .meta p.post_date span {
     position : relative; left : 0; }
   body.search_results #content_supp p.comments_info span {
     float : left; width : 87px; }
   body.search_results #content_supp p.comments_info a.comment_add {
     clear : both; }
   body.search_results #content_supp p.comments_info a.comment_count {
     float : left; display : block;
     color : #fff; }
   body.search_results p.comments,
   body.search_results p.comments_info a.comment_count {
     width : 39px; height : 32px; text-align : center;
     background : url(../images/icon_comments.png) 0 0 no-repeat; color : #fff; }
   body.search_results .meta p {
     display : inline-block;
     font-size : 14px; line-height : 22px; }
   body.search_results #content_supp .meta p { 
     display : block;
     font-size : 14px; }
   body.search_results #content_main .meta p.comments a {
     text-transform : lowercase; color : #fff; }
   body.search_results .meta p.excerpt {
     font-size : 16px; }
   
   

     
   body.search_results .result_type p {
     margin-top : 5px; }
   body.search_results .article.department {
     background-color : #b2ceeb; }
     
/* =colour overides */  
   /* senior_school */
   body.senior_school .gallery-type-1 img.main,
   body.senior_school .gallery-type-1 li.current a img,
   body.senior_school #nav_sub li.current a,
   body.senior_school #nav_main li div.sub_menu,
   #nav_main li div.sub_menu .left,
   body.senior_school .pullquote,
   body.senior_school.landing.overview .col-1 .subject h2 {
     border-color : #fcd013; }
   body.senior_school.news .featured .feature a,
   body.senior_school.landing.overview .col-1 .subject a.more {
     color : #fcd013; }
     
   /* prep_school */
   body.prep_school .gallery-type-1 img.main,
   body.prep_school .gallery-type-1 li.current a img,
   body.prep_school #nav_sub li.current a,
   body.prep_school #nav_main li div.sub_menu,
   body.prep_school #nav_main li div.sub_menu .left,
   body.prep_school .pullquote,
   body.prep_school.landing.overview .col-1 .subject h2 {
     border-color : #0d2e52; }
   body.prep_school.news .featured .feature a,
   body.prep_school.landing.overview .col-1 .subject a.more {
     color : #0d2e52; }
     
   body.prep_school.news .featured .item.feature div.detail a {
     color : #9dbec2; }
   
   body.prep_school #content {
     background-image : url(../images/content_blue.png); }
   body.prep_school #content {
     background-position : -10px 0; }
   body.prep_school #nav_main > ul > li.hassub:hover {
     background-image : url(../images/navigation_indicator-blue.png); }
     
   body.prep_school #nav_footer h3 span,
   body.prep_school #site_info form h3 span {
     background-image : url(../images/blue-footer_rps.png); }
   body.prep_school #nav_footer h3.sa span {
     background : url(../images/blue-footer_sa.png); }
   body.prep_school #site_info form h3 span {
     background-image : url(../images/blue-footer_ns.png); }
   
   /* alumni */
   body.alumni .gallery-type-1 img.main,
   body.alumni .gallery-type-1 li.current a img,
   body.alumni #nav_sub li.current a,
   body.alumni #nav_main li div.sub_menu,
   body.alumni #nav_main li div.sub_menu .left,
   body.alumni .pullquote,
   body.alumni.landing.overview .col-1 .subject h2 {
     border-color : #d5ede6; }
   body.alumni.news .featured .feature a,
   body.alumni.landing.overview .col-1 .subject a.more {
     color : #d5ede6; }
     
   body.alumni #content {
     background-image : url(../images/content_lightblue.png); }
   body.alumni #content {
     background-position : -10px 0; }
   body.alumni #nav_main > ul > li.hassub:hover {
     background-image : url(../images/navigation_indicator-lightblue.png); }
     
   body.alumni #nav_footer h3 span,
   body.alumni #site_info form h3 span {
     background-image : url(../images/lightblue-footer_rps.png); }
   body.alumni #nav_footer h3.sa span {
     background : url(../images/lightblue-footer_sa.png); }
   body.alumni #site_info form h3 span {
     background-image : url(../images/lightblue-footer_ns.png); }
     
/* layout columns */
   body.col_2 #content_main {
     float : left;
     width : 380px; margin-right : 20px; }
   body.col_2 #content_supp {
     float : right;
     width : 300px; }
     
   body.col_1 #content_supp {
     padding-top : 18px; border-top : 1px dotted #000; }
     
   body.landing #nav_sub {
     top : 575px; }
     
/* search results */
   body.search_results .article {
     overflow : hidden; }
   body.search_results .result_type {
     float : left;
     width : 180px; padding-left : 20px;}


   body.search_results .result {
     float : left;
     width : 500px; }
 
#content_supp .featured.sidebar .item > div { margin : 0; overflow : hidden; }
#content_supp .featured.sidebar .item img { border : 0;}

.featured.sidebar div.item {
  background-color : transparent; border-bottom : 0; min-height: 100px; background: #DDD; border-bottom: 1px dotted #333; }
body.academic.department.senior_school .featured.sidebar div.item {
  padding : 10px; width : 280px;}
body.academic.department.senior_school div.featured.sidebar div.senior_school.event p.date {
 margin-left : 0; }
body.academic.department.senior_school .featured .item h3 {
  margin-bottom : 8px; }
  
.nav_prev-next { margin-top : 24px; }
.nav_prev-next h3 { margin : 0 0 6px 0; }
#content ul.department_list { 
  -moz-column-count : 3; -webkit-column-count : 3; -o-column-count : 3;
 background: yellow; list-style: none; margin: 0 0 0 -30px; padding: 20px 0 20px 30px; width: 720px;
 background: #FEF6D0; font-size: 14px;}

#content ul.department_list li {
	
}
  
  /* form styling */
   #freeform-wont-give-me-an-id form span {
     float : left;
     width : 125px; }
   #freeform-wont-give-me-an-id form label {
     overflow : hidden; }
   #freeform-wont-give-me-an-id form label input {
     width : 270px; padding : 2px; }
   #freeform-wont-give-me-an-id form label select {
     width : 150px; }
   #freeform-wont-give-me-an-id form textarea {
     width : 274px; }
   #freeform-wont-give-me-an-id form label input[type="checkbox"] {
     width : 70px; padding : 2px; }   
/* custom bits and bobs */
   ul#quick-links {
     margin : 0 0 0 -20px; width : 740px; overflow : hidden; }
   ul#quick-links li {
     display : block; float : left; width : 220px; margin-left : 20px;
     list-style-type : none; }
   ul#quick-links li img {
     display : block; margin-bottom : 0; }
   
   .featured.sidebar .item.senior_school.news {
     background-color : #ddd; border-bottom : dotted 1px #999; min-height: 100px; }
     
  body.error p.error_message {
    padding-bottom : 5em; padding-top : 2em; }
    
  div#viewcreative {
    position : absolute; bottom : 0; }
  div#viewcreative a {
    text-indent : -999em; display:block; height:13px; position:absolute; width:120px;
    background : url(/assets/images/viewcreative.png) 0 0 no-repeat; }