/*
R: Used to be the JBS css, I modified them so that I could redefine all the modules as classes, this gives me better control
on inline styles, often used when creating elements new for the first time.

*/


/* @import "reset.css"; */
@import "typography.css"; /* elemental styles */


/* =IMAGES
-------------------------------------------------------------- */

.banner {
  padding-top:50px; /* allow space for the banner image */
  /*outline:purple solid 1px;*/
  margin: auto;
  text-align: center;
  background: white;
  background-position: center 50px;
  background-repeat: no-repeat;
  /* background-color: blue; */
}

.banner p {
  padding: 20px 20px 20px 20px;
  font-family:"GoudyOldStyleT-Regular", "Goudy Old Style", Georgia, "Times New Roman", Times, serif;
  line-height: 1em;
  color: #fff;
  text-align: left;
  font-weight: bold;
  font-stretch: condensed;
  letter-spacing: -0.1em;
  font-size: 3em;
}




/* these styles have a 0 margin on their aligned side and top all the way round */
.img-right {
  float:right;
  margin:0 0 10px 10px;
  clear:both;
}

.img-left {
  float:left;
  margin:0 10px 10px 0;
  clear:both;
}

/* these styles have a little padding and a frame */
img.right-framed {
  float:right;
  margin:4px 0 8px 8px;
  padding:5px;
  border:solid 1px #eee;
  clear:both;
}

img.left-framed {
  float:left;
  margin:4px 8px 8px 0;
  padding:5px;
  border:solid 1px #eee;
  clear:both;
}


p.info-box {
  padding:10px; margin:0px 0 10px 0; border:solid 1px #900;
}





/* container
-------------------------------------------------------------- */

.container {
  position:relative;
  background: #fff;
  width: 960px;
  height:100%;
  margin: 0 auto;
}


.content {
  /* outline:solid red 1px; */
}



.content-primary {
  position:relative;
  margin:5px 20px 20px 20px;
  padding:0px 0px 0 0;
  /* outline: red solid 1px; */
  /* width: 467px; */
  /* float: left; */
}


.content-primary p {
  /* margin-top: 10px; */
}

.content-primary h2 {
  /* margin-top: 20px; */
}




.content-primary img.tvc_album
  { vertical-align: top; margin: 6px; padding: 6px; border: 1px dashed #AAA; }





.branding {
  position:relative;
  height:92px;
  margin:-10px 20px 0 20px;
  border-bottom:solid 1px #ccc;
}




/* =MY OWN STUFF
-------------------------------------------------------------- */


.left_box_header {background: #ECEDE8; padding: 0 0 0px 10px;
                  margin: 10px 0 0 0; border: solid #A8A8FF 1px; border-width: 1px 1px 0 1px;}
.left_box_header h1 {color: #333333; font-size: 70%; font-weight: bold; text-transform: uppercase; padding: 2px 0;}

.left_box_content {background: /* #ECEDE8 */ white; padding: 0 0 10px 10px; margin: 0;
                   border: solid #A8A8FF 1px; border-width: 1px 1px 1px 1px}
/* .left_box_content p {padding: 5px 0 0 0; font-size: 75%} */
.left_box_content p {padding: 5px 0 0 0;}
.left_box_content p.act_date {text-align: right; padding-right: 10px; padding-top: 0;}
/* .left_box_content h2 {padding: 7px 0 5px 0; font-weight: normal; font-size: 80%;} */
.left_box_content h2 {padding: 7px 0 5px 0; font-weight: normal;}
.left_box_content a:visited {color: blue;}




table.table_container { width: 100%; padding-top: 5px; padding-left: 10px; }
table.table_container td { padding: 0 } /* overrides th,td in typograhpy.css */





/* =NAV-PRIMARY
-------------------------------------------------------------- */


ul.nav-primary {
  position:absolute; /* position this absolutely to keep Opera from jumping about with the dropdowns */
  top:93px;

  left: 20px;
  list-style-type: none;
  /* background: #fff; */
  margin:0 20px 0 00px;
  padding: 0;
  height:35px;
  width:auto; /* also important for Opera */
  text-transform: uppercase;
  /* outline:solid 1px green; */
  font-family: "Arial","sans-serif";
  /* font-weight: bold; */
}

ul.nav-primary li {
  float:left;
  padding:0 5px;
  margin:0;
  color:#333;
  /* background:#fff url(../files/images/page_structure/nav-divider.gif) no-repeat 0  12px; */
  /* background: url(../files/images/page_structure/nav-divider.gif) no-repeat 0  12px; */
  /* outline:solid red 1px; */
}

ul.nav-primary li.first {
  background-image: none;
}

ul.nav-primary li a {
  float:left;
  display: block;
  padding:3px 5px 2px;
  text-decoration: none;
  color:#333;
  border-top:solid #fff 5px;
  /* outline:solid 1px; */
}

ul.nav-primary li.first a {
  border-left:none;
  margin-left:0px;
}

/* ul#nav-primary li a:hover, ul#nav-primary li a.here */
ul.nav-primary li a:hover, ul.nav-primary li a.current

/* jbs uses this peculiar way of highlighting current menu items */
/*
body.aboutus ul#nav-primary li a#aboutus,
body.programmes ul#nav-primary li a#programmes,
body.execed ul#nav-primary li a#execed,
body.research ul#nav-primary li a#research,
body.companies ul#nav-primary li a#companies,
body.news ul#nav-primary li a#news,
body.alumni ul#nav-primary li a#alumni
*/
{
  color:#5F89C2;
  /* border-bottom:solid #5F89C2 5px; */
  /* border-top:solid #5F89C2 5px; */
}



/* NESTED LISTS - DROPDOWNS */

ul.nav-primary li ul {
  z-index:100;
  position: absolute;
  
  /* change here for the top position of the dropdown */
  top:25px;
  
  width:15em;
  font-size:100%;
  left: -999em;
  margin:-10;
  padding:0;
  color:#333;
  border-top:0;
  border-right:solid 1px #999;
  border-bottom:solid 1px #999;
  border-left:solid 1px #999;
  background-image: none;
  background:transparent;
  clear:both;
  list-style-type: none;
  /* opacity: 0.92;
  filter:alpha(opacity=92); */  /* note this opacity set for everything within the element */
}


ul.nav-primary li ul li {
  float:none;
  font-size:100%;
  padding:0;
  margin:0;
  color:#fff;
  background:transparent;
  background-image: none;
}


ul.nav-primary li ul li a {
  display:block;
  
  /* float: none; */
  /* added: */
  float:left;
  width: 200px;
  
  
  color:#333;
  text-transform: none;
  background:#fff;
  border-top:solid 1px #ccc;
  border-right:solid 1px #ccc;
  padding:4px 4px 4px 18px;
  margin:0;
}


/* main navigation */

ul.nav-primary li ul li a:hover {
  /* border-top:solid 1px #ccc; */
  border-bottom:solid 0px #ccc;

  background:#fff url(../files/images/icons/nav-arrow.gif) no-repeat 5px 48%;
}


.nav-primary li:hover ul, #nav-primary li.sfhover ul {
  left: auto;
}


/* =NAV-SECONDARY
-------------------------------------------------------------- */

ul.nav-secondary {
  /* float:left; */
  list-style-type: none;
  padding:0;
  margin:10px 0 50px 20px;
  display:block;
  width:166px;
  background: #fff;
  /* font-size: 0.75em; */
/*   border-top:solid 1px red;
  outline:solid 1px; */
}

ul.nav-secondary li {
  padding:0;
  margin:0;
  border-bottom:solid 1px #ccc;
}

ul.nav-secondary li a {
  padding:5px 5px 5px 15px;
  display:block;
  text-decoration: none;
  color:#666;
}


ul.nav-secondary li a.parent, ul.nav-secondary li ul li a.parent {
  color:#5F89C2;
}

ul.nav-secondary li a.parent:hover, ul.nav-secondary li ul li a.parent:hover {
  background-image: none;
  color:#5F89C2;
}

ul.nav-secondary li a:hover, ul.nav-secondary li a.here, ul.nav-secondary li a.here:hover {
  /* background:#fff url(../img/nav-arrow.gif) no-repeat 0 48%; */
  color:#5F89C2;
}

ul.nav-secondary li.current a, ul.nav-secondary li.current a:hover  {
  background: #eee;
  color:#165788;
}


ul.nav-secondary li.first a  {
  /* text-align: center;
  font-weight: bold; */
}





/* nested secondary nav */

ul.nav-secondary li ul {
  list-style-type: none;
  font-size: 1em;
  padding:0;
  margin:0 0 5px 0;
  display:block;
  width:166px;
  background: #fff;
  border:none;
}
ul.nav-secondary li ul li {
  border:none;
  padding:0;
  margin:0;
  background:#fff;
  /* outline:solid 1px; */
}

ul.nav-secondary li ul li a {
  margin:0 0 0 15px;
  background: #fff;
  padding:2px 5px 2px 15px;
  display:block;
  text-decoration: none;
  color:#666;
}
ul.nav-secondary li ul li a:hover, ul.nav-secondary li ul li a.here {
  background:#fff url(../img/nav-arrow.gif) no-repeat 0 48%;
  color:#5F89C2;
}

/* one more level of nested secondary nav */

ul.nav-secondary li ul li ul {
  list-style-type: none;
  font-size: 1em;
  padding:0;
  margin:0 0 5px 15px;
  display:block;
  width:151px;
  background: #fff;
  border:none;
}

ul.nav-secondary li ul li ul li {
  border:none;
  padding:0;
  margin:0;
  background:#fff;
  /* outline:solid 1px; */
}

ul.nav-secondary li ul li ul li a {
  margin:0 0 0 15px;
  background: #fff;
  padding:2px 5px 2px 15px;
  display:block;
  text-decoration: none;
  color:#666;
}
ul.nav-secondary li ul li a:hover, ul.nav-secondary li ul li a.here {
  background:#fff url(../img/nav-arrow.gif) no-repeat 0 48%;
  color:#5F89C2;
}



/* =NAV-TERTIRARY
-------------------------------------------------------------- */

ul.nav-tertiary {
  list-style-type: none;
}

/* =BREADCRUMB
-------------------------------------------------------------- */

.nav-breadcrumb ul {
  list-style-type: none;
  display:block;
  height:25px;
  margin:0 20px 0 20px;
  padding:5px 0 0 13px;
  border-bottom:solid 1px #ccc;
  color:#666;
  font-size: .7em;
  /* outline:solid 1px; */
}

.nav-breadcrumb ul li {
  float:left;
  margin:0;
  padding:0 3px 0 3px;
}

.nav-breadcrumb ul li a {
  text-decoration: none;
}
.nav-breadcrumb ul li a:hover {
  text-decoration: underline;
}


/* =FIND-OUT-MORE
-------------------------------------------------------------- */
.find-out-more, .highlight-box {
  width:200px;
  background: #fff;
  border:solid 1px #608BC4;
  margin-top: 10px;
  padding-bottom: 5px;
  /* opacity: 0.50;
  filter:alpha(opacity=50); */  /* note this opacity set for everything within the element */
}


.find-out-more p, .find-out-more li {
  font-size: 80%;
}


/* =FOOTER
-------------------------------------------------------------- */
.site-info {
  clear: both;
  position:relative;
  border-top:solid 1px #ccc;
  margin:0px 20px 0 20px;
  padding:10px 0 20px 0;
  font-size: .9em;
  /* outline:solid purple 1px; */
}

.site-info p {
  text-align:left;
  margin:0;
}

.site-info a {
  color: #5A74CB;
}

.site-info ul {
  list-style-type: none;
  position:absolute;
  right:-5px;
}

.site-info li {
  float:left;
  margin:0;
  padding:0 5px 0 5px;
  background:#fff url(../files/images/page_structure/nav-divider.gif) no-repeat 0  5px;
}

.site-info li.first {
  background-image:none;
}

.site-info li a {
  color:#999;
}

.site-info li a:hover {
  color:#900;
}





/* R: FIND-OUT-MORE (Left/Right Boxes) */

.find-out-more h2, .find-out-more h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    background:#608BC4;
  color: #fff;
  padding:7px 10px 7px 10px;
  margin-bottom:5px;
  text-align: center;
}

.find-out-more h3 {
  padding:0px 10px 0px 10px;
  margin-bottom:-8px;
    background:#fff;
    color:#900;
}

.find-out-more p {
  padding:7px 10px 5px 10px;
}




/* R: Top Banners */
/*
.slideshow {
  list-style:none;
  padding:0;
  margin:0;
  overflow: hidden;
}

.slideshow li {
  position: relative;
  width: 960px;
  height: 193px;
}

.slideshow li.christs {
  background: url(../files/images/banners/christs.jpg) 0 0 no-repeat;
}

.slideshow li.christssnow {
  background: url(../files/images/banners/christssnow.jpg) 0 0 no-repeat;
}

.slideshow li.clare {
  background: url(../files/images/banners/clare.jpg) 0 0 no-repeat;
}

.slideshow li.clare2 {
  background: url(../files/images/banners/clare2.jpg) 0 0 no-repeat;
}

.slideshow li.kings {
  background: url(../files/images/banners/kings.jpg) 0 0 no-repeat;
}

.slideshow li.selwyn {
  background: url(../files/images/banners/selwyn.jpg) 0 0 no-repeat;
}

.slideshow li.Bicycles300 {
  background: url(../files/images/banners/Bicycles300.jpg) 0 0 no-repeat;
}

.slideshow li.JBS_Classroom300 {
  background: url(../files/images/banners/JBS_Classroom300.jpg) 0 0 no-repeat;
}

.slideshow li.JBS_Colors300 {
  background: url(../files/images/banners/JBS_Colors300.jpg) 0 0 no-repeat;
}

.slideshow li.JBS_Common_A300 {
  background: url(../files/images/banners/JBS_Common_A300.jpg) 0 0 no-repeat;
}

.slideshow li.JBS_Common_B300 {
  background: url(../files/images/banners/JBS_Common_B300.jpg) 0 0 no-repeat;
}

.slideshow li.JBS_Gate300 {
  background: url(../files/images/banners/JBS_Gate300.jpg) 0 0 no-repeat;
}

.slideshow li.JBS_Reception300 {
  background: url(../files/images/banners/JBS_Reception300.jpg) 0 0 no-repeat;
}

.slideshow li.Kings_Closeup300 {
  background: url(../files/images/banners/Kings_Closeup300.jpg) 0 0 no-repeat;
}

.slideshow li.Kings_Punting_A300 {
  background: url(../files/images/banners/Kings_Punting_A300.jpg) 0 0 no-repeat;
}

.slideshow li.Kings_Punting_B300 {
  background: url(../files/images/banners/Kings_Punting_B300.jpg) 0 0 no-repeat;
}

.slideshow li.Leaves300 {
  background: url(../files/images/banners/Leaves300.jpg) 0 0 no-repeat;
}

.slideshow li.Punting_A300_reverse {
  background: url(../files/images/banners/Punting_A300_reverse.jpg) 0 0 no-repeat;
}

.slideshow li.Trinity_Top300b {
  background: url(../files/images/banners/Trinity_Top300b.jpg) 0 0 no-repeat;
}

.slideshow li.Trinity_Stonework300 {
  background: url(../files/images/banners/Trinity_Stonework300.jpg) 0 0 no-repeat;
}


.slideshow li span {
  position: absolute;
  top: 60px;
  right: 55px;
font-family:"GoudyOldStyleT-Regular", "Goudy Old Style", Georgia, "Times New Roman", Times, serif;
  font-size: 2.5em;
  line-height: 1em;
  color: #fff;
  text-align: right;
  width: 400px;
  font-weight: bold;
  font-stretch: condensed;
  letter-spacing: -0.1em;
  font-size: 3em;
}

*/


/* =TABLES
-------------------------------------------------------------- */

/* R: Check these a bit later */

/* =PROFILE QUOTES - within tables */

table.profile, table.profile tt, table.profile td {
  border:none;
}

table.profile td.profilename {
  font-size: .9em;
  padding-left:5px;
  line-height:1.2em;
  border-bottom:solid 1px #ccc;
}

.profilequote {
  font-family:"GoudyOldStyleT-Regular", "Goudy Old Style", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color:#165788;
  font-size: 1.8em;
}

td.profilephoto {
  margin:0;
  padding-right:10px;
  outline:solid 1px red;
}

table.profile td.profilequote p.normal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .6em;
    font-style: normal;

}


/* =QUOTES LIST VERSION
-------------------------------------------------------------- */

ul.quote {
  list-style:none;
  padding:0;
  margin:0;
  margin-bottom:10px;
  margin-top:20px;
  width:99%; /* this helps out ie6 */
  /* outline:solid green 1px; */
}

ul.quote-no-photo {
  list-style:none;
  padding:0;
  margin:0;
  margin-bottom:-20px;
  margin-top:10px;
  width:99%; /* this helps out ie6 */
  /*outline:solid green 1px;*/
}

.quote li, .quote-no-photo li {
  padding-top:0px;
  padding-bottom:0px;
  width:100%;
  /* outline:solid blue 1px; */
}

.quote li img {
  float:left;
  /* outline:solid 1px red; */
}

ul.quote li p, ul.quote-no-photo li p {
  font-size: 1.0em;
  margin:0 0 0 65px;
  padding-left:5px;
  line-height:1.4em;
  border-bottom:solid 1px #ccc;
}

ul.quote li.profiles p {
  margin:0 0 0 90px;
  font-weight: bold;
}

ul.quote-no-photo li p {
  margin:0;
  padding-left:10px;
}

ul.quote li a, ul.quote-no-photo li a {
  font-size: 1em;
  float: right;
  margin-right:10px;
  padding-left:0;
  line-height:1.2em;
  border-bottom:none;
  font-weight: normal;
}

ul.quote li a.normal {
  float: none;
  margin-right:0;
}

/*
ul.quote li a:hover, ul.quote-no-photo li a:hover {
  text-decoration: none;
}
*/

/* blog icons added 2009/04/23 by RLN */
ul.quote li a.blog, ul.quote-no-photo li a.blog {
  padding: 2px 0 2px 20px;
  background: #fff url(../files/images/icons/blog.gif) no-repeat 0 48%;
}

ul.quote li blockquote, ul.quote-no-photo li blockquote {
  border:none;
  background:transparent;
  padding:10px 0 0 15px;
}

ul.quote li blockquote p, ul.quote-no-photo li blockquote p  {
  font-family:"GoudyOldStyleT-Regular", "Goudy Old Style", Georgia, "Times New Roman", Times, serif;
  color:#165788;
  font-size: 1.3em;
  margin:-7px 0 10px 55px;
  border:none;
  padding:0;
}

ul.quote li.profiles blockquote p {
  font-family: verdana;
  color: black;
  font-size: 1.0em;
  margin:-10px 0 10px 80px;
  font-weight: normal;
}


ul.quote-no-photo li blockquote p  {
  margin:0;
  padding:0;
}

ul.quote li br {
  clear:left;
}

ul.quote li p.quotebio {
  color:#600;
  text-align:justify;
  font-size:.95em;
  border:none;
  margin-top:-10px;
  padding:5px;
  border-bottom:solid 1px #ccc;

}



/* image alignment */
  img.left {
    float: left;
    padding: 0.4em 1em 1em 0;
  }
  img.right {
    float: right;
    padding: 0.4em 1em 1em 1em;
  }
  img.indented {
    float: left;
    padding: 0em 0em 2em 7em;
  }


/* TABLE AGENDA */

.table_register table {padding-top: 20px; border-spacing: 2px;}

.table_register td {border-spacing: 2px;}
.table_register tr {border-spacing: 2px;}

.table_register p {padding: 5px 10px; margin: 0;}
.table_register p.left {text-align: left;}

.table_register tr.break {background: #C0C0C0}
.table_register tr.title {background: #4F81BD;}
.table_register tr.title p {color: white; font-weight: bold}

.table_register td.blank {background: white}
.table_register td.ball_room {background: #CFE2FE}

/* .table_register td.newton_room {background: #FFFF99} */
.table_register td.newton_room {background: #C0C0C0}
.table_register td.showcase {background: #C0C0C0; text-align: center;}

.table_register td.third_room {background: #88E188}
.table_register td.fourth_room {background: #F4C89B}



/* R: added this at some point! */

.table_agenda {padding-top: 20px;}

.table_agenda table {border-spacing: 2px; border-collapse: separate}

.table_agenda p {padding: 2px 10px; margin: 0;}
.table_agenda p.left {text-align: left;}

.table_agenda tr.break {background: #C0C0C0}
.table_agenda tr.title {background: #4F81BD;}
.table_agenda tr.title p {color: white; font-weight: bold; font-family: Arial, Verdana, Sans-Serif; font-size: 110%; padding-top: 3px; padding-bottom: 3px}

.table_agenda td.blank {background: white}
.table_agenda td.ball_room {background: #CFE2FE}
/* .table_agenda td.newton_room {background: #FFFF99} */
.table_agenda td.newton_room {background: #C0C0C0}
.table_agenda td.showcase {background: #C0C0C0; text-align: center;}

.table_agenda td.third_room {background: #88E188}
.table_agenda td.fourth_room {background: #F4C89B}



/* TABLE PRIVATE */

/* table.table_private  { padding-top: 200px; border-spacing: 2px; } */
/*  table.table_private p { padding: 0; margin: 0; } */

.find-out-more #table_private table {width: auto}
.find-out-more #table_private p { padding-right: 2px; padding-bottom: 0; padding-top: 0; margin: 0;}



/* PROGRAM - for the program overview */
.program {}
.program p {padding: 0; margin: 4px}
.program span.time  {float: left; width: 130px}
.program span.desc  {float: left; width: 410px; padding-right: 20px}
.program span.venue {float: left; width: 250px}
.program span.reg   {float: left; width: 50px; text-align: right; color: black}


/* PROGRAM - for the Masterclasses Agenda */
.program_agenda {}
/* .program_agenda a {color: blue} */
.program_agenda p {padding: 0; margin: 14px;}
.program_agenda span         {float: left; padding: 2px 20px; margin-right: 3px;}
.program_agenda span.time    {width: 100px; text-align: right; padding-right: 5px; font-weight: bold}
.program_agenda span.lec1    {width: 270px; background: white}
.program_agenda span.lec2    {width: 270px; background: white}
.program_agenda span.break   {width: 540px; text-align: center}
.program_agenda span.header  {font-weight: bold; color: white; background: #4F81BD;}



/*
.program_agenda span.time       {float: left; width: 150px; padding-left: 20px}
.program_agenda span.time_head  {float: left; width: 150px; margin-right: 3px; padding: 2px 20px; background: #4F81BD; font-weight: bold; color: white}
.program_agenda span.lec1       {float: left; width: 270px;}
.program_agenda span.lec1_head  {float: left; width: 270px; margin-right: 3px; padding: 2px 20px; background: #4F81BD;}
.program_agenda span.lec2       {float: left; width: 270px;}
.program_agenda span.lec2_head  {float: left; width: 270px; margin-right: 3px; padding: 2px 20px; background: #4F81BD}
*/





.profile_photo {float: left; width: 80px; margin-bottom: 30px;}
.profile_text  {float: left; width: 750px; padding-left: 20px;}
.profile_text p.top {padding: 0; margin: 0 0 20px 0; float: left; width: 100%; border-bottom: 1px solid #CCCCCC;}




#twitter_update_list li {list-style-image: url(/files/images/icons/twitter_bullet.gif);}