::selection {
  background: rgba(39, 165, 161, 0.5);
  text-shadow: none; }

body .text-left {
  text-align: left !important; }
body .text-center {
  text-align: center !important; }
body .text-right {
  text-align: right !important; }
body .vtop {
  vertical-align: top !important; }
body .vmiddle {
  vertical-align: middle !important; }
body .vbottom {
  vertical-align: bottom !important; }

body .m60 {
  margin: 60px; }
body .m55 {
  margin: 55px; }
body .m50 {
  margin: 50px; }
body .m45 {
  margin: 45px; }
body .m40 {
  margin: 40px; }
body .m35 {
  margin: 35px; }
body .m30 {
  margin: 30px; }
body .m25 {
  margin: 25px; }
body .m20 {
  margin: 20px; }
body .m15 {
  margin: 15px; }
body .m10 {
  margin: 10px; }
body .m5 {
  margin: 5px; }
body .mt60 {
  margin-top: 60px; }
body .mt55 {
  margin-top: 55px; }
body .mt50 {
  margin-top: 50px; }
body .mt45 {
  margin-top: 45px; }
body .mt40 {
  margin-top: 40px; }
body .mt35 {
  margin-top: 35px; }
body .mt30 {
  margin-top: 30px; }
body .mt25 {
  margin-top: 25px; }
body .mt20 {
  margin-top: 20px; }
body .mt15 {
  margin-top: 15px; }
body .mt10 {
  margin-top: 10px; }
body .mt5 {
  margin-top: 5px; }
body .mr60 {
  margin-right: 60px; }
body .mr55 {
  margin-right: 55px; }
body .mr50 {
  margin-right: 50px; }
body .mr45 {
  margin-right: 45px; }
body .mr40 {
  margin-right: 40px; }
body .mr35 {
  margin-right: 35px; }
body .mr30 {
  margin-right: 30px; }
body .mr25 {
  margin-right: 25px; }
body .mr20 {
  margin-right: 20px; }
body .mr15 {
  margin-right: 15px; }
body .mr10 {
  margin-right: 10px; }
body .mr5 {
  margin-right: 5px; }
body .mb60 {
  margin-bottom: 60px; }
body .mb55 {
  margin-bottom: 55px; }
body .mb50 {
  margin-bottom: 50px; }
body .mb45 {
  margin-bottom: 45px; }
body .mb40 {
  margin-bottom: 40px; }
body .mb35 {
  margin-bottom: 35px; }
body .mb30 {
  margin-bottom: 30px; }
body .mb25 {
  margin-bottom: 25px; }
body .mb20 {
  margin-bottom: 20px; }
body .mb15 {
  margin-bottom: 15px; }
body .mb10 {
  margin-bottom: 10px; }
body .mb5 {
  margin-bottom: 5px; }
body .ml60 {
  margin-left: 60px; }
body .ml55 {
  margin-left: 55px; }
body .ml50 {
  margin-left: 50px; }
body .ml45 {
  margin-left: 45px; }
body .ml40 {
  margin-left: 40px; }
body .ml35 {
  margin-left: 35px; }
body .ml30 {
  margin-left: 30px; }
body .ml25 {
  margin-left: 25px; }
body .ml20 {
  margin-left: 20px; }
body .ml15 {
  margin-left: 15px; }
body .ml10 {
  margin-left: 10px; }
body .ml5 {
  margin-left: 5px; }

body .p30 {
  padding: 30px; }
body .p25 {
  padding: 25px; }
body .p20 {
  padding: 20px; }
body .p15 {
  padding: 15px; }
body .p10 {
  padding: 10px; }
body .p5 {
  padding: 5px; }
body .pt30 {
  padding-top: 30px; }
body .pt25 {
  padding-top: 25px; }
body .pt20 {
  padding-top: 20px; }
body .pt15 {
  padding-top: 15px; }
body .pt10 {
  padding-top: 10px; }
body .pt5 {
  padding-top: 5px; }
body .pr30 {
  padding-right: 30px; }
body .pr25 {
  padding-right: 25px; }
body .pr20 {
  padding-right: 20px; }
body .pr15 {
  padding-right: 15px; }
body .pr10 {
  padding-right: 10px; }
body .pr5 {
  padding-right: 5px; }
body .pb30 {
  padding-bottom: 30px; }
body .pb25 {
  padding-bottom: 25px; }
body .pb20 {
  padding-bottom: 20px; }
body .pb15 {
  padding-bottom: 15px; }
body .pb10 {
  padding-bottom: 10px; }
body .pb5 {
  padding-bottom: 5px; }
body .pl30 {
  padding-left: 30px; }
body .pl25 {
  padding-left: 25px; }
body .pl20 {
  padding-left: 20px; }
body .pl15 {
  padding-left: 15px; }
body .pl10 {
  padding-left: 10px; }
body .pl5 {
  padding-left: 5px; }

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
img {
  border: 0; }

#mapCanvas label {
  width: auto;
  display: inline; }
#mapCanvas img {
  max-width: none; }

svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

/* ==========================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html.no-svg header#site .headerBody .headerHead .social ul li a .icons .grey {
  -ms-filter: none;
  filter: none;
  zoom: 1; }
html.no-svg blockquote {
  border-left: 4px solid #c7c9ca;
  padding-top: 0;
  padding-bottom: 0;
  margin: 10px 40px;
  padding-left: 20px;
  margin-left: 35px; }
  html.no-svg blockquote:before {
    display: none; }
  html.no-svg blockquote:after {
    display: none; }

html, body, *, input, textarea {
  -webkit-font-smoothing: antialiased; }

html, body {
  height: 100%; }

body {
  background-color: white;
  color: #111111;
  font-family: Arial, Helvetica, sans-serif; }

header#site {
  background-color: #f7f7f7;
  height: 140px;
  position: relative;
  margin-top: 15px; }
  header#site .headerBody {
    position: relative;
    height: 140px; }
    header#site .headerBody .headerHead {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%; }
      header#site .headerBody .headerHead .headerDesc {
        color: #27a5a1;
        font-weight: bold;
        font-size: 0.9em;
        text-transform: uppercase;
        margin-top: 17px; }
      header#site .headerBody .headerHead .social {
        position: absolute;
        right: 15px;
        top: 0px; }
        header#site .headerBody .headerHead .social ul {
          float: right;
          list-style: none; }
          header#site .headerBody .headerHead .social ul li {
            float: left;
            display: block;
            margin-left: 10px;
            margin-bottom: 0; }
            header#site .headerBody .headerHead .social ul li a {
              display: block;
              height: 45px;
              width: 30px;
              overflow: hidden;
              font: 0/0 a;
              text-shadow: none;
              color: transparent; }
              header#site .headerBody .headerHead .social ul li a:hover .icons, header#site .headerBody .headerHead .social ul li a:active .icons {
                top: 0px; }
              header#site .headerBody .headerHead .social ul li a .icons {
                top: -48px;
                position: relative;
                height: 30px;
                width: 30px;
                -webkit-transition: 0.1s linear all;
                -moz-transition: 0.1s linear all;
                transition: 0.1s linear all; }
                header#site .headerBody .headerHead .social ul li a .icons .grey {
                  padding: 3px;
                  padding-top: 15px;
                  overflow: visible;
                  opacity: 0.5;
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
                  filter: alpha(opacity=50);
                  zoom: 1;
                  height: 30px; }
                header#site .headerBody .headerHead .social ul li a .icons .white {
                  padding: 3px;
                  padding-top: 15px;
                  height: 30px; }
                header#site .headerBody .headerHead .social ul li a .icons.twitter img {
                  margin-top: 5px;
                  width: 24px;
                  height: 20px; }
                header#site .headerBody .headerHead .social ul li a .icons.twitter .white {
                  background-color: #33CCFF; }
                header#site .headerBody .headerHead .social ul li a .icons.facebook img {
                  margin-top: 1px;
                  width: 13px;
                  height: 24px; }
                header#site .headerBody .headerHead .social ul li a .icons.facebook .white {
                  background-color: #3B5998; }
                header#site .headerBody .headerHead .social ul li a .icons.pintrest img {
                  margin-top: 3px;
                  width: 24px;
                  height: 24px; }
                header#site .headerBody .headerHead .social ul li a .icons.pintrest .white {
                  background-color: #CB2027; }
                header#site .headerBody .headerHead .social ul li a .icons.youtube img {
                  margin-top: 1px;
                  width: 24px;
                  height: 29px; }
                header#site .headerBody .headerHead .social ul li a .icons.youtube .white {
                  background-color: #FF3333; }
                header#site .headerBody .headerHead .social ul li a .icons.itunes img {
                  margin-top: 7px;
                  width: 24px;
                  height: 16px; }
                header#site .headerBody .headerHead .social ul li a .icons.itunes .white {
                  background-color: #663399; }
                header#site .headerBody .headerHead .social ul li a .icons.rss img {
                  margin-top: 3px;
                  width: 24px;
                  height: 24px; }
                header#site .headerBody .headerHead .social ul li a .icons.rss .white {
                  background-color: #E67E22; }
              header#site .headerBody .headerHead .social ul li a img {
                display: block;
                max-width: 24px;
                max-height: 30px;
                margin: 0px auto; }
    header#site .headerBody .headerFoot {
      position: absolute;
      bottom: 15px;
      left: 0px;
      width: 100%; }
      header#site .headerBody .headerFoot nav {
        float: left; }
        header#site .headerBody .headerFoot nav ul {
          float: left;
          list-style: none;
          margin: 0px;
          display: block; }
          header#site .headerBody .headerFoot nav ul li {
            float: left;
            margin-right: 20px;
            display: block;
            padding-top: 10px;
            margin-bottom: 0; }
            header#site .headerBody .headerFoot nav ul li.here, header#site .headerBody .headerFoot nav ul li.parent-here {
              margin-top: -2px;
              border-top: 2px solid #27a5a1; }
            header#site .headerBody .headerFoot nav ul li a {
              font-size: 1.3em;
              display: block;
              color: #4c4d51;
              -webkit-transition: 0.1s linear all;
              -moz-transition: 0.1s linear all;
              transition: 0.1s linear all; }
              header#site .headerBody .headerFoot nav ul li a:hover, header#site .headerBody .headerFoot nav ul li a:active {
                text-decoration: none;
                color: #27a5a1; }
      header#site .headerBody .headerFoot .search {
        position: absolute;
        right: 15px;
        bottom: 0px;
        font-size: 25px; }
        header#site .headerBody .headerFoot .search form {
          position: relative;
          width: 100px;
          height: 30px;
          margin: 0px; }
          header#site .headerBody .headerFoot .search form input[type="text"] {
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background-image: none;
            text-shadow: none;
            border: none;
            background-color: transparent;
            position: absolute;
            right: 35px;
            bottom: -16px;
            display: block;
            width: 80px;
            font-size: 0.8em;
            color: #4c4d51;
            height: 32px;
            padding: 0px;
            line-height: 20px;
            -webkit-transition: 0.1s linear all;
            -moz-transition: 0.1s linear all;
            transition: 0.1s linear all;
            opacity: 0.5;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
            filter: alpha(opacity=50);
            zoom: 1; }
            header#site .headerBody .headerFoot .search form input[type="text"]:focus {
              width: 110px; }
          header#site .headerBody .headerFoot .search form button {
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background-image: none;
            text-shadow: none;
            border: none;
            background-color: transparent;
            background-image: url(/static/img/search_icon.png);
            background-repeat: no-repeat;
            background-position: 0 3px;
            right: 0px;
            bottom: -4px;
            position: absolute;
            display: block;
            height: 30px;
            width: 24px;
            padding: 0px;
            overflow: hidden; }

footer#information h2, footer#information h3 {
  margin: 0px;
  margin-bottom: 20px;
  line-height: 1; }
footer#information .twitter header {
  height: 60px;
  position: relative;
  margin-top: 40px;
  padding-bottom: 20px; }
  footer#information .twitter header .imgLink {
    display: block;
    position: absolute;
    top: 0px;
    padding-top: 4px;
    width: 62px;
    height: 54px; }
    footer#information .twitter header .imgLink img {
      width: 62px; }
  footer#information .twitter header h2 {
    position: absolute;
    top: 0px;
    left: 80px; }
  footer#information .twitter header p.textLink {
    position: absolute;
    top: 40px;
    left: 80px; }
    footer#information .twitter header p.textLink a {
      color: #2973B5;
      text-decoration: none;
      font-size: 15px;
      position: relative; }
      footer#information .twitter header p.textLink a span {
        font-size: 14px;
        position: relative;
        top: -2px;
        margin-right: 1px; }
      footer#information .twitter header p.textLink a:hover, footer#information .twitter header p.textLink a:active {
        color: #2973B5;
        text-decoration: none; }
footer#information .twitter ul {
  list-style: none;
  margin: 0px; }
  footer#information .twitter ul li {
    margin: 0px;
    margin-bottom: 20px; }
    footer#information .twitter ul li .date {
      font-weight: bold; }
    footer#information .twitter ul li p {
      word-break: break-all; }
      footer#information .twitter ul li p a {
        text-decoration: none; }
        footer#information .twitter ul li p a:hover, footer#information .twitter ul li p a:active {
          text-decoration: none; }
footer#information .explore ul {
  list-style: none;
  margin: 0px; }
  footer#information .explore ul li {
    margin-bottom: 20px; }
    footer#information .explore ul li a.title {
      border-left: 4px solid #27a5a1;
      color: #111111;
      padding-left: 15px;
      font-weight: bold;
      font-size: 17px;
      text-decoration: none;
      -webkit-transition: 0.1s linear all;
      -moz-transition: 0.1s linear all;
      transition: 0.1s linear all; }
      footer#information .explore ul li a.title:hover, footer#information .explore ul li a.title:active {
        text-decoration: none;
        color: #111111;
        border-left: 8px solid #27a5a1; }
    footer#information .explore ul li p {
      padding-top: 5px;
      padding-left: 19px; }
footer#information .informed p {
  padding-bottom: 20px; }

footer#legal {
  background-color: #f7f7f7;
  height: 110px;
  overflow: visible; }
  footer#legal .uoc {
    position: relative;
    height: 100%; }
    footer#legal .uoc a {
      display: block;
      margin-left: 25px;
      height: 71px;
      position: relative;
      margin-top: 25px; }
      footer#legal .uoc a img {
        width: 100%;
        display: block; }
  footer#legal .contact {
    text-align: right;
    padding-top: 16px; }
    footer#legal .contact p {
      margin: 0px;
      padding: 0px;
      margin-bottom: 11px;
      font-size: 11px; }
      footer#legal .contact p a {
        color: #111111;
        text-decoration: none;
        border-bottom: 1px solid transparent;
        -webkit-transition: 0.1s linear all;
        -moz-transition: 0.1s linear all;
        transition: 0.1s linear all; }
        footer#legal .contact p a:hover, footer#legal .contact p a:active {
          color: #27a5a1;
          text-decoration: none;
          border-bottom: 1px solid #27a5a1; }
        footer#legal .contact p a.footerLink {
          margin-left: 20px; }
  footer#legal nav.footer {
    position: relative;
    top: -15px;
    background-color: blue; }
    footer#legal nav.footer ul {
      list-style: none;
      margin: 0px; }
      footer#legal nav.footer ul li {
        float: left;
        margin-right: 25px;
        font-size: 12px;
        margin-bottom: 0; }
        footer#legal nav.footer ul li a {
          color: #4c4d51;
          opacity: 0.5;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
          filter: alpha(opacity=50);
          zoom: 1;
          -webkit-transition: 0.1s linear all;
          -moz-transition: 0.1s linear all;
          transition: 0.1s linear all; }
          footer#legal nav.footer ul li a:hover {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
            filter: alpha(opacity=100);
            zoom: 1;
            text-decoration: none; }

.odd, .even {
  padding: 10px;
  margin: 0;
  background-color: white; }
  .odd i, .even i {
    color: #999; }

.even {
  background-color: #ededed; }

.logo {
  background-color: #4c4d51;
  height: 140px;
  width: 140px; }
  .logo a {
    display: block;
    height: 100%;
    padding: 0px 10px;
    position: relative; }
    .logo a:hover .colours, .logo a:active .colours {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
      filter: alpha(opacity=100);
      zoom: 1; }
    .logo a img {
      display: block;
      width: 100%;
      padding: 10px 0px;
      position: relative;
      z-index: 2; }
    .logo a h1 {
      display: none;
      position: relative;
      z-index: 2; }
    .logo a .colours {
      z-index: 1;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      overflow-x: hidden;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
      filter: alpha(opacity=0);
      zoom: 1;
      -webkit-transition: 0.1s linear all;
      -moz-transition: 0.1s linear all;
      transition: 0.1s linear all; }
      .logo a .colours div {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 100%; }
      .logo a .colours .green {
        background-color: #27a5a1; }
      .logo a .colours .red {
        background-color: #E74C3C; }
      .logo a .colours .blue {
        background-color: #3498DB; }
      .logo a .colours .yellow {
        background-color: #F1C40F; }
      .logo a .colours .purple {
        background-color: #9B59B6; }
      .logo a .colours .orange {
        background-color: #E67E22; }

nav[role="sidenav"] {
  margin-bottom: 30px; }
  nav[role="sidenav"] h3 {
    font-size: 23px;
    font-size: 1.45em;
    font-weight: normal;
    line-height: 1;
    margin: 0px;
    margin-bottom: 15px; }
    nav[role="sidenav"] h3 img {
      height: 21px;
      margin-right: 10px;
      margin-top: -4px; }
  nav[role="sidenav"] ul {
    list-style: none;
    margin: 0; }
    nav[role="sidenav"] ul li {
      display: block;
      margin-bottom: 15px; }
      nav[role="sidenav"] ul li.parent-here > ul {
        display: block; }
      nav[role="sidenav"] ul li.here > ul {
        display: block; }
      nav[role="sidenav"] ul li.here > a {
        font-weight: bold; }
      nav[role="sidenav"] ul li a {
        border-left: 4px solid #27a5a1;
        color: #111111;
        padding-left: 15px;
        display: block;
        -webkit-transition: 0.1s linear all;
        -moz-transition: 0.1s linear all;
        transition: 0.1s linear all; }
        nav[role="sidenav"] ul li a:hover, nav[role="sidenav"] ul li a:active {
          text-decoration: none;
          color: #111111;
          border-left: 8px solid #27a5a1; }
      nav[role="sidenav"] ul li ul {
        display: none;
        margin-top: 15px;
        margin-left: 20px; }
        nav[role="sidenav"] ul li ul li a {
          font-size: 0.95em;
          border-left: 4px solid #c7c9ca; }
          nav[role="sidenav"] ul li ul li a:hover, nav[role="sidenav"] ul li ul li a:active {
            border-left: 8px solid #c7c9ca; }
        nav[role="sidenav"] ul li ul li ul li {
          margin-bottom: 0; }
          nav[role="sidenav"] ul li ul li ul li a {
            font-size: 0.85em;
            border-left: 4px solid #f7f7f7; }
            nav[role="sidenav"] ul li ul li ul li a:hover, nav[role="sidenav"] ul li ul li ul li a:active {
              border-left: 8px solid #f7f7f7; }

.links h3 {
  font-size: 23px;
  font-size: 1.45em;
  font-weight: normal;
  line-height: 1;
  margin: 0px;
  margin-bottom: 15px; }
  .links h3 img {
    height: 21px;
    margin-right: 10px;
    margin-top: -4px; }
.links ul {
  list-style: none;
  margin: 0; }
  .links ul li {
    margin-bottom: 10px; }
    .links ul li a {
      border-left: 4px solid #27a5a1;
      color: #111111;
      padding-left: 15px;
      display: block;
      -webkit-transition: 0.1s linear all;
      -moz-transition: 0.1s linear all;
      transition: 0.1s linear all; }
      .links ul li a .date {
        color: #c7c9ca;
        margin-left: 10px; }
      .links ul li a img {
        height: 16px;
        margin-left: 10px;
        margin-top: -1px; }
      .links ul li a:hover, .links ul li a:active {
        text-decoration: none;
        color: #111111;
        border-left: 8px solid #27a5a1; }

#breadcrumb {
  list-style: none;
  margin: 0px;
  margin-bottom: 20px; }
  #breadcrumb:before, #breadcrumb:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  #breadcrumb:after {
    clear: both; }
  #breadcrumb li {
    float: left;
    margin-right: 15px;
    margin-bottom: 0; }
    #breadcrumb li.first {
      color: #4c4d51; }
    #breadcrumb li.chevron {
      margin-top: -2px; }
      #breadcrumb li.chevron img {
        height: 14px; }
    #breadcrumb li a {
      color: #111111; }
      #breadcrumb li a:hover {
        color: #27a5a1; }

#categories img {
  height: 16px;
  float: left;
  margin-right: 10px; }
#categories ul {
  margin: 0px;
  list-style: none; }
  #categories ul:before, #categories ul:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  #categories ul:after {
    clear: both; }
  #categories ul li {
    float: left;
    margin-right: 15px;
    line-height: 16px;
    margin-bottom: 0; }
    #categories ul li a {
      font-weight: bold;
      font-size: 0.9em; }

#tabs .tabBar ul {
  list-style: none;
  margin: 0px;
  border-bottom: 2px solid #4c4d51; }
  #tabs .tabBar ul:before, #tabs .tabBar ul:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  #tabs .tabBar ul:after {
    clear: both; }
  #tabs .tabBar ul li {
    float: left;
    display: block;
    margin-right: 5px;
    margin-bottom: 0; }
    #tabs .tabBar ul li a {
      display: block;
      background-color: #f7f7f7;
      color: #111111;
      padding: 10px 40px; }
      #tabs .tabBar ul li a.active {
        background-color: #4c4d51;
        color: white; }
        #tabs .tabBar ul li a.active:hover {
          background-color: #4c4d51; }
      #tabs .tabBar ul li a:hover {
        background-color: #c7c9ca;
        text-decoration: none; }
#tabs .tabContent {
  padding-top: 20px; }
  #tabs .tabContent .tab {
    display: none; }
    #tabs .tabContent .tab.active {
      display: block; }

#filter > ul {
  margin: 0px;
  list-style: none; }
  #filter > ul:before, #filter > ul:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden; }
  #filter > ul:after {
    clear: both; }
  #filter > ul > li {
    float: left;
    display: block;
    margin-right: 15px;
    margin-bottom: 0;
    z-index: 100; }
    #filter > ul > li > a {
      height: 35px;
      display: block;
      line-height: 35px;
      color: #4c4d51;
      font-weight: bold;
      font-size: 15px;
      border: 1px solid #c7c9ca;
      background-color: #f7f7f7;
      padding: 0px 10px;
      padding-right: 70px;
      text-decoration: none;
      position: relative;
      -webkit-transition: 0.1s linear all;
      -moz-transition: 0.1s linear all;
      transition: 0.1s linear all; }
      #filter > ul > li > a img.icon {
        position: absolute;
        right: 10px;
        top: 0px;
        height: 15px;
        top: 50%;
        margin-top: -6px;
        -webkit-transition: 0.1s linear all;
        -moz-transition: 0.1s linear all;
        transition: 0.1s linear all; }
        #filter > ul > li > a img.icon.icon2 {
          opacity: 0; }
      #filter > ul > li > a:hover, #filter > ul > li > a:active, #filter > ul > li > a.active {
        border: 1px solid #4c4d51;
        background-color: #4c4d51;
        color: white;
        text-decoration: none; }
        #filter > ul > li > a:hover img.icon1, #filter > ul > li > a:active img.icon1, #filter > ul > li > a.active img.icon1 {
          opacity: 0; }
        #filter > ul > li > a:hover img.icon2, #filter > ul > li > a:active img.icon2, #filter > ul > li > a.active img.icon2 {
          opacity: 1; }
    #filter > ul > li > a.filter {
      padding-right: 10px;
      height: 24px;
      line-height: 24px;
      margin-top: 5px;
      font-weight: bold;
      font-size: 13px; }
      #filter > ul > li > a.filter span {
        margin-left: 20px; }
  #filter > ul.pull-right > li {
    margin-right: 0px;
    margin-left: 15px; }
    #filter > ul.pull-right > li > ul {
      right: 0px;
      left: auto; }

.selectDropdown .innerDropdown {
  border-top: 5px solid #4c4d51;
  background-color: #ededed; }
  .selectDropdown .innerDropdown h3 {
    margin: 10px; }
  .selectDropdown .innerDropdown ul {
    margin: 10px;
    list-style: none; }
    .selectDropdown .innerDropdown ul li {
      margin-bottom: 8px; }
      .selectDropdown .innerDropdown ul li.active a {
        font-weight: bold; }
      .selectDropdown .innerDropdown ul li a {
        color: #111111; }
  .selectDropdown .innerDropdown a {
    color: #111111; }
  .selectDropdown .innerDropdown a.active {
    font-weight: bold; }

.linkBlocks .linkBlock {
  background-color: #4c4d51;
  height: 170px; }
  .linkBlocks .linkBlock a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    .linkBlocks .linkBlock a .tag {
      z-index: 2;
      position: absolute;
      height: 60px;
      width: 60px;
      top: 0px;
      left: 0px;
      background: transparent url("/static/img/tag.png") no-repeat; }
      .linkBlocks .linkBlock a .tag img {
        position: absolute;
        top: 8px;
        left: 8px;
        max-height: 16px;
        max-width: 18px;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
        filter: alpha(opacity=50);
        zoom: 1;
        -webkit-transition: 0.1s linear all;
        -moz-transition: 0.1s linear all;
        transition: 0.1s linear all; }
    .linkBlocks .linkBlock a .details {
      -webkit-transition: 0.2s linear all;
      -moz-transition: 0.2s linear all;
      transition: 0.2s linear all;
      z-index: 4;
      position: absolute;
      width: 100%;
      bottom: 0px;
      height: auto;
      background: url("/static/img/alpha_black_03.png");
      background: rgba(17, 17, 17, 0.7);
      color: white;
      padding: 10px 0px;
      font-size: 13px; }
      .linkBlocks .linkBlock a .details h6 {
        margin: 0px;
        padding: 0px 15px;
        line-height: 1.5;
        font-size: 13px;
        color: white;
        font-weight: normal; }
      .linkBlocks .linkBlock a .details .name h6 {
        font-weight: bold; }
    .linkBlocks .linkBlock a .image {
      z-index: 1;
      position: relative; }
    .linkBlocks .linkBlock a .overlay {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
      filter: alpha(opacity=0);
      zoom: 1;
      background: url("/static/img/alpha_black_03.png");
      background: rgba(39, 165, 161, 0.6);
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 3;
      top: 0px;
      left: 0px;
      -webkit-transition: 0.1s linear all;
      -moz-transition: 0.1s linear all;
      transition: 0.1s linear all; }
    .linkBlocks .linkBlock a:hover .details {
      background: url("/static/img/alpha_black_03.png");
      background: rgba(17, 17, 17, 0.8);
      padding: 15px 0px; }
    .linkBlocks .linkBlock a:hover .tag img {
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
      filter: alpha(opacity=80);
      zoom: 1; }

.relatedBlocks .relatedBlock .image {
  position: relative; }
  .relatedBlocks .relatedBlock .image a {
    display: block; }
    .relatedBlocks .relatedBlock .image a img {
      z-index: 1; }
    .relatedBlocks .relatedBlock .image a .tag {
      z-index: 2;
      position: absolute;
      height: 60px;
      width: 60px;
      top: 0px;
      left: 0px;
      background: transparent url("/static/img/tag.png") no-repeat; }
      .relatedBlocks .relatedBlock .image a .tag img {
        position: absolute;
        top: 8px;
        left: 8px;
        max-height: 16px;
        max-width: 18px;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
        filter: alpha(opacity=50);
        zoom: 1;
        -webkit-transition: 0.1s linear all;
        -moz-transition: 0.1s linear all;
        transition: 0.1s linear all; }
    .relatedBlocks .relatedBlock .image a:hover .tag img {
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
      filter: alpha(opacity=80);
      zoom: 1; }
.relatedBlocks .relatedBlock .details .date p {
  padding: 10px 0 0 0;
  margin: 0;
  font-size: 0.85em; }
.relatedBlocks .relatedBlock .details .title h6 {
  padding: 10px 0 0 0;
  margin: 0;
  font-size: 1em;
  line-height: 1.4; }
.relatedBlocks .relatedBlock .details .title h4 {
  font-size: 15px;
  line-height: 20px;
  padding: 10px 0 0 0; }
  .relatedBlocks .relatedBlock .details .title h4.large {
    font-size: 20px;
    line-height: 24px; }

a.moreLink {
  display: block;
  position: relative;
  height: 70px;
  width: auto;
  text-align: center;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all; }
  a.moreLink span {
    color: #111111;
    font-size: 24px; }
  a.moreLink img {
    width: 40px;
    height: auto;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -20px;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    transition: 0.1s linear all; }
  a.moreLink:hover, a.moreLink:active {
    text-decoration: none; }
    a.moreLink:hover img, a.moreLink:active img {
      bottom: -5px; }

.socialShare {
  position: relative; }
  .socialShare nav {
    background-color: white;
    float: right; }
    .socialShare nav:before, .socialShare nav:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    .socialShare nav:after {
      clear: both; }
    .socialShare nav ul {
      margin: 0;
      float: right; }
      .socialShare nav ul:before, .socialShare nav ul:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden; }
      .socialShare nav ul:after {
        clear: both; }
      .socialShare nav ul li {
        display: block;
        float: left;
        margin-left: 20px;
        line-height: 1;
        margin-bottom: 0; }
        .socialShare nav ul li.twitter {
          margin-top: 1px;
          width: 28px;
          height: 22px; }
          .socialShare nav ul li.twitter img {
            width: 28px;
            height: 22px; }
        .socialShare nav ul li.facebook {
          width: 12px;
          height: 24px; }
          .socialShare nav ul li.facebook img {
            width: 12px;
            height: 24px; }
        .socialShare nav ul li.email {
          margin-top: 3px;
          height: 18px; }
          .socialShare nav ul li.email img {
            height: 18px; }
        .socialShare nav ul li a {
          opacity: 0.5;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
          filter: alpha(opacity=50);
          zoom: 1; }
          .socialShare nav ul li a:hover {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
            filter: alpha(opacity=100);
            zoom: 1; }

.fluid-width-video-wrapper {
  margin-bottom: 30px; }

h1 {
  font-size: 33px;
  font-weight: normal;
  line-height: 1.3;
  margin: 0px;
  margin-bottom: 15px; }

h2 {
  font-size: 28px;
  font-weight: normal;
  line-height: 1;
  margin: 0px;
  margin-bottom: 15px; }

h3 {
  font-size: 23px;
  font-weight: normal;
  line-height: 1;
  margin: 0px;
  margin-bottom: 15px; }

h4 {
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
  margin: 0px;
  margin-bottom: 15px; }
  h4.date {
    color: #27a5a1;
    margin-bottom: 5px; }

h5 {
  font-size: 17px;
  font-weight: normal;
  line-height: 1;
  margin: 0px;
  margin-bottom: 15px; }

h6 {
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  margin: 0px;
  margin-bottom: 15px; }

p.credit {
  margin: 5px 0 0 0;
  color: #4c4d51;
  font-size: 13px; }

p.caption {
  margin: 5px 0 0 0;
  color: #4c4d51;
  font-size: 13px; }

a {
  color: #27a5a1;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all; }
  a:hover, a:active {
    color: #4c4d51; }

a.button, button[type="submit"] {
  background-color: #4c4d51;
  color: white;
  border: 0px;
  outline: 0;
  text-align: center;
  padding: 12px 30px;
  font-weight: bold;
  font-size: 17px;
  display: inline-block; }
  a.button:hover, button[type="submit"]:hover {
    text-decoration: none;
    background-color: #27a5a1; }
  a.button.block, button[type="submit"].block {
    display: block;
    padding: auto 0px; }

hr {
  margin: 0px;
  border: none;
  height: 1px;
  display: block;
  background: transparent url("/static/img/hr.png") repeat-x; }

article hr {
  margin-bottom: 10px; }

ul li, ol li {
  margin-bottom: 10px; }

blockquote {
  border-left: none;
  padding: 10px 50px;
  margin-left: 40px;
  margin-right: 40px;
  position: relative; }
  blockquote:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
    height: 30px;
    width: 30px;
    background: url("/static/svg/ui-quotes.svg") no-repeat 50% 0px;
    background-size: 25px; }
  blockquote:after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 10px;
    height: 30px;
    width: 30px;
    background: url("/static/svg/ui-quotes-end.svg") no-repeat 50% 0px;
    background-size: 25px; }
  blockquote p {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit; }

#featured .items {
  background-color: #111111;
  height: 250px; }
  #featured .items ul {
    height: 100%;
    width: 100%;
    list-style: none;
    margin: 0px; }
    #featured .items ul:before, #featured .items ul:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    #featured .items ul:after {
      clear: both; }
    #featured .items ul li {
      position: relative;
      float: left;
      display: block;
      height: 100%;
      width: 112px;
      background-color: #4c4d51;
      border-left: 1px solid white;
      overflow: hidden;
      cursor: pointer; }
      #featured .items ul li.active {
        width: 486px; }
      #featured .items ul li.preActive {
        width: 486px; }
        #featured .items ul li.preActive .small {
          display: none; }
      #featured .items ul li.first {
        border-left: 0px; }
      #featured .items ul li .details {
        position: absolute;
        top: 100%;
        bottom: auto;
        width: 486px;
        height: auto;
        z-index: 4; }
      #featured .items ul li .title {
        position: absolute;
        z-index: 3;
        background: url("/static/img/alpha_black_03.png");
        background: rgba(17, 17, 17, 0.7);
        bottom: 0px;
        width: 100%;
        padding: 15px 0px;
        color: white; }
        #featured .items ul li .title h6 {
          margin: 0px;
          padding: 0px 15px;
          line-height: 18px;
          font-size: 0.85em;
          color: white;
          font-weight: normal; }
          #featured .items ul li .title h6 a {
            color: white; }
        #featured .items ul li .title.full {
          position: relative;
          width: 486px;
          bottom: auto;
          background: url("/static/img/alpha_main_03.png");
          background: rgba(39, 165, 161, 0.7); }
          #featured .items ul li .title.full h6 {
            line-height: 25px;
            font-size: 1.2em; }
      #featured .items ul li .date {
        height: 45px;
        line-height: 45px;
        position: relative;
        z-index: 2;
        width: 456px;
        left: 0px;
        background: url("/static/img/alpha_black_03.png");
        background: rgba(17, 17, 17, 0.7);
        padding: 0px 15px;
        color: white;
        font-size: 0.85em;
        font-weight: normal; }
      #featured .items ul li .image {
        position: relative;
        z-index: 1;
        height: 250px;
        width: 100%;
        overflow: hidden; }
        #featured .items ul li .image img {
          position: absolute;
          height: 100%;
          width: 486px;
          max-width: 486px;
          left: 50%;
          margin-left: -243px; }
      #featured .items ul li.anchorLeft img {
        left: 0px;
        margin-left: auto; }
      #featured .items ul li.anchorRight img {
        left: auto;
        right: 0px;
        margin-left: auto; }

#updates {
  background-color: #27a5a1;
  color: white;
  overflow: hidden; }
  #updates .title {
    float: left;
    width: 125px;
    padding: 10px 0;
    margin: 0; }
    #updates .title span {
      margin-left: 10px;
      font-weight: bold; }
  #updates ul {
    float: left;
    width: 730px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0; }
    #updates ul li {
      display: none;
      float: left;
      margin: 0; }
      #updates ul li a {
        color: white; }
  #updates .controls {
    float: right;
    overflow: hidden;
    width: 76px;
    text-align: right; }
    #updates .controls a {
      float: left;
      display: block;
      color: white;
      margin: 0;
      padding: 10px 14px; }
      #updates .controls a:hover {
        background-color: #4c4d51; }
      #updates .controls a img {
        height: 15px;
        color: white; }

#upcoming .event {
  background-color: #4c4d51;
  max-height: 170px; }
  #upcoming .event a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    #upcoming .event a:hover .title, #upcoming .event a:active .title {
      background: url("/static/img/alpha_black_03.png");
      background: rgba(17, 17, 17, 0.8); }
      #upcoming .event a:hover .title h6, #upcoming .event a:active .title h6 {
        padding: 15px; }
    #upcoming .event a .tag {
      z-index: 2;
      position: absolute;
      height: 60px;
      width: 60px;
      top: 0px;
      left: 0px;
      background: transparent url("/static/img/tag.png") no-repeat; }
    #upcoming .event a .title {
      z-index: 3;
      position: absolute;
      width: 100%;
      bottom: 0px;
      background: url("/static/img/alpha_black_03.png");
      background: rgba(17, 17, 17, 0.7);
      -webkit-transition: 0.1s linear all;
      -moz-transition: 0.1s linear all;
      transition: 0.1s linear all; }
      #upcoming .event a .title h6 {
        margin: 0px;
        padding: 10px 15px;
        line-height: 1.5;
        font-size: 14px;
        color: white;
        font-weight: normal;
        -webkit-transition: 0.1s linear all;
        -moz-transition: 0.1s linear all;
        transition: 0.1s linear all; }
    #upcoming .event a .image {
      z-index: 1;
      position: relative; }

ul.blog {
  list-style: none;
  margin: 0px; }
  ul.blog li {
    margin-bottom: 20px; }
    ul.blog li a {
      padding-left: 10px;
      border-left: 4px solid #27a5a1;
      color: #111111;
      text-decoration: none;
      font-size: 1.1em;
      display: block;
      -webkit-transition: 0.1s linear all;
      -moz-transition: 0.1s linear all;
      transition: 0.1s linear all; }
      ul.blog li a:hover, ul.blog li a:active {
        border-left: 8px solid #27a5a1;
        text-decoration: none; }
    ul.blog li footer {
      padding-left: 14px;
      margin-top: 5px;
      font-size: 12px;
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
      filter: alpha(opacity=50);
      zoom: 1; }
      ul.blog li footer:before, ul.blog li footer:after {
        content: "\0020";
        display: block;
        height: 0;
        overflow: hidden; }
      ul.blog li footer:after {
        clear: both; }
      ul.blog li footer .date {
        float: right; }
      ul.blog li footer .author {
        float: left; }

#media .slideshow {
  position: relative; }
  #media .slideshow:hover .control {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
    filter: alpha(opacity=50);
    zoom: 1; }
  #media .slideshow .loading {
    position: absolute;
    text-align: center;
    top: 50%;
    margin-top: -100px;
    font-size: 34px;
    width: 100%;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
    filter: alpha(opacity=50);
    zoom: 1; }
  #media .slideshow .control {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")";
    filter: alpha(opacity=0);
    zoom: 1;
    height: 100%;
    width: 60px;
    position: absolute;
    display: block;
    top: 0px;
    z-index: 500; }
    #media .slideshow .control:hover, #media .slideshow .control:active {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
      filter: alpha(opacity=100);
      zoom: 1; }
    #media .slideshow .control.prev {
      left: 15px;
      background: url("/static/img/controls_slideshow.png") no-repeat 0px 50%; }
    #media .slideshow .control.next {
      right: 15px;
      background: url("/static/img/controls_slideshow.png") no-repeat 100% 50%; }
  #media .slideshow .slides {
    margin-bottom: 30px;
    background-color: #111111; }
  #media .slideshow .thumbs ul {
    list-style: none;
    margin: 0px;
    margin-left: -20px; }
    #media .slideshow .thumbs ul:before, #media .slideshow .thumbs ul:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    #media .slideshow .thumbs ul:after {
      clear: both; }
    #media .slideshow .thumbs ul li {
      height: auto;
      width: 108px;
      margin-left: 20px;
      display: block;
      float: left; }

#people .filter-year {
  margin: 10px 0 0 0; }
#people #peopleList a.person .details .name h6 {
  font-weight: bold; }
#people #peopleList a.person .details .title {
  padding: 0px 15px; }
  #people #peopleList a.person .details .title h6 {
    font-weight: normal;
    padding: 0px; }
#people #peopleList a.person:hover .overlay {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
  filter: alpha(opacity=100);
  zoom: 1; }

#person .details span {
  display: inline-block;
  width: 75px; }

#gallery .slides {
  position: relative;
  overflow-y: hidden;
  height: 322px; }
  #gallery .slides .cycle-pager {
    z-index: 1000;
    height: 24px;
    position: absolute;
    bottom: 0px;
    right: 0px; }
    #gallery .slides .cycle-pager span {
      display: block;
      float: left;
      height: 24px;
      width: 25px;
      margin-left: 5px;
      background-color: #4c4d51;
      font: 0/0 a;
      text-shadow: none;
      color: transparent; }
      #gallery .slides .cycle-pager span.cycle-pager-active {
        background-color: #27a5a1; }
      #gallery .slides .cycle-pager span:hover {
        cursor: pointer; }
#gallery .slide {
  background-color: white; }
  #gallery .slide .image {
    position: relative; }
    #gallery .slide .image .tag {
      z-index: 2;
      position: absolute;
      height: 60px;
      width: 60px;
      top: 0px;
      left: 0px;
      background: transparent url("/static/img/tag.png") no-repeat; }
      #gallery .slide .image .tag img {
        position: absolute;
        top: 8px;
        left: 8px;
        max-height: 16px;
        max-width: 18px;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 50 ")";
        filter: alpha(opacity=50);
        zoom: 1;
        -webkit-transition: 0.1s linear all;
        -moz-transition: 0.1s linear all;
        transition: 0.1s linear all; }
    #gallery .slide .image a {
      display: block; }
  #gallery .slide .featuredText {
    position: relative;
    background-color: white; }
    #gallery .slide .featuredText footer {
      bottom: 0px;
      position: absolute; }
      #gallery .slide .featuredText footer a {
        display: block;
        width: 80%;
        margin: 0px auto;
        font: 0/0 a;
        text-shadow: none;
        color: transparent;
        opacity: 0.6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 60 ")";
        filter: alpha(opacity=60);
        zoom: 1; }
        #gallery .slide .featuredText footer a img {
          width: auto;
          height: 55px;
          margin: 0px auto;
          display: block; }
        #gallery .slide .featuredText footer a:hover {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")";
          filter: alpha(opacity=100);
          zoom: 1; }
#gallery .gallery-image {
  position: relative; }
  #gallery .gallery-image .gallery-image-caption {
    position: relative;
    bottom: 0px;
    width: 100%;
    background: #000;
    color: #FFF;
    border: none; }
    #gallery .gallery-image .gallery-image-caption p {
      padding: 10px 15px; }

#events form {
  margin: 20px 0 20px 20px; }
  #events form select {
    margin-right: 20px; }
  #events form #filterSubmit {
    padding: 7px 20px;
    font-size: 14px; }
#events .datePickerControls {
  position: relative;
  width: 100%; }
  #events .datePickerControls a.older, #events .datePickerControls a.newer {
    width: 3%;
    height: 100px;
    background: #f2f2f2;
    display: block;
    float: left;
    line-height: 100px;
    text-align: center; }
    #events .datePickerControls a.older img, #events .datePickerControls a.newer img {
      height: 20px;
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")";
      filter: alpha(opacity=80);
      zoom: 1; }
    #events .datePickerControls a.older.disabled, #events .datePickerControls a.newer.disabled {
      cursor: default; }
      #events .datePickerControls a.older.disabled img, #events .datePickerControls a.newer.disabled img {
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 20 ")";
        filter: alpha(opacity=20);
        zoom: 1; }
  #events .datePickerControls .datePickerContainer {
    overflow-x: hidden;
    float: left;
    width: 94%;
    height: 100px;
    position: relative;
    margin-bottom: 30px; }
    #events .datePickerControls .datePickerContainer section[role=datePicker] {
      position: absolute;
      width: 99999px; }
      #events .datePickerControls .datePickerContainer section[role=datePicker] div {
        display: block;
        float: left;
        width: 50px;
        background: #f7f7f7; }
        #events .datePickerControls .datePickerContainer section[role=datePicker] div a {
          display: block;
          width: 50px;
          text-align: center;
          padding: 23px 0;
          border-left: 1px solid #eaeaea;
          border-right: 1px solid #eaeaea;
          color: #111111; }
          #events .datePickerControls .datePickerContainer section[role=datePicker] div a.archive {
            color: #AAA; }
          #events .datePickerControls .datePickerContainer section[role=datePicker] div a.point_1 {
            border: 2px solid #27a5a1;
            background: #daecec;
            padding: 21px 0;
            width: 46px; }
          #events .datePickerControls .datePickerContainer section[role=datePicker] div a:hover, #events .datePickerControls .datePickerContainer section[role=datePicker] div a.range {
            background: #daecec;
            text-decoration: none; }
          #events .datePickerControls .datePickerContainer section[role=datePicker] div a span {
            display: block;
            font-size: 20px;
            font-weight: bold;
            line-height: 18px; }
            #events .datePickerControls .datePickerContainer section[role=datePicker] div a span + span {
              font-size: 12px; }
#events section[role=events] ul {
  margin: 0;
  margin-left: -30px;
  list-style-type: none; }
  #events section[role=events] ul li {
    width: 164px;
    height: 234px;
    color: white;
    float: left;
    margin: 0 0 30px 30px; }
    #events section[role=events] ul li.active {
      display: block; }
    #events section[role=events] ul li.eventItem {
      background-color: #4c4d51; }
      #events section[role=events] ul li.eventItem > div {
        padding: 20px; }
        #events section[role=events] ul li.eventItem > div a {
          color: white; }
    #events section[role=events] ul li.date {
      background: transparent;
      color: black;
      background-color: #f7f7f7;
      position: relative; }
      #events section[role=events] ul li.date > div {
        border-left: 5px solid #27a5a1;
        height: 194px;
        padding: 20px; }
      #events section[role=events] ul li.date span.dayweek {
        font-weight: bold;
        font-size: 22px;
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 20 ")";
        filter: alpha(opacity=20);
        zoom: 1; }
      #events section[role=events] ul li.date span.day {
        font-size: 50px;
        font-weight: bold;
        display: block;
        line-height: 50px; }
      #events section[role=events] ul li.date span.month {
        font-weight: bold;
        font-size: 23px; }
      #events section[role=events] ul li.date span.year {
        position: absolute;
        display: block;
        bottom: 20px;
        font-weight: bold;
        font-size: 22px;
        opacity: 0.2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 20 ")";
        filter: alpha(opacity=20);
        zoom: 1; }
#events .programme .section div {
  background-color: #CCC; }
#events .programme .odd div {
  background-color: #F5F5F5; }
#events .programme .even div {
  background-color: #EEE; }
#events #events-archive .row {
  margin-bottom: 30px; }

#programmelist .category h2 {
  margin-top: 15px; }
#programmelist .category h4 {
  margin-top: 15px; }
#programmelist .meta {
  color: #c7c9ca;
  font-size: 13px;
  margin-bottom: 10px; }

#programme .socialShare h4 {
  margin-top: 0px; }
#programme .meta {
  margin-bottom: 20px; }
  #programme .meta .date {
    font-size: 18px;
    color: #27a5a1; }
  #programme .meta .location {
    color: #4c4d51; }

#blog h1.blogtitle {
  padding: 12px 0 12px 100px;
  background: url(/static/img/blog.png) no-repeat 0px 50%; }
#blog h4 {
  margin-bottom: 0px; }
#blog .meta {
  color: #c7c9ca;
  font-size: 12px;
  margin-bottom: 0; }
  #blog .meta a {
    color: #c7c9ca; }
#blog .bold {
  font-weight: bold; }

#blogentry .meta-content {
  border: solid 1px #c7c9ca;
  padding: 10px 20px; }
#blogentry .meta {
  font-size: 14px;
  margin: 7px 0; }
#blogentry .quotation .quotemark {
  font-size: 31px; }
#blogentry .quotation h3 {
  line-height: 19px;
  font-size: 16px;
  font-weight: bold; }
#blogentry .quotation p.person {
  color: #c7c9ca; }

.archive .archiveBlock {
  border-bottom: solid 1px #ededed; }
  .archive .archiveBlock p {
    font-size: 13px; }
  .archive .archiveBlock h4 {
    margin-bottom: 10px;
    line-height: 1.3;
    color: #27a5a1; }

#search article ul {
  margin: 0px;
  list-style: none; }
  #search article ul li {
    border-left: 5px solid #ededed;
    margin-bottom: 30px;
    padding-left: 30px;
    display: block;
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    transition: 0.1s linear all; }
    #search article ul li:hover {
      border-left: 5px solid #4c4d51; }

.sitemap {
  padding: 10px 0 0 100px; }
  .sitemap > ul {
    list-style: none;
    margin: 0px; }
    .sitemap > ul > li {
      margin-bottom: 20px; }
      .sitemap > ul > li > ul {
        list-style: none;
        margin: 0px;
        margin-top: 10px;
        margin-bottom: 20px;
        margin-left: 15px; }
        .sitemap > ul > li > ul > li {
          border-left: 2px solid #c7c9ca;
          padding-left: 15px;
          margin-bottom: 0;
          padding-bottom: 10px; }
          .sitemap > ul > li > ul > li > ul {
            list-style: none;
            margin: 0px;
            margin-top: 10px;
            padding-bottom: 10px;
            margin-left: 15px; }
            .sitemap > ul > li > ul > li > ul > li {
              border-left: 2px solid #ededed;
              margin-bottom: 0;
              padding-left: 15px;
              padding-bottom: 10px; }

/* Responsive styles */
@media (max-width: 767px) {
  body {
    padding: 10px; }

  /* START HEADER */
  header#site {
    background-color: white;
    text-align: center;
    border-bottom: solid #27a5a1 3px;
    height: auto; }
    header#site #phone-menu {
      position: absolute;
      top: 50px;
      left: 0px; }
    header#site #phone-search {
      position: absolute;
      top: 50px;
      right: 0px; }
    header#site .logo {
      margin: 0 auto; }
    header#site .headerBody {
      height: auto; }
      header#site .headerBody .headerHead {
        position: relative; }
        header#site .headerBody .headerHead .headerDesc {
          margin: 15px 0;
          font-size: 15px; }
        header#site .headerBody .headerHead .social {
          display: none; }
      header#site .headerBody .headerFoot {
        position: relative;
        bottom: 0; }
        header#site .headerBody .headerFoot nav {
          float: none; }
          header#site .headerBody .headerFoot nav ul {
            display: none;
            float: none; }
            header#site .headerBody .headerFoot nav ul li {
              float: none;
              display: block;
              padding: 0;
              margin: 0;
              border-bottom: solid #ededed 1px; }
              header#site .headerBody .headerFoot nav ul li.here, header#site .headerBody .headerFoot nav ul li.parent-here {
                margin-top: 0;
                border-top: none; }
              header#site .headerBody .headerFoot nav ul li.first {
                border-top: solid #27a5a1 1px; }
              header#site .headerBody .headerFoot nav ul li.last {
                border-bottom: none; }
              header#site .headerBody .headerFoot nav ul li a {
                color: #27a5a1;
                padding: 10px 0; }
                header#site .headerBody .headerFoot nav ul li a:hover, header#site .headerBody .headerFoot nav ul li a:active {
                  background-color: #cfedec; }

  /* END HEADER */
  /* START FOOTER */
  footer#legal {
    margin-top: 50px;
    height: auto; }
    footer#legal .uoc {
      text-align: center; }
      footer#legal .uoc a {
        width: 250px;
        height: auto;
        margin: 25px auto; }
    footer#legal .logo {
      display: none; }
    footer#legal .contact {
      text-align: center;
      padding: 0 0 20px 0; }
      footer#legal .contact p {
        margin: 0px;
        padding: 0px;
        font-size: 12px; }
        footer#legal .contact p a {
          -webkit-transition: 0.1s linear all;
          -moz-transition: 0.1s linear all;
          transition: 0.1s linear all; }
    footer#legal nav.footer {
      background-color: white;
      top: 0;
      padding: 20px 0 50px 0;
      text-align: center; }
      footer#legal nav.footer ul li {
        float: none;
        display: inline;
        margin: 0;
        padding: 0 5px; }

  footer#information .twitter {
    display: none; }

  /* END FOOTER */
  #breadcrumb {
    margin-bottom: 15px; }
    #breadcrumb:before, #breadcrumb:after {
      content: "\0020";
      display: block;
      height: 0;
      overflow: hidden; }
    #breadcrumb:after {
      clear: both; }
    #breadcrumb li {
      float: left;
      margin-right: 10px;
      margin-bottom: 0; }
      #breadcrumb li.first {
        color: #4c4d51; }
      #breadcrumb li.chevron {
        margin-top: 0; }
        #breadcrumb li.chevron img {
          height: 8px; }
      #breadcrumb li a {
        color: #111111; }
        #breadcrumb li a:hover {
          color: #27a5a1; }

  nav[role="sidenav"] {
    margin-top: 60px; }

  blockquote {
    padding: 10px 40px;
    margin-left: 10px;
    margin-right: 10px; }

  #programmelist .category {
    padding-bottom: 30px; }

  #filter > ul > li {
    margin-right: 10px; }
    #filter > ul > li > a {
      height: 35px;
      display: block;
      line-height: 35px;
      font-size: 14px;
      padding-right: 60px; }
  #filter > ul.pull-right > li {
    margin-left: 10px; }

  /* START EVENT & PEOPLE BOXES */
  #events section[role=events] ul li {
    width: 100%;
    height: 100%;
    line-height: 20px;
    margin-bottom: 20px; }
    #events section[role=events] ul li.date > div {
      height: 92px; }
    #events section[role=events] ul li.date span.month {
      font-size: 25px; }
    #events section[role=events] ul li a.person .details .title {
      display: none; }
    #events section[role=events] ul li a.person .details .name h6 strong {
      font-weight: normal;
      font-size: 12px; }
    #events section[role=events] ul li footer {
      color: #4c4d51; }
  #events #events-archive .row {
    margin-bottom: 0; }

  /* END EVENT & PEOPLE BOXES */
  /* Tab system */
  #tabs .tabContent {
    padding-top: 0; }
    #tabs .tabContent .tab {
      display: block; }

  #blog p {
    margin: 0 0 10px; }

  .linkBlocks .linkBlock {
    margin-bottom: 20px; }

  .relatedBlocks .relatedBlock .details .date p {
    padding: 0;
    margin: 0; }

  #featured-mobile #featured-mobile-slides img {
    width: 100%; }
  #featured-mobile #featured-mobile-caption {
    display: block;
    background-color: #27a5a1;
    color: white;
    padding: 10px 8px; }
    #featured-mobile #featured-mobile-caption a {
      color: white; }

  #updates {
    position: relative;
    margin-top: 10px; }
    #updates .title {
      width: 100%;
      padding: 5px 0;
      margin: 0; }
      #updates .title span {
        margin-left: 10px;
        font-weight: bold; }
    #updates ul {
      width: 100%;
      list-style-type: none;
      margin: 0;
      padding: 5px 0; }
      #updates ul li {
        display: none;
        margin: 0;
        padding: 0 10px; }
    #updates .controls {
      position: absolute;
      top: 0;
      right: 0;
      float: none;
      overflow: hidden;
      width: 76px; } }
@media (min-width: 1200px) {
  .logo {
    width: 170px;
    height: 170px; }

  header#site {
    height: 170px; }
    header#site .headerBody {
      height: 170px; }
      header#site .headerBody .headerHead .headerDesc {
        font-size: 1em;
        margin-top: 21px; }
      header#site .headerBody .headerHead .social ul li {
        margin-left: 15px; }
      header#site .headerBody .headerFoot nav ul li {
        margin-right: 40px; }
        header#site .headerBody .headerFoot nav ul li a {
          font-size: 1.5em; }
      header#site .headerBody .headerFoot .search form input[type="text"] {
        font-size: 0.85em;
        line-height: 34px; }
        header#site .headerBody .headerFoot .search form input[type="text"]:focus {
          width: 180px; }

  #featured .items ul li {
    width: 170px; }

  #media .slideshow .thumbs ul {
    margin-left: -30px; }
    #media .slideshow .thumbs ul li {
      width: 130px;
      margin-left: 30px; }

  footer#legal {
    height: 120px; }
    footer#legal .contact p {
      font-size: 13px; }
    footer#legal nav.footer {
      top: -35px; }

  #gallery .slides {
    height: 400px; }

  /* START EVENT & PEOPLE BOXES */
  #events section[role=events] ul li {
    width: 170px;
    height: 240px; }
    #events section[role=events] ul li.date > div {
      height: 200px; }
    #events section[role=events] ul li.date span.month {
      font-size: 25px; }

  /* END EVENT & PEOPLE BOXES */ }
/* Print styles */