/* 

Copyright University of Leeds
Corporate toolkit stylesheet

SCREEN.CSS

*/

@import url(reset.css);

/* DEBUG -------------------------------------------------------------------- */

/*html .section {
  background-image:url(../img/grid.png);
  background-position:0 9px;
  background-repeat:repeat-y; } /**/

/* BODY --------------------------------------------------------------------- */


html {
  background:#fff url(../img/html_bg.png) repeat-x; }

body {
  color:#5c5b56;
  font:12px/1.5 Verdana, Helvetica, Arial, sans-serif;
  margin-left:10px; }

img {
  
}

/* TYPOGRAPHY --------------------------------------------------------------- */
sub {
  position: relative;
  top: 0.3em;
  font-size: 0.85em;
}
h1 {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:normal; }

h2,h3,h4,h5,h6 {
  font-family:Georgia, Helvetica, Arial, sans-serif;
  font-weight:normal; }

h1 {
  font-size:2em;
  line-height:1em;
  margin:0.75em 0; }

h2 {
  font-size:1.333em;
  line-height:1.125em;
  margin-top:1.125em; }

h3 {
  font-size:1.5em;
  line-height:1em;
 /* margin:1.45em 0 1.15em 0;*/
  margin:0.8em 0 0.6em 0;
  color: #729E12; }

h4 {
  /*font-size:1.1667em;*/
  font-size:1.25em;
  /*line-height:1.2857em;*/
  line-height:1em;
  margin:0.8em 0 0.6em 0;
  color: #729E12;}

h5 {
  line-height:1em;
  margin:0.8em 0 0.6em 0;
  }

p {
  font-size:1em;
  margin:1.5em 0; }

p.small_P {
  font-size:0.8em;
  margin:1.5em 0; }

/* HEADINGS ----------------------------------------------------------------- */

#header h1 {
  color:#fff;
  text-shadow:1px 2px 1px #000;
  left:17px;
  margin:0;
  position:absolute;
  bottom:15px; }

#header h1 a {
  color:#fff; }
  
#header h2 {
  bottom:14px;
  color:#fff;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:1.8em;
  left:8px;
  line-height:1em;
  margin:0;
  position:absolute; }
  
#header h2 a {
  color:#fff;
  text-decoration:none; }

.contents h1 {
  margin:10px 0 0 0; }

.contents h1 a {
  background-color:#729E12;
  display:block;
  padding:16px 0 16px 16px;
  /*padding:12px 0 19px 16px;*/
  text-shadow:1px 2px 1px #000;
  /*width:924px;*/
  width:684px;}

.contents h1 a:active,
.contents h1 a:hover,
.contents h1 a:link,
.contents h1 a:visited {
  color:#fff; 
  text-decoration:none; }

.aside h4 {
  font:bold 1em Verdana;
  margin:0 0 8px 0; }

h4.information {
  background:url(../img/aside_border.png) no-repeat;
  border-top:1px solid #fff;
  padding-top:15px;
  width:180px; }

h4.related-info {
  font:1.1667em Georgia;
  line-height:1.286em;
  margin:.75em 0; 
  padding-left:3px; 
  color:#729E12;}

/* LAYOUT ------------------------------------------------------------------- */

#container {
  background:url(../img/container_shadow.png) /*960px*/ 955px 88px no-repeat;
  margin:0 auto;
  overflow:auto;
  padding:0 0;
  position:relative;
  /* width:965px;   BENNY  */
  width:965px; }

#header {
  height:88px;
  position:relative; }

.section {
  background:#fff;
  float:left;
  margin:0;
  overflow:hidden;
  padding-left:15px;
  /*position:relative;   BENNY */
  /* width:960px;       BENNY  */
  width:720px;
}

.contents {
  float:left;
  margin:0 0 0 0px;
  min-height:780px;
  overflow:hidden;
  /* width:940px; BENNY  */
  width:100%;}

.content_hp {
  float:left;
  right:-0px;
  position:relative;
  top:-16px;
  width:700px; }

    .content {
      float:left;
      right:-0px;
      position:relative;
      top:-16px;
      width:520px; }

.aside {
  /*background:url(../img/aside_bg.png) no-repeat;*/  
  background:url(../img/aside_bg_shadow_600.png) no-repeat;
  background-color: #fff;
  /* z-index: 999; */
  min-height:600px;
  /*min-width:200px;     BENNY  */
  width:210px;
  padding:16px 0 18px 20px;
  float: right;
  /*  BENNY */
  position: relative; }
  
#footer {
  clear:left;
  float:left;
  margin-bottom:20px;
  width:100%; }

hr {
  height:1px; 
  color:#ececec;
  }

/* quote bubbles */
.aside blockquote {
  /*background-image:url("../img/infopanel-trans-red.png");
  background-position:left top;
  background-repeat:no-repeat;
  /*background-color:#F00;*/
  color:#71981A;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-style:normal;
  margin-bottom:0;
  text-align:left;
  width:179px;
}

.aside cite {
  /*background-image:url("../img/infopanel_bottom-trans-red2.png");
  background-position:left top;
  background-repeat:no-repeat;*/
  color:#5C5B56;
  display:block; 
  font-family:Verdana, Geneva, sans-serif;
  /*font-family:Georgia,"Times New Roman",Times,serif;*/
  font-style:normal;
  min-height:36px;
  padding:10px 0 0 0;
  text-align:left;
  width:179px;
  font-size:1em;
}

.aside blockquote.quote p {
  font-size:1.5em; 
  font-weight:normal;
  letter-spacing:1px;
  margin:35px 0px 0px 0px;
  line-height:1.15em;
  text-align:left;
}

.aside p {
  font-size:1em; 
  width: 179px;
}

.aside cite span {
  display:block;
}

.aside cite span.role {
  font-size:0.8em;
  font-style:normal;
  text-transform:uppercase;
}

.aside span.percent {
  font-size:1.7em;
  font-style:normal;
  font-weight:bold;
  margin-bottom: 10px;
}

.aside cite span.rolePart2 {
  color:#288599;
  display:inline;
}

.aside blockquote.quote span.openingQuotes, .aside blockquote.quote span.closingQuotes {
  display:block;
  font-size:3em;
  height:36px;
  line-height:1em;
  margin:0 -10px;
  overflow:visible;
}

.aside blockquote.quote span.openingQuotes {
  padding-top:10px;
}

.aside blockquote.quote span.closingQuotes {
  text-align:right;
  margin-right:-5px !important;
}

.aside .bluebox {
  display:block;
  width: 168px;
  background-color:#599dc6;
  padding: 4px 4px 4px 8px;
  margin: 0px 0px 5px 0px;
}

.aside .bluebox a{
  color:#FFFFFF !important;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:1.2em;
  /*font-weight:bold;*/
}


  

/* NAVIGATION --------------------------------------------------------------- */

#utility li,
#utility_alt li,
#main li,
#breadcrumb li,
#sub li,
#footer li {
  display:inline; }

/* utility */

#utility {
  float:left;
  left:10px;
  margin:0.41667em 0 0 0;
  position:relative;
  top:0; }

#utility_alt {
  float:left;
  left:17px;
  margin:0.41667em 0 0 0;
  position:relative; }

#utility li a {
  border-left:1px solid #000;
  border-right:1px solid #535250;
  color:#fff;
  font-size:0.833em;
  margin-left:-.6em;
  padding:.2em .5em .2em .5em;
  text-decoration:none; }

#utility_alt li a {
  border-left:1px solid #000;
  border-right:1px solid #535250;
  color:#fff;
  font-size:0.833em;
  margin-left:-.6em;
  padding:.2em .5em .2em .5em;
  text-decoration:none; }

#utility > li:first-child a, #utility_alt > li:first-child a  {
  border-left:0; }

#utility > li:last-child a, #utility_alt > li:last-child a {
  border-right:0; }

#utility li a:hover, #utility_alt li a:hover {
  text-decoration:underline; }

/* main */

#main {
  background-color:#353431;
  margin:0;
  width:700px; 
  font-size:1.1em;
  z-index:999; }

#main li {
  border-left:1px solid #535250;
  border-right:1px solid #000;
  margin-left:-.35em;
  margin-right:0; }
  
#main > li:first-child {
  border-left:0;
  margin:0; }

#main > li:last-child {
  border-left:1px solid #535250;
  border-right:0; }
  
#main li a {
  color:#fff;
  display:inline-block;
  float:none;
  font-family:/*"Gill Sans",*/ "Gill Sans MT", Helvetica, Arial, sans-serif;  
  margin-top:.8em;
  /*padding:0 0.7em 0.6em 0.7em;*/
  padding:0 0.55em 0.6em 0.55em;
  text-transform:uppercase;
  text-decoration:none; }

#main li a:hover {
  background:#fff;
  border:0;
  color:#000; }

/* breadcrumb */

#breadcrumb {
  float:left;
  font-size:0.75em;
  margin-bottom:8px;
  margin-top:6px;
  margin-left:0px;
  width:700px; }

#breadcrumb li a {
  color:#5c5b56;
border-bottom: 0px;}

#breadcrumb li a:hover { 
  color:#336699; 
  text-decoration:none;}
  
#breadcrumb li a.selected {
  text-decoration:none;
  color:#71981A; }

#breadcrumb li a.selected {
  text-decoration:underline; }

#utility li, #utility_alt li, #main li, #breadcrumb li {
  display:inline; }

/* aside secondary */

#sub {
  border-top:1px solid #c1c0bb;
  margin:18px 0;
  width:179px; }
  
#sub li a {
  background:url(../img/nav_sub_arrow.png) no-repeat center right;
  border-bottom:1px solid #c1c0bb;
  border-top: 1px solid #fff;
  color:#312f2b;
  display:block;
  font:16px Georgia;
  padding:10px 0;
  width:100%; 
  text-decoration:none; }

#sub > li:last-child {
  border-bottom:1px solid #fff; }

#sub li a:hover {
  background:url(../img/nav_sub_arrow-hover.png) no-repeat center right;
  color:#2554be; }
  
.related {
  clear:left;
  float:left;
  margin:0px 20px 0 0; 
  width:160px;
  min-height:780px; 
  background:url('../img/related_bg_shadow2.png') no-repeat left top;
  overflow:visible; 
  display:block;}
  
.related ul {
  margin:1em 0em;}

.related img {
  margin-bottom:15px;
  max-width:160px;}

.related li {
  margin-bottom:0.5em; 
  clear:left;
  padding-left:8px;
  /*height:40px;*/}
  
.related a {
  background:url('../img/nav_sub_arrow.png') left top no-repeat;
  padding-left:10px;
  color:#000;}
  
.related a:hover { 
  text-decoration:underline;
  background:url('../img/nav_sub_arrow-hover.png') no-repeat left top !important;
  color:#336699 !important; }
  
.related a:visited {
  background:url('../img/nav_sub_arrow.png') no-repeat left top;
  padding-left:10px;
  color:#000; }

  
/* footer */

#footer .nav {
  margin-top:6px; }

#footer li a {
  border-right:1px solid #ccc;
  border-bottom:0px;
  padding:0 10px 0 7px; }

#footer li a.grey {
  color:#5C5B56; 
  font-size:1em; }

#footer li:first-child a {
  padding-left:0; }
  
#footer li:last-child a {
  border-right:0; }

#footer li a:hover {
  text-decoration:underline; }

/* BRANDING ----------------------------------------------------------------- */

#logo a {
  background:url(../img/logo.png) no-repeat;
  height:54px;
  left:767px;
  margin:0;
  position:absolute;
  text-indent:-9999px;
  top:17px;
  width:183px;
  }

/* LINKS -------------------------------------------------------------------- */

a, a:visited {
  color:#336699;
  text-decoration:none;
  /*border-bottom: 1px dotted #ED5001;*/}

a:hover { 
  color:#E3210D;
  text-decoration:underline;
  border-bottom: 0px dotted #669;}

.top {font-size:0.8em; }


/* ROLLOVER LINKS/IMAGES IN RIGHT MENU ---------------------------------------*/
 
#logo-ga
{
  display: block;
  width: 100px;
  height: 78px;
  margin: 0 0 20px 0;
  text-align: center;
  background: url('/fileadmin/images/outreach/logo-grey-GA.jpg') no-repeat 0 0;}
#logo-ga:hover { background: url("/fileadmin/images/outreach/logo-colour-GA.jpg") no-repeat 0 0; }
#logo-ga span { position: absolute; top: -999em; }

#logo-rgs
{
  display: block;
  width: 142px;
  height: 103px;
  margin: 0 0 20px 0;
  text-align: center; 
  background: url('/fileadmin/images/outreach/logo-grey-RGS.jpg') no-repeat 0 0;}
#logo-rgs:hover { background: url("/fileadmin/images/outreach/logo-colour-RGS.jpg") no-repeat 0 0; }
#logo-rgs span { position: absolute; top: -999em; }


/* FORMS -------------------------------------------------------------------- */

#JumpMenu {
  padding-bottom:0;
  width:180px !important; }

select#JumpMenu {
  width:180px !important;
}

#search_form {
  /*border-bottom:1px solid #c1c0bb;*/
  /*padding-bottom:1px;*/
  width:179px; }
  
#search_form_main {
  /*border-bottom:1px solid #c1c0bb;*/
  /*padding-bottom:1px;*/
  width:300px; }

input#keywords {
  width:127px; }
  
input#go {
  width:30px; 
  /*background:url(../img/btn_go.png) no-repeat #cc3333;*/
  background:#729E12;
  color:#FFFFFF; 
  font-weight:bold;}
  
input#search_btn {
  width:80px; 
  /*background:url(../img/btn_go.png) no-repeat #cc3333;*/
  background:#CC3333;
  color:#FFFFFF; 
  font-weight:bold; }
  
input#Submit {
  width:90px; 
  /*background:url(../img/btn_go.png) no-repeat #cc3333;*/
  background:#CC3333;
  color:#FFFFFF; }

select#goto {
  width:179px; }

/* WEBKIT / MOZILLA --------------------------------------------------------- */

#breadcrumb li a,.content-section a,#sub li a:hover {
  -webkit-transition:all 0.5s linear; }

#main {
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#353431), to(#282724)); }

#main li a:hover {
  -webkit-transition:all 0.2s linear; }
  
/* MODULAR LAYOUT SYSTEM ---------------------------------------------------- */
  
/* Grid */

/* standard column widths */
.col-1 { width:160px; }
.col-1-wide { width:220px;  }
.col-2 { width:340px; }
.col-2-tab { width:300px; }
.col-2-accordion { width:245px; }
.col-3 { width:520px; }
.col-4 { width:700px; }
.col-4-tab { width:660px; }
.col-4-accordion { width:605px; }

/* container elements which wrap individual elements and cater for their margins */
.container.col-1 { width:180px; }
.container.col-2 { width:360px; }
.container.col-3 { width:540px; }
.container.col-4 { width:720px; }

.col-1::after, .col-2::after, .col-3::after, .col-4::after {
clear: both;  
}

/* custom widths to cater for the extra padding on text based form elements */
input[type="text"].col-1, textarea.col-1 { width:154px; }
input[type="text"].col-2, textarea.col-2 { width:334px; }
input[type="text"].col-3, textarea.col-3 { width:514px; }
input[type="text"].col-4, textarea.col-4 { width:694px; }

/* Placement */
  
.left {
  float:left;
  margin:0 20px 0 0; }

.right {
  float:right;
  margin:0 0 18px 0; }

.right-video {
  float: right;
  margin: 0 5px 18px 18px; }

#center-video{
  margin-left: auto;
  margin-right: auto;
}

.center_text{
  text-align:center; }
  
.container {
  margin:0; }
  
.container.left,
.container.right {
  margin:0; }

.container .margin-top {
  margin-top:18px; }

.container .margin-top-video {
  margin-top:50px; }
  
.container .margin-bottom {
  margin-bottom:18px; }
  
.last,
.last div {
  margin-right:0; }
  
.clear {
  clear:both; }
  
/* Additions */
  
.frame {
  outline:1px solid #ccc; }
  
/* space out form elements if they've been aligned to the grid */
input.col-1,
input.col-2,
input.col-3,
input.col-4,
label.col-1,
label.col-2,
label.col-3,
label.col-4,
select.col-1,
select.col-2,
select.col-3,
select.col-4,
textarea.col-1,
textarea.col-2,
textarea.col-3,
textarea.col-4 { 
  margin-bottom:1em; }
  
/* spaces out images within the flow of content to seperate it from the 
surrounding text */
img.col-1,
img.col-2,
img.col-3,
img.col-4 {
  margin-bottom:9px;
  /*margin-top:20px;
  margin-right:20px;*/
  margin-left:5px; }
  
/* spaces out images within the table on the news page */
img.news,
img.news,
img.news,
img.news {
  margin:10px 10px 10px 10px ;}

/* resets the above margins, in case we want strict alignment to the grid */  
img.col-1.strict,
img.col-2.strict,
img.col-3.strict,
img.col-4.strict {
  margin-bottom:0;
  margin-top:0; }

/* let IE break-word on long strings */
.col-1,
.col-2,
.col-3,
.col-4 { 
  word-wrap:break-word; }

/*drop shadow on block elements, images etc*/
.shadow {
 -moz-box-shadow: 3px 3px  2px #888;
 -webkit-box-shadow: 3px 3px  2px #888;
 box-shadow: 3px 3px  2px #888;}

/* CONTENT ------------------------------------------------------------------ */

  
  .content_hp {
    margin-top:15px; }
    
  .content_hp h2 {
    font-size:2em;
    /*line-height:2.2em;*/
    margin:15px 0px 15px 0px;
    color:#729E12; }
    
  .content_hp h2.headline {
    color:#5c5b56;
    font-size:2em;
    line-height:1em;
    margin:0 0 0px 0; }
    
  .content_hp h3 {
    /*color:#2f2d24;*/
    color:#729E12; }
  
  .content_hp h3 a{
    color:#729E12; 
    border-bottom: 0px; }
    
  .content_hp ul,
  .content_hp ol {
    list-style-position:outside;
    padding-left:10px;
    margin-left:10px;
    margin-bottom: 1.5em;}
    
  .content_hp ul {
    list-style-image:url('../img/ul-green-arrow.gif'); 
  }
    
  .content_hp ol {
    list-style-type:decimal; }
    
  .content_hp dl dd {
    margin-left:20px; }
  
  .content_hp abbr {
    border-bottom:1px dotted #efefef; }
  
    /* DOCUMENT PAGES -------------------------------------------------------------*/
    .content {
      margin-top:15px; }
      
    .content h2 {
      font-size:2em;
      /*line-height:2.2em;*/
      margin:25px 0 0 0;
      color:#729E12; }

    .content h2.headline {
      color:#5c5b56;
      font-size:2em;
      line-height:1em;
      margin:0 0 -7px 0; }
      
    .content h3 {
      /*color:#2f2d24;*/
      color:#5c5b56; }
      
    .content ul,
    .content ol {
      /*list-style-position:inside; */
      padding-left:10px;
      margin-left:10px; }
      
    .content ul {
      list-style-type:disc; }
      
      .content ul.nested_ul { 
        list-style-type:square; 
        padding-left:15px;
        margin-left:10px;
        padding-top:10px; }
      
    .content ol {
      list-style-type:decimal; }
      
    .content dl dd {
      margin-left:20px; }
    
    .content abbr {
      border-bottom:1px dotted #efefef; }
      

blockquote {
  font-weight:bold;
  padding:0 0px; }

blockquote.col-1 { width:140px; }
blockquote.col-2 { width:320px; }
blockquote.col-3 { width:500px; }
blockquote.col-4 { width:680px; }
  
blockquote cite {
  display:block;
  font-weight:normal;
  width:100%; }
  
table {
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:0px solid #ccc;
  border-left:1px solid #ccc; }
  
table th {
  background-color:#ececec;
  border-bottom:1px solid #ccc;
  text-align:left;
  padding: 2px 2px 2px 2px; }
  
  table th.ghost {
    border-bottom:0px; }
  
table td {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:0px solid #ccc; 
  padding:0 3px;
  vertical-align:top; }
  
  table td.ghost {
    border-top:0px solid #ccc;
    border-right:0px solid #ccc;
    border-bottom:0px solid #ccc;
    border-left:0px solid #ccc; 
    padding:0 3px;
    vertical-align:top; }
  
table.zebra tr:nth-child(2n+3) {
  background-color : #ececec;}
  

.staff_table {border-top:0px solid #ccc; border-right:0px solid #ccc; border-bottom:0px solid #ccc; border-left:0px solid #ccc;}
  
.staff_table th {
  background-color:#ffffff;
  border-bottom:0px dashed #ccc; 
  text-align:left; 
  font:Georgia, Helvetica, Arial, sans-serif;
  font-size:1.1em;}
  
.staff_table td {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px dotted #ccc;
  border-left:0px solid #ccc; 
  padding:1px 2px 1px 2px;
  /*margin:4 2 4 2px;*/
  vertical-align:top; 
  text-align:left;}
  
  .staff_table td.lined {
    border-top:0px solid #ccc;
    border-right:0px solid #ccc;
    border-bottom:1px dotted #ccc;
    border-left:0px solid #ccc; 
    padding:4px 2px 6px 2px;
    /*margin:4px 2px 4px 2px;*/
    vertical-align:top; 
    text-align:left;}

.fixed { table-layout:fixed !important;}




/* Coloured tables used mainly in courses section */  
.colour_table {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px solid #ccc;
  border-left:0px solid #ccc; }
  
.colour_table a { 
  color:#FFFFFF; }
.colour_table a:hover { 
  color:#FFFFFF;
  text-decoration:underline; }
  .colour_table a.red { 
  color:#cc3333; }
  
.colour_table th {
  background-color:#000;
  border:2px solid #fff;
  padding:4px 4px 4px 4px;
  text-align:center; 
  font:Georgia, Helvetica, Arial, sans-serif;
  font-size:1.1em; 
  font-weight:bold; 
  color:#FFFFFF;}
  
.colour_table td {
  border:2px solid #fff;
  padding:4px 4px 4px 4px;
  vertical-align:top; 
  text-align:left; 
  color:#fff; 
  background-color:#c00000;
  line-height:1.5em;}
  
.colour_table td.grey1 {
  color:#000;
  background-color:#e6e6e6; }
.colour_table td.grey2 {
  color:#000;
  background-color:#cdcdcd; }    
.colour_table td.grey3 { 
  color:#000; 
  background-color:#b3b3b3; }    
.colour_table td.grey4 { 
  color:#000; 
  background-color:#9a9a9a; }
.colour_table td.white { 
  color:#000; 
  background-color:#fff;
  padding:0px 4px 4px 4px;
  line-height:1em; }
.colour_table td.white a { 
  color:#cc3333; }
.colour_table td.white a:hover { 
  color:#336699 ; 
  text-decoration:underline; }
                  
                  
/* Tables for forms */  
.form_table {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px solid #ccc;
  border-left:0px solid #ccc;}
  
.form_table th {
  background-color:#ffffff;
  border-bottom:0px dashed #ccc; 
  text-align:left; 
  font:Georgia, Helvetica, Arial, sans-serif;
  font-size:1.1em;}
  
.form_table tr { 
  border-spacing:5px;}
  
.form_table td {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px dotted #ccc;
  border-left:0px solid #ccc; 
  padding:4 2 4 2px;
  margin:4 2 4 2px;
  vertical-align:top; 
  text-align:left; ta}
  
.events_table {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px solid #ccc;
  border-left:0px solid #ccc; }
  
.events_table th {
  background-color:#ececec;
  border-bottom:1px solid #ccc; }

  
  .events_table tr.spacer_tr {
    background-color:#ececec;
    height:-10px; }
  
.events_table td {
  border-top:0px solid #ccc;
  border-right:0px solid #ccc;
  border-bottom:0px solid #ccc;
  border-left:0px solid #ccc; 
  padding:0 0px;
  vertical-align:top; }
  
  .events_table td.spacer_td {
    height:-10px; }
    
  .events_table hr {
    height:1px; 
    color:#ececec; }

/* Image Panels */

  /*---------------  brochure box class for brochure items on prospectus page ---------------------- */
  .brochure_box {
    background-color:#FFF;
    display:block;
    overflow:hidden;
    position:relative; 
    width:160px; 
    min-height:280px;
    border-style:dashed;
    border-width:0px;
    margin-left:auto;
    margin-right:auto;
    float:left; }
    
  .brochure_box img { 
    border-style:solid;
    border-width:0px; }
    
  .brochure_box h3 {  
    text-align:center; }
    
  .brochure_box h4 {  
    text-align:center;
    background-color:#FFF;
    border:solid 0px;
    width:85%;
    margin-left:auto;
    margin-right:auto;
    padding: 0px 0px 0px 0px; }
    
  .brochure_box p {
    display:block; 
    min-height:75px; }
    

.imagepanel {
  /*background-color:#026799;*/
  color:#fff;
  float:left;
  /*height:100%;*/
  /*margin-bottom:-15px;*/
  min-height:288px;
  overflow:hidden;
  position:relative; }
    
.imagepanel img {
  position:absolute;
  left:0;
  top:0; }
  
    .imagepanel2 {
       margin-bottom:0px; 
      display:block; 
      height:162px; }
        
    .imagepanel2 img {
      position:absolute;
      left:730px;
      top:127px; 
      right:10px; 
      bottom:10px;}
  
  
.imagepanel.popout {
  overflow:visible;
  min-height:190px; }  
  
.imagepanel.popout img {
  left:auto;
  margin-bottom:-10px;  
  right:0;
  top:5px; }
  
.imagepanel .caption,  
.imagepanel .caption.left {
  /*background-color:#026799;*/
  float:left;
  font-size:0.8em;
  max-width:100%;
  min-height:199px;
  position:relative;
  width:22em;
  z-index:1; }
  
.imagepanel .caption.right {
  background-color:transparent;
  float:right;
  font-size:1.0em;
  max-width:100%;
  min-height:199px;
  position:relative;
  width:18em;
  z-index:1;}
  
                        .imagepanel .caption.right_sml {
                          background-color:transparent;
                          float:right;
                          font-size:0.8em;
                          max-width:100%;
                          /*min-height:120px;*/ 
                          height:162px;
                          position:relative;
                          width:22em;
                          z-index:1; }
                        
.imagepanel .caption.bottom {
  bottom:0;
  max-width:100%;
  min-height:18px;
  position:absolute;
  width:100%; }

.imagepanel h3,
.imagepanel ul,
.imagepanel ol,
.imagepanel dl,
.imagepanel p {
  display:block;
  margin-left:12px;
  width:70%; }

.imagepanel .caption.bottom h3,
.imagepanel .caption.bottom ul,
.imagepanel .caption.bottom ol,
.imagepanel .caption.bottom dl,
.imagepanel .caption.bottom p {
  width:95%; }
  
.imagepanel ul,
.imagepanel ol {
  list-style-type:none;
  width:95%; }
  
.imagepanel h3 {
  color:#fff;
  font-size:2.5em;
  line-height:1em;
  margin-bottom:0;
  margin-top:30;
  padding-top:5px; }
  
.imagepanel ul,
.imagepanel ol,
.imagepanel dl,
.imagepanel p {
  line-height:1.7em; }

.imagepanel a,
.imagepanel a:link,
.imagepanel a:visited,
.imagepanel a:active {
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,0.5); }

.imagepanel a:hover {
  border-bottom:1px solid rgba(255,255,255,0.9); }
  
  
    /* Image Panels - new class called docbanner for document pages*/
        .docbanner {
          /*background-color:#026799;*/
          color:#fff;
          float:left;
          width:100%;
          margin-bottom:0px;
          min-height:162px;
          overflow:hidden;
          position:relative; }
          
        .docbanner img {
          position:absolute;
          left:0;
          top:0; }
          
        .docbanner.popout {
          overflow:visible;
          min-height:162px; }  
          
        .docbanner.popout img {
          left:auto;
          margin-bottom:-10px;  
          right:0;
          top:5px; }
          
        .docbanner .caption,  
        .docbanner .caption.left {
          /*background-color:#026799;*/
          float:left;
          font-size:0.8em;
          max-width:100%;
          min-height:162px;
          position:relative;
          width:22em;
          z-index:1; }
          
        .docbanner .caption.right {
          background-color:transparent;
          float:right;
          font-size:0.8em;
          max-width:100%;
          /*min-height:162px;*/
          height:162px;
          position:relative;
          width:22em;
          z-index:1;}
          
          .docbanner .caption.right_sml {
            background-color:transparent;
            float:right;
            font-size:1.0em;
            max-width:100%;
            /*min-height:120px;*/ 
            height:162px;
            position:relative;
            width:18em;
            z-index:1; }
          
        .docbanner .caption.bottom {
          bottom:0;
          max-width:100%;
          min-height:18px;
          position:absolute;
          width:100%; }
        
        .docbanner h3,
        .docbanner ul,
        .docbanner ol,
        .docbanner dl,
        .docbanner p {
          display:block;
          margin-left:10px;
          width:90%; }
        
        .docbanner .caption.bottom h3,
        .docbanner .caption.bottom ul,
        .docbanner .caption.bottom ol,
        .docbanner .caption.bottom dl,
        .docbanner .caption.bottom p {
          width:95%; }
          
        .docbanner ul,
        .docbanner ol {
          list-style-type:none;
          width:95%; }
          
        .docbanner h3 {
          color:#fff;
          font-size:2.5em;
          line-height:1em;
          margin-bottom:0;
          margin-top:10px;
          padding-top:5px; }
          
        .docbanner ul,
        .docbanner ol,
        .docbanner dl,
        .docbanner p {
          line-height:1.7em; }
        
        .docbanner a,
        .docbanner a:link,
        .docbanner a:visited,
        .docbanner a:active {
          color:#fff;
          border-bottom:1px solid rgba(255,255,255,0.5); }
        
        .docbanner a:hover {
          border-bottom:1px solid rgba(255,255,255,0.9); }

/* News articles */

.article {
  margin-bottom:18px;
  background-color:#95B253;
  padding: 0px 0px 0px 0px;
  /*min-height:257px;
  height:257px;*/ }
  
.article a,
.article a:link,
.article a:visited,
.article a:active {
  color:#71981A; }
  
.article h2 {
  font-size:2.0em !important;
  line-height:1.25em;
  margin:5px 0px 5px 5px; }

.article h3 {
  margin-left:5px; 
  color: #ffffff; }

.article ul {
  list-style-image: url('../img/ul-white-arrow-article.gif'); }

.article li {
  color: #000000; }
  
.article p {
  font-size:1.1em;
  line-height:1.5em;
  margin-left:5px; 
  font-family:Georgia, "Times New Roman", Times, serif;
  color: #ffffff;}

.article h2 a {
  border-bottom:1px solid #cd592a;
  text-decoration:none; }
  
.article h2 a:hover {
  color:#922500;
  text-decoration:none; }
  
.article-full {
  background:url('../img/article-full_green.gif') 78px 4px no-repeat;
  display:block;
  font-size:0.9em;
  font-weight:bold;
  /*text-transform:lowercase;*/
  width:90px; }

.article-full-right {
  background:url('../img/find-out-more-arrow.png') 85px 8px no-repeat;
  display:block;
  font-size:0.9em; 
  font-style:italic;
  float:right;
  width:100px; }
.article-full-right p{
  margin-top:5px !important;}

.article-full-right-banner {  /* This is a "read more" link for use in rotating banner captions */
  background:url('../img/find-out-more-arrow-white.png') 65px 5px no-repeat;
  display:block;
  font-size:0.9em; 
  font-style:italic;
  float:right;
  margin-top: 20px;
  width:100px; }
  
    .article-full2 {
      background:url('../img/article-full_orange.gif') 85px 8px no-repeat;
      display:block;
      font-size:0.9em;
      font-weight:bold; 
      text-transform:none;
      width:100px; 
      margin-top:3px; }
      
      .article-more {
        font-size:0.9em;
        font-weight:bold; 
        text-transform:none; 
        margin-top:2px;}


            
/* Events */

.events_list {
  background-color:#ececee;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  float:left;
  padding-bottom:18px;
  text-shadow:1px 1px 0 #fff; }
  
.events_list li {
  float:left;
  padding:18px 10px 0 10px; }
  
.events_list a.url {
  display:block;
  text-decoration:underline;
  width:270px; }

.events_list .dtstart {
  background-color:#2554be;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  color:#fff;
  float:right;
  height:45px;
  text-align:center;
  text-shadow:none;
  width:40px; }

.events_list .dtstart .d {
  display:block;
  font-size:1.2em;
  line-height:1.3em; }

.events_list .dtstart .m {
  display:block;
  font-size:0.8em;
  line-height:1.2em;
  text-transform:uppercase; }
  
.events_list .dtstart .y {
  display:block;
  font-size:0.7em;
  line-height:1.5em; }
  
.events_list .summary {
  display:block;
  width:270px; }
  
/* FOOTER ------------------------------------------------------------------- */

#footer {
  border-top:1px solid #ccc;
  font-size:0.75em; }
  
#footer p {
  margin-top:1em; }
  



/*************************************** QUOTE BOXES *************************/
  /* STRUCTURE */
  #quote_box {
    position: relative;
    width: 179px;
    margin: 20px 0px 10px 0px;
    border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    border: 0px solid #ffffff;
  }
  #quote_box .top {
    background: url('../img/quote_box/bg_top_black.png') no-repeat;
    height: 32px;
  }
  #quote_box .bottom {
    background: url('../img/quote_box/bg_bottom_black.png') no-repeat;
    height: 32px;
  }
  #quote_box .middle {
    height: auto; 
    position: relative;
  }
  #quote_box .middle img.bg {
    height: 100%;
    position: absolute;
    width: 179px;
    z-index: 1;
  }
  #quote_box .box_content {
    padding: 0 20px;
    position: relative;
    z-index: 2;
  }
  /* ******************** */
  /* TEXT */
  #quote_box p {
    margin: 0; 
    text-align:right; 
    color:#FFFFFF;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:1.3em !important;
    width: 100%;
    line-height: 1.125em;
  }
  #quote_box cite { 
    display:block;
    width: 140px;
    text-align:left; 
    color:#fff;
    font-family: Verdana, Geneva, sans-serif; 
    font-style:bold !important;
    font-size:0.9em;
  }
/* ******************** */



/**************************** CSS for people pages ***********************/



#body ul li {
    padding-left: 0;
  margin-left: 0;
}

.body_people .clear {
    clear: both;
    font-size: 0.1px;
    height: 0;
    line-height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.body_people #article {
  float: left;
  width: 710px;
}
.body_people #article_padding {
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 16px;
  padding-left: 0;
  padding-right: 5px;
  padding-top: 16px;
}

.body_people h4 {
  /* font-weight: bold; */
  margin-top: 12px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #719e12;
}

.body_people .sidebar_info {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #FDF7ED;
  background-image: url("../img/people/people_sidebar.gif");
  background-origin: padding-box;
  background-position: left top;
  background-repeat: repeat-x;
  background-size: auto auto;
  min-height: 273px;
}
.body_people .sidebar_underinfo {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url("../img/people/people_sidebar_under.gif");
  background-origin: padding-box;
  background-position: left top;
  background-repeat: repeat-x;
  background-size: auto auto;
  min-height: 268px;
}

.body_people .spacer {
  margin-top: 8px; 
}

/* LINKS -------------------------------------------------------------------- */

.peoplelinks a, peoplelinks a:visited {
 color: #719e12; 
}

.peoplelinks a:hover {
  color:#336699;
}


/* END OF LINKS ------------------------------------------- */

.profile_panel {
  background-attachment: scroll;
  background-clip: border-box;
  
  display: block;
  float: left;
  height: 166px;
  
  overflow-x: hidden;
  overflow-y: hidden;
  width: 158px;
  border-style: solid;
  border-width: 1px;
  border-color: #719e12;
  margin-right: 20px;
  margin-left: 0;
  margin-bottom: 23px;
}

.profile_panel.last {
  margin-right: 0;
}

.profile_panel img {
  display: block !important;
  overflow: hidden !important;
}
.profile_panel span a {
  background-color: #719e12;
  display: block;
  height: 28px;
  line-height: 120%;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 9px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 8px;
}
.profile_panel span a:hover {
  background-color: #719e12;
}
.profile_panel a, .profile_panel a:visited {
  -moz-text-blink: none;
  -moz-text-decoration-color: -moz-use-text-color;
  -moz-text-decoration-line: none;
  -moz-text-decoration-style: solid;
  color: #FFFFFF;
}
.profile_panel a:hover {
  -moz-text-blink: none;
  -moz-text-decoration-color: -moz-use-text-color;
  -moz-text-decoration-line: none;
  -moz-text-decoration-style: solid;
  color: #FFFFFF;
}
.profile_panel .profile_bg {
  background-color: #719e12;
  color: #FFFFFF;
  display: block;
  height: 28px;
  line-height: 110%;
  margin-bottom: 2px;
  /* margin-left: 5px;
  margin-right: 4px; */
  margin-top: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 9px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 8px;
  /* text-transform: uppercase; */
}

.people_menu {
    float: left;
    font-size: 1em;
  margin-top: .2em;
    margin-bottom: 1.2em;
    margin-left: 0 !important;
  padding-left: 0 !important;
    width: 700px;
}

.people_menu li {
  display: inline;
  font-weight: bold;
  margin-right: 1em;
}

.person_menu {
  float:left;
  font-size@ 1em;
  margin-top: 1.4em;
  margin-bottom: 1.2em;
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 700px;
}

.person_menu li {
  display: inline;
  font-weight: bold;
  margin-right: 1em;
}
  
.profile_overview {
  margin-top: -14px;
  min-height: 122px;
}

.profile_contact {
  background-color: #e3ead1;
  margin-top: 18px;
  padding: 6px;
  clear: left;
  
}

.profile_line {
  margin-top: 15px;
  border-bottom: 1px solid #719e12;
}

.person-more {
        font-size:1em;
        font-weight:normal; 
        text-transform:none; 
        margin-top:-10px;
}

.person_icon {
  padding-left: 8px;
  padding-top: 18px;
}

.person_name {
  margin-top: -18px;
}

/* Styles for support staff pages */

.support_contactdetails {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #E3EAD1;
  border-style: solid;
  border-width: 0px;
  border-color: #ffffff;
  
  float: right;
  clear: right;
  display: block;
  margin-bottom: 20px;
  min-height: 171px;
  
  overflow-x: hidden;
  overflow-y: hidden;
  width: 518px;
}
.support_contactdetails p {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.support_contactdetails ul {
  list-style-image:url('../img/ul-green-arrow.png'); 
}

.support_contactdetails_padding {
  padding-bottom: 19px;
  padding-left: 19px;
  padding-right: 19px;

}
.support_contactdetails_left_support {
  float: left;
  width: 222px;
  margin-bottom: 8px;
}
.support_contactdetails_right_support {
  float: left;
  margin-bottom: 8px;
  padding-left: 8px;
  width: 250px;
}

/****************************** additional styles for FCEs **************/

#FCE-2-wide-cols-top { margin-top: -15px; }
#FCE-2-wide-cols-for-tabs { overflow: hidden; }
#FCE-2-wide-cols-1-full-width-col-under-tabs { overflow: hidden; }
#FCE-2-wide-cols-1-full-width-col-under-tabs p:first-of-type { margin-bottom:0 !important; }
.p-no-bm { margin-bottom: 0 !important; }


.tabs-facilities ul li a {
    font-size: 13px !important;
}

/*  STICKY MENUS ***********************************************/

.sticky-wrapper-right {
       float: left;        
       clear: right;        
       overflow: hidden;   
       display: block;      
       width: 210px;
       margin: 0 20px 0 0;
}

/* twitter */
#twitter {
  height: 300px;
}

/* FWSA abstracts page */
.conf_timetable li {
  margin: 8px 0px 0px 0px;
}
.para_session{
  padding-left: 20px;
  list-style: none;
}
.tbl_fwsa th:first-child {
  text-shadow: 1px 1px 2px #ccc;
  /*padding-top: 10px;
  padding-right: 20px;*/

}
.tbl_fwsa th:first-child div {
  position: relative;
  top: 81px;
  -webkit-transform: rotate(-90deg); /* Safari */
  -moz-transform: rotate(-90deg);    /* Firefox */
  -ms-transform: rotate(-90deg);     /* IE */
  -o-transform: rotate(-90deg);      /* Opera */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* Internet Explorer */
}
.tbl_fwsa th {
  text-shadow: 1px 1px 2px #ccc;
  padding-top: 10px;
}

/****************** OCI styling **************/
#oci-coursestructuretable {
    width: 100%;
    min-width: 350px;
    border: 1px solid #cecece;
    background: #fff;
    margin: 10px 0px 10px 0px;
}
#oci-coursestructuretable .oci-cs-themetitle, #oci-coursestructuretable .oci-cs-modtype {
    font-weight: bold;
  border-right: 1px solid #cecece;
    padding: 20px;
}
.oci-cs-modlist {
    border-right: 1px solid #cecece;
    padding: 20px;
}
.oci-cs-hide {
 display: none;
}
.oci-tabs h3{
  /*border-bottom: 1px solid #729E12;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 20px;*/
}
.oci-apply-ul {
    display: block;
    height: 45px;
    width: 120px;
    border-radius: 4px;
    border: 2px solid #ccc;
    background-color: #729E12;
    color: #FFF;
    font-family: Georgia;
    font-size: 16px;
    list-style: none;
    margin-top: 0px;
}
.oci-apply-ul li {
    list-style: none;
    margin: 8px 0px 0px 26px;
}
.oci-apply-ul a {
  color: #FFF;
  font-family: Georgia;
  font-size: 16px;
}
.oci-key-facts {
    float: right;
    width: 220px;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f4efe9;
    box-shadow: 0px 5px 10px #777;
    border-radius: 5px;
}
.oci-key-facts li{
  margin-bottom: 15px;
  list-style: none;
}

.oci-brochure-btn {
    display: block;
    height: 40px;
    width: 310px;
    border-radius: 4px;
    border: 2px solid #ccc;
    background-color: #729E12;
    color: #FFF;
    font-family: Georgia;
    font-size: 16px;
    list-style: none;
    margin-top: 0px;
}
.oci-brochure-btn li {
    list-style: none;
    margin: 8px 0px 0px 26px;
}
.oci-brochure-btn a {
  color: #FFF;
  font-family: Georgia;
  font-size: 16px;
}


.oci-rankings-box {
    float: left;
    width: 220px;
    margin-left: 15px;
    margin-bottom: 10px;
}
.oci-rankings-box img{
    max-width: 220px;
}
.oci-profile {
    float: right;
    clear:right;
    width: 220px;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f4efe9;
    box-shadow: 0px 5px 10px #777;
    border-radius: 5px;
}
.oci-profile-full hr{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right,transparent,rgba(196,164,128,.75),transparent);
    margin-bottom: 20px;
    margin-top: 0;
}
.oci-profile-full a{
    clear: both;
    display: block;
    margin: 8px 0px 8px 0px;
    width: 70px;
}
.oci-quote {
    font-style: italic;
    font-size: 1em;
    margin-left: 14px;
    display: inline-block;
}
.oci-quote::before { 
    content: "\201C";
}
.oci-quote::after { 
    content: "\201D";
}
.oci-citation {
  font-size: 1em;
  display: block;
  font-weight: bold;
  margin: 10px 0px 0px 0px;
}
.oci-sub-title{
  font-size: 0.7em;
}

/* UG modules */
.oci-modules {
  margin: 10px 0px 0px 20px;
}
.oci-modules li {
  border-bottom: 1px dotted #ccc;
}
.oci-module-title {
  /*float: left;*/
}
.oci-module-credits {
  float: right;
}

.oci-accreditation-img {
  margin: 0px 0px 10px 0px;
  padding: 8px;
  max-width: 220px;
  border: 1px solid #ccc;
}
.course-link-prev {
  float: right;
  margin: 0px;
  font-size: 1.25em;
  text-shadow: 2px 2px 2px #ccc;
  background-image: url('../img/ul-green-arrow.png');
  background-repeat: no-repeat;
  background-position: 0px 7px;
  padding-left: 10px;
}

/* Flying Start */
.caption {
  position: absolute;
  bottom: 0px;
  color: #fff;
  font-size: 16px;
  width: 100%;
  background: rgba(0,0,0,0.5);
  height: 25px;
}
.caption-text {
  padding-left: 10px;
}
.img-wrapper {
  display: block;
}
.img-wrapper a:hover {
  text-decoration: none !important;
}
.col-left, .col-right {
  display: inline-block;
  width: 335px;
  margin-bottom: 15px;
}
.col-left img, .col-right img {
  max-width: 100%;
  height: auto;
}
.col-left {
  margin-right: 22px;
}