@charset "UTF-8";
::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: "“" "”" "‘" "’";
}

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: #FFF;
  color: #111;
  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.instagram img {
  margin-top: 3px;
  width: 24px;
  height: 24px;
}
header#site .headerBody .headerHead .social ul li a .icons.instagram .white {
  background-color: #ab398a;
}
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: #111;
  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: #111;
  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: #111;
  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: #FFF;
}
.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: #111;
  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: #111;
  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: #111;
  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: #111;
  border-left: 8px solid #27A5A1;
}

#breadcrumb {
  list-style: none;
  margin: 0px;
  margin-bottom: 20px;
}
#breadcrumb:before, #breadcrumb:after {
  content: " ";
  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: #111;
}
#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: " ";
  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: " ";
  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: #111;
  padding: 10px 40px;
}
#tabs .tabBar ul li a.active {
  background-color: #4C4D51;
  color: #FFF;
}
#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: " ";
  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: #FFF;
  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: #111;
}
.selectDropdown .innerDropdown a {
  color: #111;
}
.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: #FFF;
  padding: 10px 0px;
  font-size: 13px;
}
.linkBlocks .linkBlock a .details h6 {
  margin: 0px;
  padding: 0px 15px;
  line-height: 1.5;
  font-size: 13px;
  color: #FFF;
  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 {
  white-space: normal;
}
.relatedBlocks .relatedBlock .details .title h6 {
  padding: 10px 0 0 0;
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}
.relatedBlocks .relatedBlock .details .title h6 a {
  display: block;
}
.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;
}

.related-events .relatedBlocks.span2 {
  /*margin-left: 20px;*/
}
.related-events .relatedBlocks .relatedBlock {
  width: 170px !important;
  min-height: 380px;
}
.related-events .relatedBlocks .relatedBlock .image {
  position: relative;
}
.related-events .relatedBlocks .relatedBlock .image a {
  display: block;
}
.related-events .relatedBlocks .relatedBlock .image a img {
  z-index: 1;
  width: 170px;
  height: 234px;
}

.cycle-slideshow {
  width: 100%;
}

.cycle-slideshow img {
  width: 100%;
  height: auto;
}

.cycle-prev, .cycle-next {
  position: absolute;
  top: 0;
  width: 30%;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 800;
  height: 100%;
  cursor: pointer;
}

.cycle-prev {
  left: 0;
  background: url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;
}

.cycle-next {
  right: 0;
  background: url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;
}

.slideshow-navigation-wrapper {
  float: none;
  clear: both;
  width: 100%;
  text-align: center;
}
.slideshow-navigation-wrapper .slideshow-navigation {
  display: block;
  margin: 0 auto;
}
.slideshow-navigation-wrapper .slideshow-navigation button {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 10px;
  color: #27A5A1;
}
.slideshow-navigation-wrapper .slideshow-navigation button::disabled {
  color: grey;
}

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: #111;
  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: #FFF;
  float: right;
}
.socialShare nav:before, .socialShare nav:after {
  content: " ";
  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: " ";
  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: #FFF;
  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: #111;
  height: 250px;
}
#featured .items ul {
  height: 100%;
  width: 100%;
  list-style: none;
  margin: 0px;
}
#featured .items ul:before, #featured .items ul:after {
  content: " ";
  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 #FFF;
  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: #FFF;
}
#featured .items ul li .title h6 {
  margin: 0px;
  padding: 0px 15px;
  line-height: 18px;
  font-size: 0.85em;
  color: #FFF;
  font-weight: normal;
}
#featured .items ul li .title h6 a {
  color: #FFF;
}
#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: #FFF;
  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: #FFF;
  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: #FFF;
}
#updates .controls {
  float: right;
  overflow: hidden;
  width: 76px;
  text-align: right;
}
#updates .controls a {
  float: left;
  display: block;
  color: #FFF;
  margin: 0;
  padding: 10px 14px;
}
#updates .controls a:hover {
  background-color: #4C4D51;
}
#updates .controls a img {
  height: 15px;
  color: #FFF;
}

#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: #FFF;
  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: #111;
  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: " ";
  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: #111;
}
#media .slideshow .thumbs ul {
  list-style: none;
  margin: 0px;
  margin-left: -20px;
}
#media .slideshow .thumbs ul:before, #media .slideshow .thumbs ul:after {
  content: " ";
  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: #FFF;
}
#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: #FFF;
}
#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: #111;
}
#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: #FFF;
}
#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 section[role=events] ul.alphabets {
  padding-left: 0;
  display: block;
  overflow: hidden;
}
#events section[role=events] ul.alphabets > li {
  display: inline-flex;
  width: 10px !important;
  height: 20px !important;
  color: #C7C9CA;
  font-size: 1.1rem;
  font-weight: bold;
}
#events section[role=events] ul.alphabets > li a {
  /**/
}
#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;
}

.project-group-label {
  margin: 15px 30px 30px 30px;
}

#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: #FFF;
    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 {
    position: relative;
    margin: 15px 0;
    right: 0;
  }
  header#site .headerBody .headerHead .social > ul {
    float: none;
    overflow: hidden;
    margin: -15px 0 0 0;
  }
  header#site .headerBody .headerHead .social > ul li {
    display: inline-block;
    float: 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: #FFF;
    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: " ";
    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: #111;
  }
  #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: #FFF;
    padding: 10px 8px;
  }
  #featured-mobile #featured-mobile-caption a {
    color: #FFF;
  }

  #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;
  }

  .project-group-label {
    margin: 15px 0 30px 0;
  }
}
@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: 32px;
  }
  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 */