@charset "UTF-8";
/*
 _____
|     |___ ___ ___
| | | | -_| . | . |
|_|_|_|___|_  |___|
          |___|
*/
::-moz-selection {
  background: #CEEEEA;
  /* Safari */ }
::selection {
  background: #CEEEEA;
  /* Safari */ }

::-moz-selection {
  background: #CEEEEA;
  /* Firefox */ }

html {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 62.5%;
  vertical-align: baseline;
  background: transparent; }

body, div, span, object, iframe, h1, h2, legend span.legend, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, figcaption, figure, footer, header, hgroup, menu, nav, section, fieldset,
summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
section,
fieldset {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

@font-face {
  font-family: MuseoSansRounded-100;
  src: url("../../fonts/museo/museosansrounded-100-webfont.eot");
  src: url("../../fonts/museo/museosansrounded-100-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/museo/museosansrounded-100-webfont.woff") format("woff"), url("../../fonts/museo/museosansrounded-100-webfont.ttf") format("truetype"), url("../../fonts/museo/museosansrounded-100-webfont.svg#museo_sans_rounded_100regular") format("svg");
  font-weight: 100; }

@font-face {
  font-family: MuseoSansRounded-300;
  src: url("../../fonts/museo/museosansrounded-300-webfont.eot");
  src: url("../../fonts/museo/museosansrounded-300-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/museo/museosansrounded-300-webfont.woff") format("woff"), url("../../fonts/museo/museosansrounded-300-webfont.ttf") format("truetype"), url("../../fonts/museo/museosansrounded-300-webfont.svg#museo_sans_rounded_300regular") format("svg");
  font-weight: 300; }

@font-face {
  font-family: MuseoSansRounded-500;
  src: url("../../fonts/museo/museosansrounded-500-webfont.eot");
  src: url("../../fonts/museo/museosansrounded-500-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/museo/museosansrounded-500-webfont.woff") format("woff"), url("../../fonts/museo/museosansrounded-500-webfont.ttf") format("truetype"), url("../../fonts/museo/museosansrounded-500-webfont.svg#museo_sans_rounded_500regular") format("svg");
  font-weight: 500; }

@font-face {
  font-family: MuseoSansRounded-700;
  src: url("../../fonts/museo/museosansrounded-700-webfont.eot");
  src: url("../../fonts/museo/museosansrounded-700-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/museo/museosansrounded-700-webfont.woff") format("woff"), url("../../fonts/museo/museosansrounded-700-webfont.ttf") format("truetype"), url("../../fonts/museo/museosansrounded-700-webfont.svg#museo_sans_rounded_700regular") format("svg");
  font-weight: 700; }

@font-face {
  font-family: MuseoSansRounded-900;
  src: url("../../fonts/museo/museosansrounded-900-webfont.eot");
  src: url("../../fonts/museo/museosansrounded-900-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/museo/museosansrounded-900-webfont.woff") format("woff"), url("../../fonts/museo/museosansrounded-900-webfont.ttf") format("truetype"), url("../../fonts/museo/museosansrounded-900-webfont.svg#museo_sans_rounded_900regular") format("svg");
  font-weight: 900; }

@font-face {
  font-family: MuseoSansRounded-1000;
  src: url("../../fonts/museo/museosansrounded-1000-webfont.eot");
  src: url("../../fonts/museo/museosansrounded-1000-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/museo/museosansrounded-1000-webfont.woff") format("woff"), url("../../fonts/museo/museosansrounded-1000-webfont.ttf") format("truetype"), url("../../fonts/museo/museosansrounded-1000-webfont.svg#museo_sans_rounded_1000Rg") format("svg");
  font-weight: 1000; }

body, a, h1, h2, legend span.legend, h3, h4, h5, h6, p, ul, ol, dl, input, textarea {
  line-height: 20px;
  color: #455560;
  font-family: Arial, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-size: 1.6rem; }

p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px; }

ul {
  list-style: none; }

ul.unstyled {
  list-style: none; }
  ul.unstyled li {
    margin-left: 0; }

abbr, acronym {
  border-bottom: 1px dotted black; }

address {
  font-style: italic; }

del {
  color: black; }

a {
  color: #21446A;
  color: #21446A;
  text-decoration: none;
  cursor: pointer;
  /* FF3.7+ */
  /* Opera 10.5 */
  -webkit-transition: color 0.2s ease-in-out;
  /* Saf3.2+, Chrome */
  transition: color 0.2s ease-in-out; }
  a:visited {
    color: #21446A; }
  a:focus {
    color: #21446A; }
  a:hover {
    color: #21446A; }
  a:active {
    color: #21446A; }
  a:hover {
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: color 0.2s ease-in-out;
    text-decoration: underline; }

blockquote {
  margin: 10px 0 20px 0;
  display: block;
  font-weight: normal;
  font-size: 20px;
  font-size: 2rem;
  line-height: 25px;
  font-family: MuseoSansRounded-500, Helvetica, Arial, sans-serif;
  color: #455560;
  position: relative; }
  blockquote:before, blockquote:after {
    position: relative;
    width: 60px;
    height: 60px;
    line-height: 0;
    vertical-align: middle; }
  blockquote:before, blockquote:after {
    content: "“"; }
  blockquote:before {
    font-size: 30px;
    font-size: 3rem;
    content: "\201C";
    position: relative;
    left: 0px; }
  blockquote:after {
    font-size: 30px;
    font-size: 3rem;
    content: "\201D";
    top: 0px;
    margin-left: 0px;
    position: relative; }

pre, code {
  margin: 10px 0;
  white-space: pre; }

pre, code, tt {
  font: "Monaco", Courier New, monospace;
  line-height: 1.5;
  padding: 0 3px 2px; }

q {
  font-style: italic;
  font-weight: bold;
  font-family: "Georgia", "Times New Roman", Times, sans-serif; }

cite {
  display: block; }

figcaption, time {
  display: block;
  font-family: "Georgia", "Times New Roman", Times, sans-serif;
  color: #01594F;
  font-style: italic;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 10px 0; }

small {
  font-size: 13px;
  font-size: 1.3rem; }

strong {
  font-weight: bold;
  color: #21446A; }

.intro {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 30px;
  margin-bottom: 40px;
  padding-bottom: 30px;
  background: transparent url(../images/border.png) 0 bottom repeat-x; }

aside ul {
  font-size: 14px;
  font-size: 1.4rem; }
  aside ul li {
    line-height: 20px;
    padding-bottom: 10px; }

.h, h1, h2, legend span.legend, h3, h4, h5, h6 {
  font-weight: normal;
   font-style: normal;
  color: #21446A;
  margin-bottom: 10px;
  font-family: MuseoSansRounded-300, Helvetica, Arial, sans-serif; }

.h1, h1, .banner .flexslider .slides li blockquote {
  font-size: 46px;
  font-size: 4.6rem;
  line-height: 50px;
  color: #21446A;
  margin-bottom: 0px;
  font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif; }

.h2, h2, legend span.legend, #home #page-header h1 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 40px;
  color: #21446A;
  padding-bottom: 10px; }

.h3, h3, aside section h4, aside fieldset h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 20px;
  color: #21446A;
  font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif; }

.h4, h4, .cta h3, aside section h5, aside fieldset h5, .listing-list .filter h4, .events-listing .filter h4, .training-and-events-listing .filter h4, .training-listing .filter h4, .nvo-listing .filter h4, .job-listing .filter h4, .scheme-listing .filter h4, .people-listing .filter h4, .search-listing .filter h4, .trainer-listing .filter h4 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  color: #455560; }

.h5, h5, .listing-list .filter span, .events-listing .filter span, .training-and-events-listing .filter span, .training-listing .filter span, .nvo-listing .filter span, .job-listing .filter span, .scheme-listing .filter span, .people-listing .filter span, .search-listing .filter span, .trainer-listing .filter span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 25px;
  color: #21446A;
  font-weight: bold;
  font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif; }

.h6, h6 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #21446A; }

#page-header h1 {
  font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif; }
  #page-header h1 small {
    display: block;
    line-height: 20px; }

#home #page-header h1 {
  padding-bottom: 30px;
  font-family: MuseoSansRounded-300, Helvetica, Arial, sans-serif; }

footer h4 {
  font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif; }

.cta h3 {
  font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif;
  line-height: 25px;
  min-height: 50px; }

#site-nav a {
  font-size: 17px;
  font-size: 1.7rem;
  font-family: MuseoSansRounded-500, Helvetica, Arial, sans-serif; }

.intro {
  font-family: MuseoSansRounded-300, Helvetica, Arial, sans-serif; }

aside header h3 {
  font-family: MuseoSansRounded-500, Helvetica, Arial, sans-serif;
  color: #455560;
  text-align: center;
  margin-bottom: 20px; }

aside section h4, aside fieldset h4 {
  line-height: 25px;
  font-size: 20px;
  font-size: 2rem;
  font-family: MuseoSansRounded-900, Helvetica, Arial, sans-serif; }
  aside section h4 a, aside fieldset h4 a {
    text-decoration: none; }

aside section h5, aside fieldset h5 {
  line-height: 25px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif; }

/*

    Zebra_DatePicker: a lightweight jQuery date picker plugin

    Twitter Bootstrap theme

    copyright (c) 2011 - 2014 Stefan Gabos
    http://stefangabos.ro/jquery/zebra-datepicker/

*/
.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before {
  box-sizing: content-box !important; }

.Zebra_DatePicker {
  position: absolute;
  background: #FFF;
  border: 1px solid #999;
  z-index: 100;
  padding: 5px; }

.Zebra_DatePicker * {
  margin: 0;
  padding: 0;
  color: #373737;
  background: transparent;
  border: none; }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table {
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
  table-layout: auto; }

.Zebra_DatePicker td,
.Zebra_DatePicker th {
  text-align: center;
  padding: 5px 0; }

.Zebra_DatePicker td {
  cursor: pointer; }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker {
  margin-top: 3px; }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
  width: 30px; }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker td.dp_selected,
.Zebra_DatePicker .dp_footer .dp_hover,
.Zebra_DatePicker td.dp_hover {
  border-radius: 5px; }

/* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker.dp_visible {
  display: block;
  visibility: visible;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out; }

.Zebra_DatePicker.dp_hidden {
  display: none;
  visibility: hidden;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0; }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {
  width: 30px; }

.Zebra_DatePicker .dp_header .dp_caption {
  font-weight: bold; }

.Zebra_DatePicker .dp_header .dp_hover {
  background: #DEDEDE;
  color: #373737; }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_daypicker th {
  font-weight: bold; }

.Zebra_DatePicker td.dp_not_in_month {
  color: #DEDEDE;
  cursor: default; }

.Zebra_DatePicker td.dp_weekend_disabled {
  color: #DEDEDE;
  cursor: default; }

.Zebra_DatePicker td.dp_selected {
  background: #4879ac;
  color: #FFF !important; }

.Zebra_DatePicker td.dp_week_number {
  cursor: text;
  font-weight: bold; }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td {
  width: 33%; }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td {
  width: 33%; }

/* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_footer {
  margin-top: 3px; }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current {
  color: #3A87AD; }

.Zebra_DatePicker td.dp_disabled_current {
  color: #3A87AD; }

.Zebra_DatePicker td.dp_disabled {
  color: #DEDEDE;
  cursor: default; }

.Zebra_DatePicker td.dp_hover {
  background: #DEDEDE; }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("calendar.png") no-repeat left top;
  text-indent: -9000px;
  border: none;
  cursor: pointer;
  padding: 0;
  line-height: 0;
  vertical-align: top; }

button.Zebra_DatePicker_Icon_Disabled {
  background-image: url("calendar-disabled.png"); }

/* don't set vertical margins! */
button.Zebra_DatePicker_Icon {
  margin: 0 0 0 3px; }

button.Zebra_DatePicker_Icon_Inside {
  margin: 0 3px 0 0; }

/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none; }

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  max-width: 100%;
  display: block; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  border-radius: 5px;
  zoom: 1; }

.flexslider .slides {
  zoom: 1; }

.flexslider .slides > li {
  position: relative; }

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
  zoom: 1;
  position: relative; }

/* Caption style */
/* IE rgba() hack */
.flex-caption {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  zoom: 1; }

.flex-caption {
  width: 96%;
  padding: 2%;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-size: 14px;
  line-height: 18px; }

/* Direction Nav */
.flex-direction-nav {
  height: 0; }

.flex-direction-nav li a {
  width: 52px;
  height: 52px;
  margin: -13px 0 0;
  display: block;
  background: url(theme/bg_direction_nav.png) no-repeat;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -999em;
  overflow: hidden; }

.flex-direction-nav li .next {
  background-position: -52px 0;
  right: -21px; }

.flex-direction-nav li .prev {
  left: -20px; }

.flex-direction-nav li .disabled {
  opacity: .3;
  filter: alpha(opacity=30);
  cursor: default; }

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -30px;
  text-align: center; }

.flex-control-nav li {
  margin: 0 0 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline; }

.flex-control-nav li:first-child {
  margin: 0; }

.flex-control-nav li a {
  width: 13px;
  height: 13px;
  display: block;
  background: url(theme/bg_control_nav.png) no-repeat;
  cursor: pointer;
  text-indent: -999em; }

.flex-control-nav li a:hover {
  background-position: 0 -13px; }

.flex-control-nav li a.active {
  background-position: 0 -26px;
  cursor: default; }

.mejs-container {
  position: relative;
  background: #000;
  font-family: Helvetica, Arial;
  text-align: left;
  vertical-align: top; }

.me-plugin {
  position: absolute; }

.mejs-embed, .mejs-embed body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden; }

.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000; }

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
  width: 100%;
  height: 100%; }

/* Start: LAYERS */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-poster img {
  border: 0;
  padding: 0;
  border: 0;
  display: block; }

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0; }

.mejs-overlay-play {
  cursor: pointer; }

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url(../images/video/bigplay.png) no-repeat; }

.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px; }

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: #333;
  background: url(../images/video/background.png);
  background: rgba(0, 0, 0, 0.9);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
  background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); }

.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url(../images/video/loading.gif) 50% 50% no-repeat; }

/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
  position: absolute;
  background: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  background: url(../images/video/background.png);
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  height: 30px;
  width: 100%; }

.mejs-container .mejs-controls div {
  list-style-type: none;
  background-image: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 11px;
  background: 0;
  font-family: Helvetica, Arial;
  border: 0; }

.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  margin: 7px 5px;
  padding: 0;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 0;
  background: transparent url(../images/video/controls.png) no-repeat; }

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
  outline: solid 1px yellow; }

/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  padding: 8px 3px 0 3px;
  overflow: hidden;
  text-align: center;
  padding: auto 4px;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.mejs-container .mejs-controls .mejs-time span {
  font-size: 11px;
  color: #fff;
  line-height: 12px;
  display: block;
  float: left;
  margin: 1px 2px 0 0;
  width: auto; }

/* End: Time (current / duration) */
/* Start: Play/pause */
.mejs-controls .mejs-play button {
  background-position: 0 0; }

.mejs-controls .mejs-pause button {
  background-position: 0 -16px; }

/* End: Play/pause */
/* Stop */
.mejs-controls .mejs-stop button {
  background-position: -112px 0; }

/* End: Play/pause */
/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
  width: 200px;
  padding-top: 5px; }

.mejs-controls .mejs-time-rail span {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  border-radius: 2px;
  cursor: pointer; }

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-time-rail .mejs-time-buffering {
  width: 100%;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  -webkit-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite; }

@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }

@keyframes buffering-stripes {
  from {
    background-position: 0 0; }
  to {
    background-position: 30px 0; } }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #3caac8;
  background: rgba(60, 170, 200, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
  background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
  width: 0; }

.mejs-controls .mejs-time-rail .mejs-time-current {
  width: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); }

.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center; }

.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111; }

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0; }

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #eee;
  border-color: #eee transparent transparent transparent;
  border-radius: 0;
  top: 15px;
  left: 13px; }

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0; }

.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px; }

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-mute button {
  background-position: -16px -16px; }

.mejs-controls .mejs-unmute button {
  background-position: -16px 0; }

.mejs-controls .mejs-volume-button {
  position: relative; }

.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: url(../images/video/background.png);
  background: rgba(50, 50, 50, 0.7);
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0; }

.mejs-controls .mejs-volume-button:hover {
  border-radius: 0 0 4px 4px; }

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.5);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  margin: 0; }

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  cursor: N-resize;
  border-radius: 1px;
  margin: 0; }

/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider {
  height: 26px;
  width: 60px;
  position: relative; }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  border-radius: 2px;
  background: #333;
  background: rgba(50, 50, 50, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  border-radius: 2px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); }

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none; }

/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
  position: relative; }

.mejs-controls .mejs-captions-button button {
  background-position: -48px 0; }

.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(../images/video/background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  border-radius: 0; }

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px; }

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px; }

.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0; }

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px #fff;
  width: 10000px;
  z-index: 1; }

.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: #222;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
  overflow: hidden;
  border: 0; }

.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer; }

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none; }

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  /*background: #333;*/
  background: #666;
  background: rgba(102, 102, 102, 0.7);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
  background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232); }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px; }

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis; }

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  /*font-weight: bold;*/
  line-height: 22px;
  font-size: 12px;
  color: #fff; }

.mejs-captions-layer a {
  color: #fff;
  text-decoration: underline; }

.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal; }

.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0; }

.mejs-captions-position-hover {
  bottom: 45px; }

.mejs-captions-text {
  padding: 3px 5px;
  background: url(../images/video/background.png);
  background: rgba(20, 20, 20, 0.8); }

/* End: TRACK (Captions and Chapters) */
.mejs-clear {
  clear: both; }

/* Start: ERROR */
.me-cannotplay a {
  color: #fff;
  font-weight: bold; }

.me-cannotplay span {
  padding: 15px;
  display: block; }

/* End: ERROR */
/* Start: Loop */
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px; }

.mejs-controls .mejs-loop-on button {
  background-position: -64px 0; }

/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px; }

.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0; }

/* End: backlight */
/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0; }

/* End: picture controls */
/* context menu */
.mejs-contextmenu {
  position: absolute;
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #999;
  z-index: 1001;
  /* make sure it shows on fullscreen */ }

.mejs-contextmenu .mejs-contextmenu-separator {
  height: 1px;
  font-size: 0;
  margin: 5px 6px;
  background: #333; }

.mejs-contextmenu .mejs-contextmenu-item {
  font-family: Helvetica, Arial;
  font-size: 12px;
  padding: 4px 6px;
  cursor: pointer;
  color: #333; }

.mejs-contextmenu .mejs-contextmenu-item:hover {
  background: #2C7C91;
  color: #fff; }

/* Start: SourceChooser */
.mejs-controls .mejs-sourcechooser-button {
  position: relative; }

.mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(../images/video/background.png);
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  border-radius: 0; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px; }

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px; }

/* End: SourceChooser */
/* TED player */
.mejs-ted .mejs-controls {
  background: #eee;
  height: 65px; }

.mejs-ted .mejs-button,
.mejs-ted .mejs-time {
  position: absolute;
  background: #ddd; }

.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: none;
  background: url(../images/video/controls-ted.png) repeat-x 0 -52px;
  height: 6px; }

.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: none;
  background: url(../images/video/controls-ted.png) repeat-x 0 -52px;
  width: 0;
  height: 6px; }

.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-current {
  width: 0;
  height: 6px;
  background-color: none;
  background: url(../images/video/controls-ted.png) repeat-x 0 -59px; }

.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-handle {
  display: block;
  margin: 0;
  width: 14px;
  height: 21px;
  top: -7px;
  border: 0;
  background: url(../images/video/controls-ted.png) no-repeat 0 0; }

.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-float {
  display: none; }

.mejs-ted .mejs-controls .mejs-playpause-button {
  top: 29px;
  left: 9px;
  width: 49px;
  height: 28px; }

.mejs-ted .mejs-controls .mejs-playpause-button button {
  width: 49px;
  height: 28px;
  background: url(../images/video/controls-ted.png) no-repeat -50px -23px;
  margin: 0;
  padding: 0; }

.mejs-ted .mejs-controls .mejs-pause button {
  background-position: 0 -23px; }

.mejs-ted .mejs-controls .mejs-fullscreen-button {
  top: 34px;
  right: 9px;
  width: 17px;
  height: 15px;
  background: none; }

.mejs-ted .mejs-controls .mejs-fullscreen-button button {
  width: 19px;
  height: 17px;
  background: transparent url(../images/video/controls-ted.png) no-repeat 0 -66px;
  margin: 0;
  padding: 0; }

.mejs-ted .mejs-controls .mejs-unfullscreen button {
  background: transparent url(../images/video/controls-ted.png) no-repeat -21px -66px;
  margin: 0;
  padding: 0; }

.mejs-ted .mejs-controls .mejs-volume-button {
  top: 30px;
  right: 35px;
  width: 24px;
  height: 22px; }

.mejs-ted .mejs-controls .mejs-mute button {
  background: url(../images/video/controls-ted.png) no-repeat -15px 0;
  width: 24px;
  height: 22px;
  margin: 0;
  padding: 0; }

.mejs-ted .mejs-controls .mejs-unmute button {
  background: url(../images/video/controls-ted.png) no-repeat -40px 0;
  width: 24px;
  height: 22px;
  margin: 0;
  padding: 0; }

.mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-slider {
  background: #fff;
  border: solid 1px #aaa;
  border-width: 1px 1px 0 1px;
  width: 22px;
  height: 65px;
  top: -65px; }

.mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-total {
  background: url(../images/video/controls-ted.png) repeat-y -41px -66px;
  left: 8px;
  width: 6px;
  height: 50px; }

.mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-current {
  left: 8px;
  width: 6px;
  background: url(../images/video/controls-ted.png) repeat-y -48px -66px;
  height: 50px; }

.mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-handle {
  display: none; }

.mejs-ted .mejs-controls .mejs-time span {
  color: #333; }

.mejs-ted .mejs-controls .mejs-currenttime-container {
  position: absolute;
  top: 32px;
  right: 100px;
  border: solid 1px #999;
  background: #fff;
  color: #333;
  padding-top: 2px;
  border-radius: 3px;
  color: #333; }

.mejs-ted .mejs-controls .mejs-duration-container {
  position: absolute;
  top: 32px;
  right: 65px;
  border: solid 1px #999;
  background: #fff;
  color: #333;
  padding-top: 2px;
  border-radius: 3px;
  color: #333; }

.mejs-ted .mejs-controls .mejs-time button {
  color: #333; }

.mejs-ted .mejs-controls .mejs-captions-button {
  display: none; }

/* END: TED player */
/* WMP player */
.mejs-wmp .mejs-controls {
  background: transparent url(controls-wmp-bg.png) center 16px no-repeat;
  height: 65px; }

.mejs-wmp .mejs-button,
.mejs-wmp .mejs-time {
  position: absolute;
  background: transparent; }

.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-total {
  background-color: transparent;
  border: solid 1px #ccc;
  height: 3px; }

.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-loaded {
  background-color: rgba(255, 255, 255, 0.3);
  width: 0;
  height: 3px; }

.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-current {
  width: 0;
  height: 1px;
  background-color: #014CB6;
  border: solid 1px #7FC9FA;
  border-width: 1px 0;
  border-color: #7FC9FA #fff #619FF2 #fff; }

.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-handle {
  display: block;
  margin: 0;
  width: 16px;
  height: 9px;
  top: -3px;
  border: 0;
  background: url(controls-wmp.png) no-repeat 0 -80px; }

.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-float {
  display: none; }

.mejs-wmp .mejs-controls .mejs-playpause-button {
  top: 10px;
  left: 50%;
  margin: 10px 0 0 -20px;
  width: 40px;
  height: 40px; }

.mejs-wmp .mejs-controls .mejs-playpause-button button {
  width: 40px;
  height: 40px;
  background: url(controls-wmp.png) no-repeat 0 0;
  margin: 0;
  padding: 0; }

.mejs-wmp .mejs-controls .mejs-pause button {
  background-position: 0 -40px; }

.mejs-wmp .mejs-controls .mejs-currenttime-container {
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -93px; }

.mejs-wmp .mejs-controls .mejs-duration-container {
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -58px; }

.mejs-wmp .mejs-controls .mejs-volume-button {
  top: 32px;
  right: 50%;
  margin-right: -55px;
  width: 20px;
  height: 15px; }

.mejs-wmp .mejs-controls .mejs-volume-button button {
  margin: 0;
  padding: 0;
  background: url(controls-wmp.png) no-repeat -42px -17px;
  width: 20px;
  height: 15px; }

.mejs-wmp .mejs-controls .mejs-unmute button {
  margin: 0;
  padding: 0;
  background: url(controls-wmp.png) no-repeat -42px 0;
  width: 20px;
  height: 15px; }

.mejs-wmp .mejs-controls .mejs-volume-button .mejs-volume-slider {
  background: rgba(102, 102, 102, 0.6); }

.mejs-wmp .mejs-controls .mejs-fullscreen-button {
  top: 32px;
  right: 50%;
  margin-right: -82px;
  width: 15px;
  height: 14px; }

.mejs-wmp .mejs-controls .mejs-fullscreen-button button {
  margin: 0;
  padding: 0;
  background: url(controls-wmp.png) no-repeat -63px 0;
  width: 15px;
  height: 14px; }

.mejs-wmp .mejs-controls .mejs-captions-button {
  display: none; }

/* END: WMP player */
.button {
  border-radius: 4px;
  /* FF3.7+ */
  /* Opera 10.5 */
  -webkit-transition: background-color 0.2s ease-in-out;
  /* Saf3.2+, Chrome */
  transition: background-color 0.2s ease-in-out;
  background-color: #152b43;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
  background-image: -webkit-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
  background-image: linear-gradient(#21446A, #152b43);
  background-color: #3C4449;
  border: 0px solid #0f1f30;
  padding: 5px 20px 5px 20px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  margin: 0 0 20px 0; }
  .button:visited {
    color: #fff !important; }
  .button:hover {
    background-color: #0f1f30;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#21446A), to(#0f1f30));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#21446A), to(#0f1f30));
    background-image: linear-gradient(#21446A, #0f1f30);
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: background-color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: background-color 0.2s ease-in-out;
    text-decoration: none;
    color: #fff; }
  .button:active {
    background-color: #152b43;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#0f1f30), to(#152b43));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0f1f30), to(#152b43));
    background-image: linear-gradient(#0f1f30, #152b43); }

.button-primary, .banner-inner .caption .button, .training-detail .button, .event-detail .button, .trainer-detail .button, .nvo-detail .button, .members-area .button {
  font-size: 16px !important;
  padding: 15px 20px !important;
  border-radius: 4px;
  /* FF3.7+ */
  /* Opera 10.5 */
  -webkit-transition: background-color 0.2s ease-in-out;
  /* Saf3.2+, Chrome */
  transition: background-color 0.2s ease-in-out;
  background-color: #152b43;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
  background-image: -webkit-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
  background-image: linear-gradient(#21446A, #152b43);
  background-color: #3C4449;
  border: 0px solid #0f1f30;
  padding: 5px 20px 5px 20px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  margin: 0 0 20px 0; }
  .button-primary:visited, .banner-inner .caption .button:visited, .training-detail .button:visited, .event-detail .button:visited, .trainer-detail .button:visited, .nvo-detail .button:visited, .members-area .button:visited {
    color: #fff !important; }
  .button-primary:hover, .banner-inner .caption .button:hover, .training-detail .button:hover, .event-detail .button:hover, .trainer-detail .button:hover, .nvo-detail .button:hover, .members-area .button:hover {
    background-color: #0f1f30;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#21446A), to(#0f1f30));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#21446A), to(#0f1f30));
    background-image: linear-gradient(#21446A, #0f1f30);
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: background-color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: background-color 0.2s ease-in-out;
    text-decoration: none;
    color: #fff; }
  .button-primary:active, .banner-inner .caption .button:active, .training-detail .button:active, .event-detail .button:active, .trainer-detail .button:active, .nvo-detail .button:active, .members-area .button:active {
    background-color: #152b43;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#0f1f30), to(#152b43));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0f1f30), to(#152b43));
    background-image: linear-gradient(#0f1f30, #152b43); }

.button-sub, .search-listing aside .filter input[type="submit"] {
  border-radius: 4px;
  /* FF3.7+ */
  /* Opera 10.5 */
  -webkit-transition: background-color 0.2s ease-in-out;
  /* Saf3.2+, Chrome */
  transition: background-color 0.2s ease-in-out;
  background-color: #152b43;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
  background-image: -webkit-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
  background-image: linear-gradient(#21446A, #152b43);
  background-color: #3C4449;
  border: 0px solid #0f1f30;
  padding: 5px 20px 5px 20px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #2f3a41;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#44545F), to(#2f3a41));
  background-image: -webkit-gradient(linear, left top, left bottom, from(#44545F), to(#2f3a41));
  background-image: linear-gradient(#44545F, #2f3a41); }
  .button-sub:visited, .search-listing aside .filter input[type="submit"]:visited {
    color: #fff !important; }
  .button-sub:hover, .search-listing aside .filter input[type="submit"]:hover {
    background-color: #0f1f30;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#21446A), to(#0f1f30));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#21446A), to(#0f1f30));
    background-image: linear-gradient(#21446A, #0f1f30);
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: background-color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: background-color 0.2s ease-in-out;
    text-decoration: none;
    color: #fff; }
  .button-sub:active, .search-listing aside .filter input[type="submit"]:active {
    background-color: #152b43;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#0f1f30), to(#152b43));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0f1f30), to(#152b43));
    background-image: linear-gradient(#0f1f30, #152b43); }
  .button-sub:hover, .search-listing aside .filter input[type="submit"]:hover {
    background-color: #242d32;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#44545F), to(#242d32));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#44545F), to(#242d32));
    background-image: linear-gradient(#44545F, #242d32); }
  .button-sub:active, .search-listing aside .filter input[type="submit"]:active {
    background-color: #2f3a41;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#242d32), to(#2f3a41));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#242d32), to(#2f3a41));
    background-image: linear-gradient(#242d32, #2f3a41); }

.button-secondary {
  border-radius: 4px;
  /* FF3.7+ */
  /* Opera 10.5 */
  -webkit-transition: background-color 0.2s ease-in-out;
  /* Saf3.2+, Chrome */
  transition: background-color 0.2s ease-in-out;
  background-color: #152b43;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
  background-image: -webkit-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
  background-image: linear-gradient(#21446A, #152b43);
  background-color: #3C4449;
  border: 0px solid #0f1f30;
  padding: 5px 20px 5px 20px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 14px;
  font-size: 1.4rem; }
  .button-secondary:visited {
    color: #fff !important; }
  .button-secondary:hover {
    background-color: #0f1f30;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#21446A), to(#0f1f30));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#21446A), to(#0f1f30));
    background-image: linear-gradient(#21446A, #0f1f30);
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: background-color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: background-color 0.2s ease-in-out;
    text-decoration: none;
    color: #fff; }
  .button-secondary:active {
    background-color: #152b43;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#0f1f30), to(#152b43));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0f1f30), to(#152b43));
    background-image: linear-gradient(#0f1f30, #152b43); }

.unbutton, .training-listing .training-filter .prevmonth, .training-listing .training-filter .nextmonth, .search-listing .filter-sortby input[type="submit"] {
  font-size: 14px;
  font-size: 1.4rem;
  background: none;
  padding: 0;
  color: #455560;
  font-weight: normal;
  vertical-align: inherit; }
  .unbutton:hover, .training-listing .training-filter .prevmonth:hover, .training-listing .training-filter .nextmonth:hover, .search-listing .filter-sortby input[type="submit"]:hover {
    color: #242424; }

label {
  padding: 8px 0 0 0;
  margin: 0 10px 8px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px; }

.field {
  margin: 20px 0; }

select {
  height: 40px; }

input::-webkit-input-placeholder {
  color: #888; }

input:-moz-placeholder {
  color: #888; }

input:-ms-input-placeholder {
  color: #888; }

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  padding: 10px;
  border: 1px solid #ddd;
  margin-left: 0px; }

button[type=submit],
input[type='submit'] {
  border-radius: 4px;
  /* FF3.7+ */
  /* Opera 10.5 */
  -webkit-transition: background-color 0.2s ease-in-out;
  /* Saf3.2+, Chrome */
  transition: background-color 0.2s ease-in-out;
  background-color: #152b43;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
  background-image: -webkit-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
  background-image: linear-gradient(#21446A, #152b43);
  background-color: #3C4449;
  border: 0px solid #0f1f30;
  padding: 5px 20px 5px 20px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  line-height: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  margin: 0 0 20px 0;
  margin: 0 0 0 0; }
  button[type=submit]:visited,
  input[type='submit']:visited {
    color: #fff !important; }
  button[type=submit]:hover,
  input[type='submit']:hover {
    background-color: #0f1f30;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#21446A), to(#0f1f30));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#21446A), to(#0f1f30));
    background-image: linear-gradient(#21446A, #0f1f30);
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: background-color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: background-color 0.2s ease-in-out;
    text-decoration: none;
    color: #fff; }
  button[type=submit]:active,
  input[type='submit']:active {
    background-color: #152b43;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#0f1f30), to(#152b43));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0f1f30), to(#152b43));
    background-image: linear-gradient(#0f1f30, #152b43); }

.validation-error {
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 3px;
  font-style: italic;
  margin-left: 0;
  vertical-align: middle;
  display: block;
  background: #ceeeea url(../images/error-sprite.png) 0px -40px no-repeat;
  float: left;
  padding: 10px 15px 10px 40px;
  margin: 3px 10px;
  overflow: visible;
  position: relative; }

table {
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #ddd; }

th {
  font-weight: bold;
  text-align: left;
  border-bottom: 2px solid #2f2f2f;
  border-right: 1px solid #ddd; }

td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd; }

th {
  padding: 10px 10px 6px 10px; }

tfoot {
  font-style: italic; }

caption {
  background: #ffffcc; }

nav.nav-bar {
  background: #f6f6f6;
  background-color: #e9e9e9;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e9e9e9));
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e9e9e9));
  background-image: linear-gradient(#f6f6f6, #e9e9e9);
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 0 !important; }
  nav.nav-bar ul li {
    margin-right: 0 !important;
    border-right: 1px solid #ddd; }
    nav.nav-bar ul li a {
      display: block;
      padding: 10px 15px;
      text-align: center;
      font-size: 13px;
      font-size: 1.3rem;
      color: #5e5e5e;
      -webkit-text-shadow: 0 1px 1px white;
      -moz-text-shadow: 0 1px 1px white;
      -ms-text-shadow: 0 1px 1px white;
      -o-text-shadow: 0 1px 1px white;
      text-shadow: 0 1px 1px white;
      -ms-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
      -o-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5);
      box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.5); }
      nav.nav-bar ul li a:hover {
        background-color: #e4e4e4;
        background-repeat: repeat-x;
        background-image: -khtml-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e4e4e4));
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e4e4e4));
        background-image: linear-gradient(#f1f1f1, #e4e4e4);
        color: #171717; }
      nav.nav-bar ul li a:active {
        background-color: #f3f3f3;
        background-repeat: repeat-x;
        background-image: -khtml-gradient(linear, left top, left bottom, from(#e9e9e9), to(#f3f3f3));
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#f3f3f3));
        background-image: linear-gradient(#e9e9e9, #f3f3f3); }

.read-more {
  display: inline-block;
  font-weight: bold; }

.off-page {
  text-indent: -9999px;
  position: absolute;
  left: -9999px;
  top: -9999px; }

/********************************************
*
* Grid
*
********************************************/
#site-header {
  margin: auto;
  width: 962px;
  /* For modern browsers */
  zoom: 1;
  /* IE6/IE7 */ }
  #site-header:before, #site-header:after {
    content: "";
    display: table; }
  #site-header:after {
    clear: both; }
  #site-header #sitewide-nav {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 962px;
    margin-left: 0;
    margin-right: 0;
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    #site-header #sitewide-nav:before, #site-header #sitewide-nav:after {
      content: "";
      display: table; }
    #site-header #sitewide-nav:after {
      clear: both; }
  #site-header #branding {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 962px;
    margin-left: 0;
    margin-right: 0;
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    #site-header #branding:before, #site-header #branding:after {
      content: "";
      display: table; }
    #site-header #branding:after {
      clear: both; }
  #site-header #site-nav {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 962px;
    margin-left: 0;
    margin-right: 0;
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    #site-header #site-nav:before, #site-header #site-nav:after {
      content: "";
      display: table; }
    #site-header #site-nav:after {
      clear: both; }

#page-header {
  margin: auto;
  width: 1042px;
  /* For modern browsers */
  zoom: 1;
  /* IE6/IE7 */ }
  #page-header:before, #page-header:after {
    content: "";
    display: table; }
  #page-header:after {
    clear: both; }

#content {
  margin: auto;
  width: 962px;
  /* For modern browsers */
  zoom: 1;
  /* IE6/IE7 */ }
  #content:before, #content:after {
    content: "";
    display: table; }
  #content:after {
    clear: both; }
  #content #sidenav {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 233px;
    margin-left: 0; }
  #content #maincontent {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 719px;
    margin-right: 0; }
    #content #maincontent article {
      width: 100%;
      margin-left: 0; }
    #content #maincontent aside {
      display: inline;
      float: left;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      width: 233px;
      margin-right: 0;
      float: right;
      margin-left: 10px; }
  #content .search-listing article {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 719px;
    margin-left: 0; }
  #content .search-listing aside {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 233px;
    margin-right: 0; }
  #content .search-listing .filter-resultcount {
    float: left; }
  #content .search-listing .filter-sortby {
    float: right; }
  #content .activity, #content .activity-inner, #content .news-listing, #content .people-listing {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    #content .activity:before, #content .activity:after, #content .activity-inner:before, #content .activity-inner:after, #content .news-listing:before, #content .news-listing:after, #content .people-listing:before, #content .people-listing:after {
      content: "";
      display: table; }
    #content .activity:after, #content .activity-inner:after, #content .news-listing:after, #content .people-listing:after {
      clear: both; }
    #content .activity .twitter, #content .activity .flickr, #content .activity .facebook, #content .activity .blog-post-CTA, #content .activity .news-item, #content .activity .youtube, #content .activity .tumblr, #content .activity .people-item, #content .activity-inner .twitter, #content .activity-inner .flickr, #content .activity-inner .facebook, #content .activity-inner .blog-post-CTA, #content .activity-inner .news-item, #content .activity-inner .youtube, #content .activity-inner .tumblr, #content .activity-inner .people-item, #content .news-listing .twitter, #content .news-listing .flickr, #content .news-listing .facebook, #content .news-listing .blog-post-CTA, #content .news-listing .news-item, #content .news-listing .youtube, #content .news-listing .tumblr, #content .news-listing .people-item, #content .people-listing .twitter, #content .people-listing .flickr, #content .people-listing .facebook, #content .people-listing .blog-post-CTA, #content .people-listing .news-item, #content .people-listing .youtube, #content .people-listing .tumblr, #content .people-listing .people-item {
      display: inline;
      float: left;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      width: 233px; }
      #content .activity .twitter.longform, #content .activity .flickr.longform, #content .activity .facebook.longform, #content .activity .blog-post-CTA.longform, #content .activity .news-item.longform, #content .activity .youtube.longform, #content .activity .tumblr.longform, #content .activity .people-item.longform, #content .activity-inner .twitter.longform, #content .activity-inner .flickr.longform, #content .activity-inner .facebook.longform, #content .activity-inner .blog-post-CTA.longform, #content .activity-inner .news-item.longform, #content .activity-inner .youtube.longform, #content .activity-inner .tumblr.longform, #content .activity-inner .people-item.longform, #content .news-listing .twitter.longform, #content .news-listing .flickr.longform, #content .news-listing .facebook.longform, #content .news-listing .blog-post-CTA.longform, #content .news-listing .news-item.longform, #content .news-listing .youtube.longform, #content .news-listing .tumblr.longform, #content .news-listing .people-item.longform, #content .people-listing .twitter.longform, #content .people-listing .flickr.longform, #content .people-listing .facebook.longform, #content .people-listing .blog-post-CTA.longform, #content .people-listing .news-item.longform, #content .people-listing .youtube.longform, #content .people-listing .tumblr.longform, #content .people-listing .people-item.longform {
        display: inline;
        float: left;
        position: relative;
        margin-left: 5px;
        margin-right: 5px;
        width: 476px; }
      #content .activity .twitter.midform, #content .activity .flickr.midform, #content .activity .facebook.midform, #content .activity .blog-post-CTA.midform, #content .activity .news-item.midform, #content .activity .youtube.midform, #content .activity .tumblr.midform, #content .activity .people-item.midform, #content .activity-inner .twitter.midform, #content .activity-inner .flickr.midform, #content .activity-inner .facebook.midform, #content .activity-inner .blog-post-CTA.midform, #content .activity-inner .news-item.midform, #content .activity-inner .youtube.midform, #content .activity-inner .tumblr.midform, #content .activity-inner .people-item.midform, #content .news-listing .twitter.midform, #content .news-listing .flickr.midform, #content .news-listing .facebook.midform, #content .news-listing .blog-post-CTA.midform, #content .news-listing .news-item.midform, #content .news-listing .youtube.midform, #content .news-listing .tumblr.midform, #content .news-listing .people-item.midform, #content .people-listing .twitter.midform, #content .people-listing .flickr.midform, #content .people-listing .facebook.midform, #content .people-listing .blog-post-CTA.midform, #content .people-listing .news-item.midform, #content .people-listing .youtube.midform, #content .people-listing .tumblr.midform, #content .people-listing .people-item.midform {
        display: inline;
        float: left;
        position: relative;
        margin-left: 5px;
        margin-right: 5px;
        width: 476px; }
  #content .cta-list, #content #maincontent .cta-list {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    #content .cta-list:before, #content #maincontent .cta-list:before, #content .cta-list:after, #content #maincontent .cta-list:after {
      content: "";
      display: table; }
    #content .cta-list:after, #content #maincontent .cta-list:after {
      clear: both; }
    #content .cta-list .cta, #content #maincontent .cta-list .cta {
      display: inline;
      float: left;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      width: 233px; }
      #content .cta-list .cta:first-child, #content #maincontent .cta-list .cta:first-child {
        margin-left: 0; }
      #content .cta-list .cta:last-child, #content #maincontent .cta-list .cta:last-child {
        margin-right: 0; }
  #content .banner-inner-sub img {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 314px;
    margin-left: 0; }
  #content .banner-inner-sub .caption {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 395px;
    margin-right: 0; }

#contact-widget {
  /* For modern browsers */
  zoom: 1;
  /* IE6/IE7 */ }
  #contact-widget:before, #contact-widget:after {
    content: "";
    display: table; }
  #contact-widget:after {
    clear: both; }
  #contact-widget #office-list {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    #contact-widget #office-list:before, #contact-widget #office-list:after {
      content: "";
      display: table; }
    #contact-widget #office-list:after {
      clear: both; }
  #contact-widget .vcard {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 233px; }
    #contact-widget .vcard:first-child {
      margin-left: 0; }
    #contact-widget .vcard:last-child {
      margin-right: 0; }

footer {
  margin: auto;
  width: 962px;
  /* For modern browsers */
  zoom: 1;
  /* IE6/IE7 */ }
  footer:before, footer:after {
    content: "";
    display: table; }
  footer:after {
    clear: both; }
  footer .contactus {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    footer .contactus:before, footer .contactus:after {
      content: "";
      display: table; }
    footer .contactus:after {
      clear: both; }
    footer .contactus li {
      display: inline;
      float: left;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      width: 233px; }
      footer .contactus li:first-child {
        margin-left: 0; }
      footer .contactus li:last-child {
        margin-right: 0; }
  footer .moreinfo {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    footer .moreinfo:before, footer .moreinfo:after {
      content: "";
      display: table; }
    footer .moreinfo:after {
      clear: both; }
    footer .moreinfo .moreinfo-wcva {
      display: inline;
      float: left;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      width: 233px;
      margin-left: 0; }
    footer .moreinfo .moreinfo-quicklinks {
      display: inline;
      float: left;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      width: 233px; }
    footer .moreinfo .moreinfo-network {
      display: inline;
      float: left;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      width: 233px; }
    footer .moreinfo .membership {
      display: inline;
      float: left;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      width: 233px;
      margin-right: 0; }
      footer .moreinfo .membership .button:focus {
        color: #fff;
        background: #1C3044; }
  footer .social {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */
    position: relative;
    height: 110px;
    padding-top: 10px; }
    footer .social:before, footer .social:after {
      content: "";
      display: table; }
    footer .social:after {
      clear: both; }
    footer .social .social-links {
      display: inline;
      float: left;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      width: 476px;
      margin-left: 0; }
    footer .social .social-share {
      display: inline;
      float: left;
      position: relative;
      margin-left: 5px;
      margin-right: 5px;
      width: 476px;
      margin-right: 0; }
    footer .social .funding-logos {
      width: 350px;
      position: absolute;
      left: 310px;
      top: 0; }
      footer .social .funding-logos a {
        margin-left: 30px;
        display: block;
        float: left; }
        footer .social .funding-logos a:first-child {
          margin: 0; }
  footer nav {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    footer nav:before, footer nav:after {
      content: "";
      display: table; }
    footer nav:after {
      clear: both; }

.first {
  margin-left: 0px !important; }

.last {
  margin-right: 0px !important; }

.pagination {
  position: relative;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  background: #e5f5f3;
  padding: 10px 0; }
  .pagination ul {
    display: block;
    padding: 5px 0px; }
    .pagination ul li {
      display: inline;
      padding: 0 5px; }
      .pagination ul li a {
        display: none;
        color: #242424;
        display: inline-block;
        padding: 0 20px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 40px;
        cursor: pointer; }
        .pagination ul li a:hover, .pagination ul li a.selected {
          background: #f6f6f6;
          background-color: #e9e9e9;
          background-repeat: repeat-x;
          background-image: -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e9e9e9));
          background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e9e9e9));
          background-image: linear-gradient(#f6f6f6, #e9e9e9);
          -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
          -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5); }
        .pagination ul li a.next {
          border: none; }
  .pagination input {
    font-size: 15px;
    font-size: 1.5rem;
    background: none;
    padding: 0;
    color: #455560;
    font-weight: normal;
    vertical-align: inherit; }
    .pagination input:hover {
      color: #21446A;
      background: none; }
    .pagination input.active {
      color: #21446A;
      font-weight: bold; }

/********************************************
*
* Main Structure
*
********************************************/
html {
  background: #ffffff; }

body {
  color: #455560; }

.container {
  overflow: hidden;
  min-width: 962px; }

.wrapper {
  position: relative;
  margin: 0 auto; }
  .wrapper:before {
    content: "";
    background-color: #212121;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px; }
  .wrapper:after {
    content: "";
    background-color: #455560;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 290px;
    z-index: -1; }

#home.wrapper:after {
  height: 690px; }

/*** header ***/
#site-header {
  position: relative; }
  #site-header #sitewide-nav {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */
    height: 50px; }
    #site-header #sitewide-nav:before, #site-header #sitewide-nav:after {
      content: "";
      display: table; }
    #site-header #sitewide-nav:after {
      clear: both; }
    #site-header #sitewide-nav ul {
      float: left; }
      #site-header #sitewide-nav ul li {
        padding-top: 15px;
        float: left;
        margin-right: 20px;
        padding-right: 20px;
        background: url(../images/bg-border.png) no-repeat right 15px; }
        #site-header #sitewide-nav ul li a {
          font-size: 14px;
          font-size: 1.4rem;
          color: #ffffff; }
        #site-header #sitewide-nav ul li a.wenglish {
          font-weight: bold; }
        #site-header #sitewide-nav ul li:last-child {
          background: none; }
    #site-header #sitewide-nav .mini-search {
      float: right;
      margin-top: 4px; }
      #site-header #sitewide-nav .mini-search input {
        font-size: 14px;
        font-size: 1.4rem; }
        #site-header #sitewide-nav .mini-search input:focus, #site-header #sitewide-nav .mini-search input:active {
          background: #E5F5F3;
          color: #12385f; }
      #site-header #sitewide-nav .mini-search .field-error {
        position: absolute;
        right: 280px;
        top: 15px;
        font-size: 14px;
        color: #bbb;
        font-style: italic; }
  #site-header #branding {
    float: left;
    clear: both;
    overflow: visible; }
    #site-header #branding .logo {
      margin: 10px 0;
      text-indent: -9999em;
      display: block;
      position: relative;
      margin-left: -7px;
      float: left;
      background: transparent url(../../images/logo.png) no-repeat scroll 0 0;
      display: block;
      width: 165px;
      height: 88px; }
    #site-header #branding .volunteering {
      padding: 30px 0 0;
      text-indent: -9999em;
      position: relative;
      float: right;
      margin: 0px; }
      #site-header #branding .volunteering a {
        background: transparent url(../../images/volunteering.png) no-repeat scroll 0 0;
        display: block;
        width: 161px;
        height: 65px; }
  #site-header #site-nav {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */
    clear: both;
    margin-top: 10px;
    margin-bottom: 20px; }
    #site-header #site-nav:before, #site-header #site-nav:after {
      content: "";
      display: table; }
    #site-header #site-nav:after {
      clear: both; }
    #site-header #site-nav ul li {
      display: block;
      float: left;
      margin-left: 33px; }
      #site-header #site-nav ul li:first-child {
        margin-left: 0; }
      #site-header #site-nav ul li a {
        font-weight: normal;
        display: block;
        color: #dddddd;
        height: 30px; }
        #site-header #site-nav ul li a:hover {
          text-decoration: none;
          color: #fff; }
        #site-header #site-nav ul li a.active {
          background: url(../images/nav-arrow.png) no-repeat center 22px;
          color: #fff; }

/*** welsh version ***/
.cymraeg .volunteering a {
  background: transparent url(../../images/volunteering-c.png) no-repeat scroll 0 0 !important; }

.cymraeg #site-nav li {
  margin-left: 21px !important; }
  .cymraeg #site-nav li:first-child {
    margin-left: 0 !important; }
  .cymraeg #site-nav li a {
    font-size: 15px;
    font-size: 1.5rem; }

#home #page-header {
  padding-bottom: 0px;
  margin-bottom: 0px; }

/*** container ***/
#page-header {
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
  background-color: #ffffff; }
  #page-header:after {
    content: "";
    background: transparent url(../images/bg-title.png) repeat-x top left;
    position: absolute;
    bottom: 0;
    left: 0px;
    height: 5px;
    width: 10px;
    width: 100%; }
  #page-header h1 {
    color: #21446A;
    padding: 30px 40px; }
  #page-header.green h1, #page-header.purple h1, #page-header.pink h1, #page-header.red h1, #page-header.blue h1 {
    color: #ffffff; }
  #page-header.green {
    background-color: #008475; }
  #page-header.purple {
    background-color: #7653b9; }
  #page-header.pink {
    background-color: #cf0367; }
  #page-header.red {
    background-color: #eb012a; }
  #page-header.blue {
    background-color: #3978b9; }

#content #sidenav {
  margin-top: 30px; }
  #content #sidenav .lnk-parent {
    font-size: 18px;
    font-size: 1.8rem;
    font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif;
    margin-bottom: 20px; }
  #content #sidenav ul {
    margin-right: 45px;
    margin-bottom: 60px; }
    #content #sidenav ul li {
      font-size: 13px;
      font-size: 1.3rem;
      list-style: none;
      padding: 10px 15px 10px 0px;
      border-top: 1px solid #dfdedd; }
      #content #sidenav ul li:first-child {
        border-top: 0px solid #dfdedd; }
      #content #sidenav ul li a {
        font-size: 13px;
        font-size: 1.3rem;
        color: #455560; }
        #content #sidenav ul li a:hover {
          color: #242424;
          text-decoration: none; }
      #content #sidenav ul li.active {
        color: #ffffff;
        padding: 10px;
        background: #455560 url(../images/sidenav-arrow.png) left 15px no-repeat; }
        #content #sidenav ul li.active a {
          color: #ffffff; }
        #content #sidenav ul li.active li a {
          color: #ccc; }
          #content #sidenav ul li.active li a:hover {
            color: #ffffff; }
        #content #sidenav ul li.active li.active a {
          color: #fff; }
    #content #sidenav ul .subnav {
      position: relative;
      margin: 15px 0px 0px -10px; }
      #content #sidenav ul .subnav li {
        padding-left: 15px;
        border-top: 1px solid #596e7c;
        color: #ccc; }
        #content #sidenav ul .subnav li:last-child {
          padding-bottom: 0px; }
      #content #sidenav ul .subnav li.active:before {
        content: "";
        background-color: #455560;
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        top: -30px;
        left: 0px; }

#content #maincontent {
  margin-top: 30px; }
  #content #maincontent article ul {
    font-size: 14px;
    font-size: 1.4rem;
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 20px; }
    #content #maincontent article ul a {
      font-size: 100%; }
  #content #maincontent article ol {
    margin-left: 20px; }
    #content #maincontent article ol a {
      font-size: 100%; }
  #content #maincontent article img {
    float: left;
    height: auto;
    margin-right: 20px;
    margin-bottom: 10px; }
  #content #maincontent article p a {
    font-size: 100%; }
  #content #maincontent article p img {
    float: left;
    height: auto;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 10px; }
  #content #maincontent article a {
    text-decoration: none;
    font-size: 100%;
    color: #008475; }
    #content #maincontent article a:hover {
      text-decoration: underline; }
  #content #maincontent .social-share {
    overflow: hidden; }
    #content #maincontent .social-share ul {
      margin-top: 30px;
      display: inline;
      float: right;
      height: 21px;
      overflow: hidden; }
      #content #maincontent .social-share ul li {
        margin-right: 0px;
        overflow: hidden;
        float: left; }
        #content #maincontent .social-share ul li .fb-share-button {
          margin-right: 10px; }
        #content #maincontent .social-share ul li .fb-like {
          margin-right: 10px;
          width: 75px; }
        #content #maincontent .social-share ul li .twitter-share-button {
          width: 85px !important; }
  #content #maincontent .intro + .social-share {
    margin-top: -20px;
    margin-bottom: 30px; }
    #content #maincontent .intro + .social-share ul {
      margin-top: 0; }

#content article {
  /* For modern browsers */
  zoom: 1;
  /* IE6/IE7 */
  margin-bottom: 20px; }
  #content article:before, #content article:after {
    content: "";
    display: table; }
  #content article:after {
    clear: both; }

#content aside {
  /* For modern browsers */
  zoom: 1;
  /* IE6/IE7 */
  border-radius: 4px;
  padding-top: 60px;
  padding-bottom: 50px;
  background: #e5f6f4 url(../images/aside-bg.png) bottom left no-repeat;
  margin-bottom: 20px; }
  #content aside:before, #content aside:after {
    content: "";
    display: table; }
  #content aside:after {
    clear: both; }
  #content aside:before {
    content: "";
    background: transparent url(../images/info.png) no-repeat center 0;
    width: 100%;
    height: 73px;
    position: absolute;
    top: -20px; }
  #content aside header {
    padding-left: 20px;
    padding-right: 20px; }
  #content aside section, #content aside fieldset {
    margin: 10px 20px;
    padding: 20px 0 0px 0;
    background: transparent url(../images/border.png) 0 0 repeat-x; }
    #content aside section.address dd, #content aside fieldset.address dd {
      margin-bottom: 0; }
  #content aside ul {
    list-style: none; }

/*** footer ***/
footer .contactus {
  background: transparent url(../images/border.png) 0 0 repeat-x;
  padding-top: 25px;
  margin-top: 10px;
  margin-bottom: 0px;
  /* For modern browsers */
  zoom: 1;
  /* IE6/IE7 */ }
  footer .contactus h2, footer .contactus legend span.legend, legend footer .contactus span.legend {
    float: left;
    padding: 10px 30px 10px 0px; }
  footer .contactus:before, footer .contactus:after {
    content: "";
    display: table; }
  footer .contactus:after {
    clear: both; }
  footer .contactus ul li {
    list-style: none;
    float: left; }
    footer .contactus ul li p {
      font-size: 16px;
      font-size: 1.6rem;
      padding: 22px 0px 22px 75px;
      margin-bottom: 0px; }
      footer .contactus ul li p.tel {
        background: url(../images/contactus-phone.png) no-repeat top left; }
      footer .contactus ul li p.mobile {
        background: url(../images/contactus-mobile.png) no-repeat top left; }
      footer .contactus ul li p.email {
        background: url(../images/contactus-email.png) no-repeat top left; }

footer .moreinfo {
  padding-top: 25px;
  margin-top: 20px;
  margin-bottom: 25px;
  background: transparent url(../images/border.png) 0 0 repeat-x; }
  footer .moreinfo h4 {
    padding: 20px 20px 0px 0px; }
  footer .moreinfo ul {
    list-style: none; }
    footer .moreinfo ul li a {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 30px;
      color: #242424; }
  footer .moreinfo .membership {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */
    border-radius: 4px;
    background-color: #4879AC;
    color: #ffffff; }
    footer .moreinfo .membership:before, footer .moreinfo .membership:after {
      content: "";
      display: table; }
    footer .moreinfo .membership:after {
      clear: both; }
    footer .moreinfo .membership h4 {
      background: url(../images/border-white.png) left bottom repeat-x;
      color: #ffffff;
      padding: 0 0 20px 0;
      margin: 25px 20px 20px 20px; }
    footer .moreinfo .membership p {
      color: #ffffff;
      padding: 0px 20px 0px 20px; }
    footer .moreinfo .membership .button {
      font-size: 18px;
      font-size: 1.8rem;
      background: rgba(0, 0, 0, 0.4);
      padding: 15px 20px;
      margin: 0 20px 20px 20px;
      display: block; }
      footer .moreinfo .membership .button:hover {
        background: rgba(0, 0, 0, 0.6); }
      footer .moreinfo .membership .button:active {
        background: rgba(0, 0, 0, 0.6); }

footer .social {
  overflow: hidden;
  margin-bottom: 25px; }
  footer .social ul {
    margin-top: 20px; }
    footer .social ul li {
      float: left;
      margin-right: 24px; }
      footer .social ul li a {
        display: block;
        width: 41px;
        height: 41px;
        text-indent: -99999px; }
      footer .social ul li.facebook a {
        background: url(../images/social-facebook.png) top left no-repeat; }
      footer .social ul li.twitter a {
        background: url(../images/social-twitter.png) top left no-repeat; }
      footer .social ul li.youtube a {
        background: url(../images/social-youtube.png) top left no-repeat; }
      footer .social ul li.flickr a {
        background: url(../images/social-flickr.png) top left no-repeat; }
  footer .social .social-share ul {
    margin-top: 30px;
    display: inline;
    float: right;
    height: 21px;
    overflow: hidden; }
    footer .social .social-share ul li {
      margin-right: 0px;
      overflow: hidden; }
      footer .social .social-share ul li .fb-like {
        margin-right: 10px;
        width: 75px; }
      footer .social .social-share ul li .fb-share-button {
        margin-right: 10px; }
      footer .social .social-share ul li .twitter-share-button {
        width: 85px !important; }

footer nav:before {
  content: "";
  bottom: 0px;
  left: 0px;
  height: 45px;
  width: 100%;
  position: absolute;
  background-color: #f2f2f2;
  z-index: -1; }

footer nav h6 {
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  padding: 12px 0px;
  margin: 0px;
  font-weight: normal;
  color: #455560; }

footer nav ul {
  float: right; }
  footer nav ul li {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    padding: 12px 0px;
    float: left;
    margin-left: 20px; }
    footer nav ul li:first-child {
      margin-left: 0px; }
    footer nav ul li a {
      font-size: 14px;
      font-size: 1.4rem;
      color: #455560 !important; }

.infobox {
  background: #D2F0EC;
  color: #455560;
  margin: 10px 0;
  padding: 10px;
  border-top: 1px dotted #242424;
  border-bottom: 1px dotted #242424; }

.hidden {
  position: absolute;
  left: -9999px;
  top: -9999px;
  text-indent: -9999px; }

.mini-search {
  overflow: hidden; }
  .mini-search label {
    float: left;
    margin: 5px 10px 0 0;
    display: none; }
  .mini-search .field-search {
    float: left;
    width: 160px;
    margin: 5px 10px 5px 0; }
  .mini-search .btn-search {
    float: left;
    margin: 5px 0; }
  .mini-search.widget .field-search,
  .mini-search.widget .btn-search {
    width: auto;
    display: block; }
  .mini-search input[type='text'] {
    padding: 4px; }
  .mini-search input[type='submit'] {
    border-radius: 4px;
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: background-color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: background-color 0.2s ease-in-out;
    background-color: #6c6c6c;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#858585), to(#6c6c6c));
    background-image: -webkit-gradient(linear, left top, left bottom, from(#858585), to(#6c6c6c));
    background-image: linear-gradient(#858585, #6c6c6c);
    background-color: #3C4449;
    border: 0px solid #5f5f5f;
    padding: 5px 20px 5px 20px;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    margin: 0 0 20px 0;
    margin: 5px 0; }
    .mini-search input[type='submit']:visited {
      color: #fff !important; }
    .mini-search input[type='submit']:hover {
      background-color: #5f5f5f;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#858585), to(#5f5f5f));
      background-image: -webkit-gradient(linear, left top, left bottom, from(#858585), to(#5f5f5f));
      background-image: linear-gradient(#858585, #5f5f5f);
      /* FF3.7+ */
      /* Opera 10.5 */
      -webkit-transition: background-color 0.2s ease-in-out;
      /* Saf3.2+, Chrome */
      transition: background-color 0.2s ease-in-out;
      text-decoration: none;
      color: #fff; }
    .mini-search input[type='submit']:active {
      background-color: #6c6c6c;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#5f5f5f), to(#6c6c6c));
      background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#6c6c6c));
      background-image: linear-gradient(#5f5f5f, #6c6c6c); }

.hidden {
  display: none !important; }

/* Accessability Fixes/Hacks */
a:link {
  outline: none;
  border: none; }

a:visited {
  outline: none;
  border: none; }

a:hover {
  outline: none;
  border: none; }

a:active {
  outline: none;
  border: none; }

a:focus {
  outline: orange solid medium;
  border: none; }

a:focus:-moz-focus-inner {
  border: none;
  outline: none; }

/* End */
.banner {
  position: relative; }
  .banner .pause-play:focus {
    display: block;
    border: 1px solid red; }
  .banner .flexslider {
    border: 0px;
    border-radius: 0px; }
    .banner .flexslider .slides li {
      height: 427px; }
      .banner .flexslider .slides li .headline {
        position: relative;
        z-index: 2;
        width: 551px;
        height: 427px;
        color: #fff; }
        .banner .flexslider .slides li .headline.green {
          background: url(../images/banner-bg-green2.png) no-repeat; }
        .banner .flexslider .slides li .headline.purple {
          background: url(../images/banner-bg-purple.png) no-repeat; }
        .banner .flexslider .slides li .headline.pink {
          background: url(../images/banner-bg-pink.png) no-repeat; }
        .banner .flexslider .slides li .headline.red {
          background: url(../images/banner-bg-red.png) no-repeat; }
        .banner .flexslider .slides li .headline.blue {
          background: url(../images/banner-bg-blue.png) no-repeat; }
      .banner .flexslider .slides li blockquote {
        font-family: MuseoSansRounded-900, Helvetica, Arial, sans-serif;
        quotes: none;
        color: #fff;
        margin: 0 0 20px 0;
        padding: 40px 40px 10px 40px; }
        .banner .flexslider .slides li blockquote:before, .banner .flexslider .slides li blockquote:after {
          content: " "; }
      .banner .flexslider .slides li cite {
        font-size: 24px;
        font-size: 2.4rem;
        font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif;
        padding: 0px 40px;
        position: relative;
        color: #fff;
        font-style: normal; }
      .banner .flexslider .slides li p {
        font-size: 19px;
        font-size: 1.9rem;
        font-family: MuseoSansRounded-500, Helvetica, Arial, sans-serif;
        position: relative;
        padding: 20px 0;
        margin: 30px 140px 30px 40px;
        border-top: 1px dotted #fff;
        border-bottom: 1px dotted #fff;
        color: #fff; }
      .banner .flexslider .slides li .button {
        background: rgba(0, 0, 0, 0.4);
        margin: 0 40px;
        position: relative; }
        .banner .flexslider .slides li .button:hover {
          background: rgba(0, 0, 0, 0.6); }
      .banner .flexslider .slides li img {
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 0; }
  .banner .flex-pauseplay {
    position: absolute;
    bottom: 35px;
    right: 20px;
    z-index: 22; }
    .banner .flex-pauseplay span {
      display: block;
      height: 39px;
      position: relative;
      text-indent: -99999px;
      width: 39px;
      z-index: 0; }
      .banner .flex-pauseplay span:hover {
        cursor: pointer; }
      .banner .flex-pauseplay span.pause {
        position: relative;
        z-index: 3; }
      .banner .flex-pauseplay span.play {
        background-image: url("../images/flexslider-play.png");
        position: relative;
        z-index: 3; }
    .banner .flex-pauseplay:after {
      background-image: url("../images/flexslider-pause.png");
      content: "";
      display: block;
      height: 39px;
      position: absolute;
      top: 0;
      width: 39px;
      z-index: 0; }
  .banner .flex-direction-nav li a {
    background-image: url(../images/bg_direction_nav.png); }
    .banner .flex-direction-nav li a.next {
      top: 170px;
      right: -68px; }
    .banner .flex-direction-nav li a.prev {
      top: 170px;
      left: -68px; }
  .banner .flex-control-nav {
    width: auto;
    bottom: 35px;
    right: 630px;
    z-index: 21; }
    .banner .flex-control-nav li a {
      background-image: url(../images/bg_control_nav.png); }
      .banner .flex-control-nav li a a.active {
        background-position: 0 -27px; }

.banner-inner {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .banner-inner .flexslider {
    border: 0px;
    border-radius: 0px; }
  .banner-inner .caption {
    background: #fff;
    width: 600px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 20px 20px 0 0;
    font-style: normal; }
    .banner-inner .caption p {
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 30px; }
    .banner-inner .caption h3 {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 30px; }

.banner-inner-sub {
  /* For modern browsers */
  zoom: 1;
  /* IE6/IE7 */
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .banner-inner-sub:before, .banner-inner-sub:after {
    content: "";
    display: table; }
  .banner-inner-sub:after {
    clear: both; }
  .banner-inner-sub img {
    float: left; }
  .banner-inner-sub .caption {
    background: white;
    bottom: 0px;
    padding: 0;
    float: left; }
    .banner-inner-sub .caption p {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 20px; }
    .banner-inner-sub .caption h3 {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 30px; }

.activity, .activity-inner {
  margin-bottom: 80px;
  position: relative; }
  .activity .flexslider, .activity-inner .flexslider {
    border: 0px; }
  .activity .flex-direction-nav li a, .activity-inner .flex-direction-nav li a {
    background-image: url(../images/bg_direction_nav_activity.png); }
    .activity .flex-direction-nav li a.next, .activity-inner .flex-direction-nav li a.next {
      top: 230px;
      right: -75px; }
    .activity .flex-direction-nav li a.prev, .activity-inner .flex-direction-nav li a.prev {
      top: 230px;
      left: -75px; }
  .activity .flex-control-nav, .activity-inner .flex-control-nav {
    position: relative;
    display: block;
    width: 50px;
    right: 0px;
    top: 20px;
    z-index: 3;
    height: 20px;
    margin: auto; }
    .activity .flex-control-nav li a, .activity-inner .flex-control-nav li a {
      background-image: url(../images/bg_control_nav_activity.png); }
      .activity .flex-control-nav li a a.active, .activity-inner .flex-control-nav li a a.active {
        background-position: 0 -27px; }

.activity-inner .flex-control-nav {
  display: block;
  width: auto;
  right: 0px; }

.activity-inner .flex-direction-nav li a {
  background-image: url(../images/bg_direction_nav_activity.png); }
  .activity-inner .flex-direction-nav li a.next {
    top: 100px;
    right: -40px; }
  .activity-inner .flex-direction-nav li a.prev {
    top: 100px;
    left: -40px; }

.blue-box, .activity section.twitter, .activity fieldset.twitter, .activity section.flickr, .activity fieldset.flickr, .activity section.facebook, .activity fieldset.facebook, .activity section.blog-post-CTA, .activity fieldset.blog-post-CTA, .activity section.news-item, .activity fieldset.news-item, .activity section.youtube, .activity fieldset.youtube, .activity section.tumblr, .activity fieldset.tumblr, .activity-inner section.twitter, .activity-inner fieldset.twitter, .activity-inner section.flickr, .activity-inner fieldset.flickr, .activity-inner section.facebook, .activity-inner fieldset.facebook, .activity-inner section.blog-post-CTA, .activity-inner fieldset.blog-post-CTA, .activity-inner section.news-item, .activity-inner fieldset.news-item, .activity-inner section.youtube, .activity-inner fieldset.youtube, .activity-inner section.tumblr, .activity-inner fieldset.tumblr {
  /* FF3.7+ */
  /* Opera 10.5 */
  -webkit-transition: background-color 0.7s ease-in-out;
  /* Saf3.2+, Chrome */
  transition: background-color 0.7s ease-in-out;
  background-color: #e5f6f4;
  margin-bottom: 10px; }
  .blue-box.longform a.block, .activity section.longform.twitter a.block, .activity fieldset.longform.twitter a.block, .activity section.longform.flickr a.block, .activity fieldset.longform.flickr a.block, .activity section.longform.facebook a.block, .activity fieldset.longform.facebook a.block, .activity section.longform.blog-post-CTA a.block, .activity fieldset.longform.blog-post-CTA a.block, .activity section.longform.news-item a.block, .activity fieldset.longform.news-item a.block, .activity section.longform.youtube a.block, .activity fieldset.longform.youtube a.block, .activity section.longform.tumblr a.block, .activity fieldset.longform.tumblr a.block, .activity-inner section.longform.twitter a.block, .activity-inner fieldset.longform.twitter a.block, .activity-inner section.longform.flickr a.block, .activity-inner fieldset.longform.flickr a.block, .activity-inner section.longform.facebook a.block, .activity-inner fieldset.longform.facebook a.block, .activity-inner section.longform.blog-post-CTA a.block, .activity-inner fieldset.longform.blog-post-CTA a.block, .activity-inner section.longform.news-item a.block, .activity-inner fieldset.longform.news-item a.block, .activity-inner section.longform.youtube a.block, .activity-inner fieldset.longform.youtube a.block, .activity-inner section.longform.tumblr a.block, .activity-inner fieldset.longform.tumblr a.block {
    height: 490px; }
  .blue-box.shortform a.block, .activity section.shortform.twitter a.block, .activity fieldset.shortform.twitter a.block, .activity section.shortform.flickr a.block, .activity fieldset.shortform.flickr a.block, .activity section.shortform.facebook a.block, .activity fieldset.shortform.facebook a.block, .activity section.shortform.blog-post-CTA a.block, .activity fieldset.shortform.blog-post-CTA a.block, .activity section.shortform.news-item a.block, .activity fieldset.shortform.news-item a.block, .activity section.shortform.youtube a.block, .activity fieldset.shortform.youtube a.block, .activity section.shortform.tumblr a.block, .activity fieldset.shortform.tumblr a.block, .activity-inner section.shortform.twitter a.block, .activity-inner fieldset.shortform.twitter a.block, .activity-inner section.shortform.flickr a.block, .activity-inner fieldset.shortform.flickr a.block, .activity-inner section.shortform.facebook a.block, .activity-inner fieldset.shortform.facebook a.block, .activity-inner section.shortform.blog-post-CTA a.block, .activity-inner fieldset.shortform.blog-post-CTA a.block, .activity-inner section.shortform.news-item a.block, .activity-inner fieldset.shortform.news-item a.block, .activity-inner section.shortform.youtube a.block, .activity-inner fieldset.shortform.youtube a.block, .activity-inner section.shortform.tumblr a.block, .activity-inner fieldset.shortform.tumblr a.block {
    height: 240px; }
  .blue-box.midform a.block, .activity section.midform.twitter a.block, .activity fieldset.midform.twitter a.block, .activity section.midform.flickr a.block, .activity fieldset.midform.flickr a.block, .activity section.midform.facebook a.block, .activity fieldset.midform.facebook a.block, .activity section.midform.blog-post-CTA a.block, .activity fieldset.midform.blog-post-CTA a.block, .activity section.midform.news-item a.block, .activity fieldset.midform.news-item a.block, .activity section.midform.youtube a.block, .activity fieldset.midform.youtube a.block, .activity section.midform.tumblr a.block, .activity fieldset.midform.tumblr a.block, .activity-inner section.midform.twitter a.block, .activity-inner fieldset.midform.twitter a.block, .activity-inner section.midform.flickr a.block, .activity-inner fieldset.midform.flickr a.block, .activity-inner section.midform.facebook a.block, .activity-inner fieldset.midform.facebook a.block, .activity-inner section.midform.blog-post-CTA a.block, .activity-inner fieldset.midform.blog-post-CTA a.block, .activity-inner section.midform.news-item a.block, .activity-inner fieldset.midform.news-item a.block, .activity-inner section.midform.youtube a.block, .activity-inner fieldset.midform.youtube a.block, .activity-inner section.midform.tumblr a.block, .activity-inner fieldset.midform.tumblr a.block {
    height: 240px; }
  .blue-box a.block, .activity section.twitter a.block, .activity fieldset.twitter a.block, .activity section.flickr a.block, .activity fieldset.flickr a.block, .activity section.facebook a.block, .activity fieldset.facebook a.block, .activity section.blog-post-CTA a.block, .activity fieldset.blog-post-CTA a.block, .activity section.news-item a.block, .activity fieldset.news-item a.block, .activity section.youtube a.block, .activity fieldset.youtube a.block, .activity section.tumblr a.block, .activity fieldset.tumblr a.block, .activity-inner section.twitter a.block, .activity-inner fieldset.twitter a.block, .activity-inner section.flickr a.block, .activity-inner fieldset.flickr a.block, .activity-inner section.facebook a.block, .activity-inner fieldset.facebook a.block, .activity-inner section.blog-post-CTA a.block, .activity-inner fieldset.blog-post-CTA a.block, .activity-inner section.news-item a.block, .activity-inner fieldset.news-item a.block, .activity-inner section.youtube a.block, .activity-inner fieldset.youtube a.block, .activity-inner section.tumblr a.block, .activity-inner fieldset.tumblr a.block {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */
    height: auto;
    text-decoration: none;
    display: block; }
    .blue-box a.block:before, .activity section.twitter a.block:before, .activity fieldset.twitter a.block:before, .activity section.flickr a.block:before, .activity fieldset.flickr a.block:before, .activity section.facebook a.block:before, .activity fieldset.facebook a.block:before, .activity section.blog-post-CTA a.block:before, .activity fieldset.blog-post-CTA a.block:before, .activity section.news-item a.block:before, .activity fieldset.news-item a.block:before, .activity section.youtube a.block:before, .activity fieldset.youtube a.block:before, .activity section.tumblr a.block:before, .activity fieldset.tumblr a.block:before, .activity-inner section.twitter a.block:before, .activity-inner fieldset.twitter a.block:before, .activity-inner section.flickr a.block:before, .activity-inner fieldset.flickr a.block:before, .activity-inner section.facebook a.block:before, .activity-inner fieldset.facebook a.block:before, .activity-inner section.blog-post-CTA a.block:before, .activity-inner fieldset.blog-post-CTA a.block:before, .activity-inner section.news-item a.block:before, .activity-inner fieldset.news-item a.block:before, .activity-inner section.youtube a.block:before, .activity-inner fieldset.youtube a.block:before, .activity-inner section.tumblr a.block:before, .activity-inner fieldset.tumblr a.block:before, .blue-box a.block:after, .activity section.twitter a.block:after, .activity fieldset.twitter a.block:after, .activity section.flickr a.block:after, .activity fieldset.flickr a.block:after, .activity section.facebook a.block:after, .activity fieldset.facebook a.block:after, .activity section.blog-post-CTA a.block:after, .activity fieldset.blog-post-CTA a.block:after, .activity section.news-item a.block:after, .activity fieldset.news-item a.block:after, .activity section.youtube a.block:after, .activity fieldset.youtube a.block:after, .activity section.tumblr a.block:after, .activity fieldset.tumblr a.block:after, .activity-inner section.twitter a.block:after, .activity-inner fieldset.twitter a.block:after, .activity-inner section.flickr a.block:after, .activity-inner fieldset.flickr a.block:after, .activity-inner section.facebook a.block:after, .activity-inner fieldset.facebook a.block:after, .activity-inner section.blog-post-CTA a.block:after, .activity-inner fieldset.blog-post-CTA a.block:after, .activity-inner section.news-item a.block:after, .activity-inner fieldset.news-item a.block:after, .activity-inner section.youtube a.block:after, .activity-inner fieldset.youtube a.block:after, .activity-inner section.tumblr a.block:after, .activity-inner fieldset.tumblr a.block:after {
      content: "";
      display: table; }
    .blue-box a.block:after, .activity section.twitter a.block:after, .activity fieldset.twitter a.block:after, .activity section.flickr a.block:after, .activity fieldset.flickr a.block:after, .activity section.facebook a.block:after, .activity fieldset.facebook a.block:after, .activity section.blog-post-CTA a.block:after, .activity fieldset.blog-post-CTA a.block:after, .activity section.news-item a.block:after, .activity fieldset.news-item a.block:after, .activity section.youtube a.block:after, .activity fieldset.youtube a.block:after, .activity section.tumblr a.block:after, .activity fieldset.tumblr a.block:after, .activity-inner section.twitter a.block:after, .activity-inner fieldset.twitter a.block:after, .activity-inner section.flickr a.block:after, .activity-inner fieldset.flickr a.block:after, .activity-inner section.facebook a.block:after, .activity-inner fieldset.facebook a.block:after, .activity-inner section.blog-post-CTA a.block:after, .activity-inner fieldset.blog-post-CTA a.block:after, .activity-inner section.news-item a.block:after, .activity-inner fieldset.news-item a.block:after, .activity-inner section.youtube a.block:after, .activity-inner fieldset.youtube a.block:after, .activity-inner section.tumblr a.block:after, .activity-inner fieldset.tumblr a.block:after {
      clear: both; }
  .blue-box h4, .activity section.twitter h4, .activity fieldset.twitter h4, .activity section.flickr h4, .activity fieldset.flickr h4, .activity section.facebook h4, .activity fieldset.facebook h4, .activity section.blog-post-CTA h4, .activity fieldset.blog-post-CTA h4, .activity section.news-item h4, .activity fieldset.news-item h4, .activity section.youtube h4, .activity fieldset.youtube h4, .activity section.tumblr h4, .activity fieldset.tumblr h4, .activity-inner section.twitter h4, .activity-inner fieldset.twitter h4, .activity-inner section.flickr h4, .activity-inner fieldset.flickr h4, .activity-inner section.facebook h4, .activity-inner fieldset.facebook h4, .activity-inner section.blog-post-CTA h4, .activity-inner fieldset.blog-post-CTA h4, .activity-inner section.news-item h4, .activity-inner fieldset.news-item h4, .activity-inner section.youtube h4, .activity-inner fieldset.youtube h4, .activity-inner section.tumblr h4, .activity-inner fieldset.tumblr h4 {
    margin: 15px 20px 10px 20px;
    padding: 0 0 0 28px;
    background-image: url(../images/activity-sprite.png);
    background-repeat: no-repeat; }
  .blue-box h5, .activity section.twitter h5, .activity fieldset.twitter h5, .activity section.flickr h5, .activity fieldset.flickr h5, .activity section.facebook h5, .activity fieldset.facebook h5, .activity section.blog-post-CTA h5, .activity fieldset.blog-post-CTA h5, .activity section.news-item h5, .activity fieldset.news-item h5, .activity section.youtube h5, .activity fieldset.youtube h5, .activity section.tumblr h5, .activity fieldset.tumblr h5, .activity-inner section.twitter h5, .activity-inner fieldset.twitter h5, .activity-inner section.flickr h5, .activity-inner fieldset.flickr h5, .activity-inner section.facebook h5, .activity-inner fieldset.facebook h5, .activity-inner section.blog-post-CTA h5, .activity-inner fieldset.blog-post-CTA h5, .activity-inner section.news-item h5, .activity-inner fieldset.news-item h5, .activity-inner section.youtube h5, .activity-inner fieldset.youtube h5, .activity-inner section.tumblr h5, .activity-inner fieldset.tumblr h5 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0px 20px 10px 20px;
    font-family: MuseoSansRounded-900, Helvetica, Arial, sans-serif; }
  .blue-box p, .activity section.twitter p, .activity fieldset.twitter p, .activity section.flickr p, .activity fieldset.flickr p, .activity section.facebook p, .activity fieldset.facebook p, .activity section.blog-post-CTA p, .activity fieldset.blog-post-CTA p, .activity section.news-item p, .activity fieldset.news-item p, .activity section.youtube p, .activity fieldset.youtube p, .activity section.tumblr p, .activity fieldset.tumblr p, .activity-inner section.twitter p, .activity-inner fieldset.twitter p, .activity-inner section.flickr p, .activity-inner fieldset.flickr p, .activity-inner section.facebook p, .activity-inner fieldset.facebook p, .activity-inner section.blog-post-CTA p, .activity-inner fieldset.blog-post-CTA p, .activity-inner section.news-item p, .activity-inner fieldset.news-item p, .activity-inner section.youtube p, .activity-inner fieldset.youtube p, .activity-inner section.tumblr p, .activity-inner fieldset.tumblr p {
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: color 0.2s ease-in-out;
    padding: 0 0px;
    margin: 0px 20px 10px 20px; }
  .blue-box ul, .activity section.twitter ul, .activity fieldset.twitter ul, .activity section.flickr ul, .activity fieldset.flickr ul, .activity section.facebook ul, .activity fieldset.facebook ul, .activity section.blog-post-CTA ul, .activity fieldset.blog-post-CTA ul, .activity section.news-item ul, .activity fieldset.news-item ul, .activity section.youtube ul, .activity fieldset.youtube ul, .activity section.tumblr ul, .activity fieldset.tumblr ul, .activity-inner section.twitter ul, .activity-inner fieldset.twitter ul, .activity-inner section.flickr ul, .activity-inner fieldset.flickr ul, .activity-inner section.facebook ul, .activity-inner fieldset.facebook ul, .activity-inner section.blog-post-CTA ul, .activity-inner fieldset.blog-post-CTA ul, .activity-inner section.news-item ul, .activity-inner fieldset.news-item ul, .activity-inner section.youtube ul, .activity-inner fieldset.youtube ul, .activity-inner section.tumblr ul, .activity-inner fieldset.tumblr ul {
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: color 0.2s ease-in-out;
    padding: 0 0px;
    margin: 20px 20px 10px 20px; }
  .blue-box time, .activity section.twitter time, .activity fieldset.twitter time, .activity section.flickr time, .activity fieldset.flickr time, .activity section.facebook time, .activity fieldset.facebook time, .activity section.blog-post-CTA time, .activity fieldset.blog-post-CTA time, .activity section.news-item time, .activity fieldset.news-item time, .activity section.youtube time, .activity fieldset.youtube time, .activity section.tumblr time, .activity fieldset.tumblr time, .activity-inner section.twitter time, .activity-inner fieldset.twitter time, .activity-inner section.flickr time, .activity-inner fieldset.flickr time, .activity-inner section.facebook time, .activity-inner fieldset.facebook time, .activity-inner section.blog-post-CTA time, .activity-inner fieldset.blog-post-CTA time, .activity-inner section.news-item time, .activity-inner fieldset.news-item time, .activity-inner section.youtube time, .activity-inner fieldset.youtube time, .activity-inner section.tumblr time, .activity-inner fieldset.tumblr time {
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: color 0.2s ease-in-out;
    padding: 0 0px;
    margin: 0px; }
  .blue-box img, .activity section.twitter img, .activity fieldset.twitter img, .activity section.flickr img, .activity fieldset.flickr img, .activity section.facebook img, .activity fieldset.facebook img, .activity section.blog-post-CTA img, .activity fieldset.blog-post-CTA img, .activity section.news-item img, .activity fieldset.news-item img, .activity section.youtube img, .activity fieldset.youtube img, .activity section.tumblr img, .activity fieldset.tumblr img, .activity-inner section.twitter img, .activity-inner fieldset.twitter img, .activity-inner section.flickr img, .activity-inner fieldset.flickr img, .activity-inner section.facebook img, .activity-inner fieldset.facebook img, .activity-inner section.blog-post-CTA img, .activity-inner fieldset.blog-post-CTA img, .activity-inner section.news-item img, .activity-inner fieldset.news-item img, .activity-inner section.youtube img, .activity-inner fieldset.youtube img, .activity-inner section.tumblr img, .activity-inner fieldset.tumblr img {
    padding: 0 20px 10px; }
  .blue-box:hover, .activity section.twitter:hover, .activity fieldset.twitter:hover, .activity section.flickr:hover, .activity fieldset.flickr:hover, .activity section.facebook:hover, .activity fieldset.facebook:hover, .activity section.blog-post-CTA:hover, .activity fieldset.blog-post-CTA:hover, .activity section.news-item:hover, .activity fieldset.news-item:hover, .activity section.youtube:hover, .activity fieldset.youtube:hover, .activity section.tumblr:hover, .activity fieldset.tumblr:hover, .activity-inner section.twitter:hover, .activity-inner fieldset.twitter:hover, .activity-inner section.flickr:hover, .activity-inner fieldset.flickr:hover, .activity-inner section.facebook:hover, .activity-inner fieldset.facebook:hover, .activity-inner section.blog-post-CTA:hover, .activity-inner fieldset.blog-post-CTA:hover, .activity-inner section.news-item:hover, .activity-inner fieldset.news-item:hover, .activity-inner section.youtube:hover, .activity-inner fieldset.youtube:hover, .activity-inner section.tumblr:hover, .activity-inner fieldset.tumblr:hover {
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: background-color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: background-color 0.2s ease-in-out;
    background-color: #ceeeea; }

.activity section.twitter.shortform, .activity fieldset.twitter.shortform, .activity-inner section.twitter.shortform, .activity-inner fieldset.twitter.shortform {
  height: 240px; }
  .activity section.twitter.shortform a.block, .activity fieldset.twitter.shortform a.block, .activity-inner section.twitter.shortform a.block, .activity-inner fieldset.twitter.shortform a.block {
    height: 80px; }
  .activity section.twitter.shortform.tweet, .activity fieldset.twitter.shortform.tweet, .activity-inner section.twitter.shortform.tweet, .activity-inner fieldset.twitter.shortform.tweet {
    height: 130px; }

.activity .twitter h4, .activity-inner .twitter h4 {
  background-position: 0 2px; }

.activity .twitter h5, .activity-inner .twitter h5 {
  word-wrap: break-word;
  /* Opera */
  text-overflow: ellipsis;
  /* IE, Safari (WebKit) */
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */ }

.activity .twitter .tweet p, .activity-inner .twitter .tweet p {
  max-height: 80px;
  overflow: hidden; }

.activity .twitter ul.retweetandreply, .activity-inner .twitter ul.retweetandreply {
  position: absolute;
  bottom: 0px;
  list-style: none;
  padding-left: 0px; }
  .activity .twitter ul.retweetandreply li, .activity-inner .twitter ul.retweetandreply li {
    float: left;
    margin-right: 10px; }
    .activity .twitter ul.retweetandreply li a, .activity-inner .twitter ul.retweetandreply li a {
      font-size: 13px;
      font-size: 1.3rem;
      color: #3e4850;
      background: url(../images/tweet-sprite.png) 0 0 no-repeat;
      padding: 0 0 0 15px; }
      .activity .twitter ul.retweetandreply li a.retweet, .activity-inner .twitter ul.retweetandreply li a.retweet {
        background-position: 0px -48px;
        padding: 0 0 0 20px; }
      .activity .twitter ul.retweetandreply li a.reply, .activity-inner .twitter ul.retweetandreply li a.reply {
        background-position: 0px 2px; }

.activity .flickr h4, .activity-inner .flickr h4 {
  background-position: 0 -48px; }

.activity .flickr h5, .activity-inner .flickr h5 {
  word-wrap: break-word;
  /* Opera */
  text-overflow: ellipsis;
  /* IE, Safari (WebKit) */
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */ }

.activity .facebook h4, .activity-inner .facebook h4 {
  background-position: 0 -98px; }

.activity .facebook time, .activity-inner .facebook time {
  position: absolute;
  bottom: 10px; }

.activity .blog-post-CTA h4, .activity-inner .blog-post-CTA h4 {
  background-position: 0 -147px; }

.activity .news-item h4, .activity-inner .news-item h4 {
  background-position: 0 -198px; }

.activity .news-item time, .activity-inner .news-item time {
  position: absolute;
  bottom: 10px; }

.activity .youtube h4, .activity-inner .youtube h4 {
  background-position: 0 -248px; }

.activity .youtube.shortform h5, .activity-inner .youtube.shortform h5 {
  word-wrap: break-word;
  /* Opera */
  text-overflow: ellipsis;
  /* IE, Safari (WebKit) */
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */ }

.activity .youtube.shortform .video, .activity-inner .youtube.shortform .video {
  position: relative;
  width: 193px;
  height: 120px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px; }
  .activity .youtube.shortform .video iframe,
  .activity .youtube.shortform .video object,
  .activity .youtube.shortform .video embed, .activity-inner .youtube.shortform .video iframe,
  .activity-inner .youtube.shortform .video object,
  .activity-inner .youtube.shortform .video embed {
    width: 193px;
    height: 120px; }

.activity .youtube.longform h5, .activity-inner .youtube.longform h5 {
  word-wrap: break-word;
  /* Opera */
  text-overflow: ellipsis;
  /* IE, Safari (WebKit) */
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */ }

.activity .youtube.longform .video, .activity-inner .youtube.longform .video {
  position: relative;
  width: 436px;
  height: 291px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px; }
  .activity .youtube.longform .video iframe,
  .activity .youtube.longform .video object,
  .activity .youtube.longform .video embed, .activity-inner .youtube.longform .video iframe,
  .activity-inner .youtube.longform .video object,
  .activity-inner .youtube.longform .video embed {
    width: 436px;
    height: 291px; }

.activity .youtube p, .activity-inner .youtube p {
  padding: 0px !important; }

.activity .youtube time, .activity-inner .youtube time {
  position: absolute;
  bottom: 10px; }

.activity .youtube ul.videochannel, .activity-inner .youtube ul.videochannel {
  position: absolute;
  bottom: 25px;
  list-style: none;
  padding-left: 0px; }
  .activity .youtube ul.videochannel li, .activity-inner .youtube ul.videochannel li {
    float: left;
    margin-right: 10px; }
    .activity .youtube ul.videochannel li a, .activity-inner .youtube ul.videochannel li a {
      font-size: 13px;
      font-size: 1.3rem;
      color: #3e4850;
      background: url(../images/youtubechannel-sprite.png) 0 0 no-repeat;
      padding: 0 0 0 15px;
      background-position: 0px -50px;
      padding: 0 0 0 20px; }

.activity a.block:focus,
.activity a.block:active, .activity-inner a.block:focus,
.activity-inner a.block:active {
  background-color: #ceeeea; }

aside .youtube.shortform .video {
  margin: 0px 0 10px 0; }

.tumblr h4 {
  background-position: 0 -198px; }

.tumblr h5 {
  word-wrap: break-word;
  /* Opera */
  text-overflow: ellipsis;
  /* IE, Safari (WebKit) */
  overflow: hidden;
  /* don't show excess chars */
  white-space: nowrap;
  /* force single line */ }

.tumblr time {
  position: absolute;
  bottom: 10px; }

.cookie-notification {
  position: fixed;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 2rem 4rem;
  background-color: #858585;
  z-index: 9999;
  box-sizing: border-box;
  display: none; }
  .cookie-notification.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .cookie-notification__text {
    max-width: 80%; }
  .cookie-notification__button {
    margin-bottom: 0; }

.cta-list, #content #maincontent .cta-list {
  /* For modern browsers */
  zoom: 1;
  /* IE6/IE7 */ }
  .cta-list:before, #content #maincontent .cta-list:before, .cta-list:after, #content #maincontent .cta-list:after {
    content: "";
    display: table; }
  .cta-list:after, #content #maincontent .cta-list:after {
    clear: both; }

.cta {
  margin-bottom: 20px; }
  .cta figure {
    margin-bottom: 10px; }
    .cta figure img {
      width: 233px; }
  .cta a:hover {
    text-decoration: underline; }
  .cta p {
    font-size: 14px;
    font-size: 1.4rem; }
  .cta.person span {
    width: 150px;
    height: 150px;
    display: block;
    overflow: hidden;
    margin: auto;
    margin-bottom: 20px; }
    .cta.person span img {
      width: auto !important;
      left: 0px;
      margin-left: -40px; }

aside .cta, #sidenav .cta {
  width: 193px; }
  aside .cta img, #sidenav .cta img {
    width: 193px; }
  aside .cta.related-news time, #sidenav .cta.related-news time {
    margin-top: 0px; }

.news-listing .news-item {
  /* FF3.7+ */
  /* Opera 10.5 */
  -webkit-transition: background-color 0.7s ease-in-out;
  /* Saf3.2+, Chrome */
  transition: background-color 0.7s ease-in-out;
  background-color: #e5f6f4;
  margin-bottom: 10px; }
  .news-listing .news-item.longform a.block {
    height: 490px; }
  .news-listing .news-item.longform p {
    display: none; }
  .news-listing .news-item.shortform a.block {
    height: 260px; }
  .news-listing .news-item.midform a.block {
    height: 260px; }
  .news-listing .news-item a.block {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */
    height: auto;
    text-decoration: none;
    display: block; }
    .news-listing .news-item a.block:before, .news-listing .news-item a.block:after {
      content: "";
      display: table; }
    .news-listing .news-item a.block:after {
      clear: both; }
  .news-listing .news-item h4 {
    margin: 15px 20px 10px 20px;
    padding: 0 0 0 28px;
    background-image: url(../images/activity-sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -198px; }
  .news-listing .news-item h5 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0px 20px 10px 20px;
    font-family: MuseoSansRounded-900, Helvetica, Arial, sans-serif; }
  .news-listing .news-item p {
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: color 0.2s ease-in-out;
    padding: 0 0px;
    margin: 0px 20px 10px 20px; }
  .news-listing .news-item ul {
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: color 0.2s ease-in-out;
    padding: 0 0px;
    margin: 20px 20px 10px 20px; }
  .news-listing .news-item time {
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: color 0.2s ease-in-out;
    padding: 0 0px;
    display: inline;
    margin: 0px 20px 0px 20px;
    position: absolute;
    bottom: 10px;
    left: 0; }
  .news-listing .news-item .image-wrapper {
    max-height: 326px;
    overflow: hidden; }
    .news-listing .news-item .image-wrapper img {
      float: left;
      padding: 0 20px 5px; }
  .news-listing .news-item:hover {
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: background-color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: background-color 0.2s ease-in-out;
    background-color: #ceeeea; }

.news-ticker {
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #ddd;
  position: relative; }
  .news-ticker .flexslider {
    border: 0px; }
    .news-ticker .flexslider p {
      margin-bottom: 0px; }
    .news-ticker .flexslider a {
      margin-bottom: 0px; }
    .news-ticker .flexslider span.date {
      border-radius: 4px;
      background-color: #152b43;
      background-repeat: repeat-x;
      background-image: -khtml-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
      background-image: -webkit-gradient(linear, left top, left bottom, from(#21446A), to(#152b43));
      background-image: linear-gradient(#21446A, #152b43);
      border: 0px solid #0f1f30;
      padding: 5px 20px 5px 20px;
      color: #fff;
      display: inline-block;
      cursor: default;
      text-decoration: none;
      font-weight: bold;
      line-height: 20px;
      margin-right: 10px; }
      .news-ticker .flexslider span.date time {
        color: #ffffff; }
  .news-ticker .flex-direction-nav {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 0px; }
    .news-ticker .flex-direction-nav li a {
      background-image: url(../images/bg_direction_nav_activity.png); }
      .news-ticker .flex-direction-nav li a.next {
        right: -12px; }
      .news-ticker .flex-direction-nav li a.prev {
        right: 12px;
        left: auto; }
  .news-ticker .flex-control-nav {
    display: block;
    width: auto;
    right: 17px;
    top: -89px;
    z-index: 3;
    height: 20px; }
    .news-ticker .flex-control-nav li a {
      background-image: url(../images/bg_control_nav_activity.png); }
      .news-ticker .flex-control-nav li a a.active {
        background-position: 0 -27px; }
  .news-ticker .flex-pauseplay {
    position: absolute;
    z-index: 2;
    top: 7px;
    right: 60px; }
    .news-ticker .flex-pauseplay:after {
      content: "";
      top: 0px;
      position: absolute;
      display: block;
      width: 39px;
      height: 39px;
      background-image: url(../images/flexslider-pause.png);
      z-index: 0; }
    .news-ticker .flex-pauseplay span {
      position: relative;
      text-indent: -99999px;
      display: block;
      width: 39px;
      height: 39px; }
      .news-ticker .flex-pauseplay span.play {
        position: relative;
        background-image: url(../images/flexslider-play.png);
        z-index: 3; }
      .news-ticker .flex-pauseplay span.pause {
        position: relative;
        z-index: 3; }
      .news-ticker .flex-pauseplay span:hover {
        cursor: pointer; }

.rss-container {
  position: relative;
  background-color: #e5f6f4;
  padding: 5px;
  margin: 0 0 10px 0;
  height: 20px; }
  .rss-container .lnk-rss {
    position: absolute;
    right: 10px;
    top: 5px;
    background: url(../images/rssfeed-small.png) 0 0 no-repeat;
    display: block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    text-indent: -9999px; }

.pause {
  width: 0px;
  height: 0px;
  background-image: url(../images/flexslider-load.png);
  -webkit-animation: rotateOut 4s 0 normal linear infinite;
  animation: rotateOut 4s 0 normal linear infinite;
  -moz-animation-fill-mode: both;
  /* Firefox */
  -moz-animation-duration: 4s;
  /* Firefox */
  -moz-animation-timing-function: linear;
  /* Firefox */
  -moz-animation-iteration-count: infinite;
  /* Firefox */ }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0deg);
    opacity: 0; }
  50% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(180deg);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(360deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    opacity: 0; }
  50% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    opacity: 1; }
  100% {
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    opacity: 0; } }

.pause {
  display: none;
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

#contact-form, #booking-form section, #booking-form fieldset, #login-form, #register-form, .members-area {
  padding: 20px;
  background: #e5f5f3;
  margin-bottom: 20px; }
  #contact-form .required, #booking-form section .required, #booking-form fieldset .required, #login-form .required, #register-form .required, .members-area .required {
    color: #eb012a;
    font-size: 14pt;
    font-weight: bold; }
  #contact-form label, #booking-form section label, #booking-form fieldset label, #login-form label, #register-form label, .members-area label {
    display: block;
    vertical-align: top;
    margin-bottom: 3px;
    font-size: 14px;
    font-size: 1.4rem; }
  #contact-form input[type="text"],
  #contact-form input[type="email"],
  #contact-form input[type="password"],
  #contact-form textarea, #booking-form section input[type="text"], #booking-form fieldset input[type="text"],
  #booking-form section input[type="email"],
  #booking-form fieldset input[type="email"],
  #booking-form section input[type="password"],
  #booking-form fieldset input[type="password"],
  #booking-form section textarea,
  #booking-form fieldset textarea, #login-form input[type="text"],
  #login-form input[type="email"],
  #login-form input[type="password"],
  #login-form textarea, #register-form input[type="text"],
  #register-form input[type="email"],
  #register-form input[type="password"],
  #register-form textarea, .members-area input[type="text"],
  .members-area input[type="email"],
  .members-area input[type="password"],
  .members-area textarea {
    float: left;
    padding: 10px; }
    #contact-form input[type="text"]:focus, #contact-form input[type="text"]:active,
    #contact-form input[type="email"]:focus,
    #contact-form input[type="email"]:active,
    #contact-form input[type="password"]:focus,
    #contact-form input[type="password"]:active,
    #contact-form textarea:focus,
    #contact-form textarea:active, #booking-form section input[type="text"]:focus, #booking-form fieldset input[type="text"]:focus, #booking-form section input[type="text"]:active, #booking-form fieldset input[type="text"]:active,
    #booking-form section input[type="email"]:focus,
    #booking-form fieldset input[type="email"]:focus,
    #booking-form section input[type="email"]:active,
    #booking-form fieldset input[type="email"]:active,
    #booking-form section input[type="password"]:focus,
    #booking-form fieldset input[type="password"]:focus,
    #booking-form section input[type="password"]:active,
    #booking-form fieldset input[type="password"]:active,
    #booking-form section textarea:focus,
    #booking-form fieldset textarea:focus,
    #booking-form section textarea:active,
    #booking-form fieldset textarea:active, #login-form input[type="text"]:focus, #login-form input[type="text"]:active,
    #login-form input[type="email"]:focus,
    #login-form input[type="email"]:active,
    #login-form input[type="password"]:focus,
    #login-form input[type="password"]:active,
    #login-form textarea:focus,
    #login-form textarea:active, #register-form input[type="text"]:focus, #register-form input[type="text"]:active,
    #register-form input[type="email"]:focus,
    #register-form input[type="email"]:active,
    #register-form input[type="password"]:focus,
    #register-form input[type="password"]:active,
    #register-form textarea:focus,
    #register-form textarea:active, .members-area input[type="text"]:focus, .members-area input[type="text"]:active,
    .members-area input[type="email"]:focus,
    .members-area input[type="email"]:active,
    .members-area input[type="password"]:focus,
    .members-area input[type="password"]:active,
    .members-area textarea:focus,
    .members-area textarea:active {
      border: 1px solid #4879AC; }
  #contact-form input:-webkit-autofill, #booking-form section input:-webkit-autofill, #booking-form fieldset input:-webkit-autofill, #login-form input:-webkit-autofill, #register-form input:-webkit-autofill, .members-area input:-webkit-autofill {
    background-color: white !important; }
  #contact-form select, #booking-form section select, #booking-form fieldset select, #login-form select, #register-form select, .members-area select {
    float: left; }
  #contact-form textarea, #booking-form section textarea, #booking-form fieldset textarea, #login-form textarea, #register-form textarea, .members-area textarea {
    width: 60%;
    height: 150px; }
  #contact-form .field, #booking-form section .field, #booking-form fieldset .field, #login-form .field, #register-form .field, .members-area .field {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    #contact-form .field:before, #contact-form .field:after, #booking-form section .field:before, #booking-form fieldset .field:before, #booking-form section .field:after, #booking-form fieldset .field:after, #login-form .field:before, #login-form .field:after, #register-form .field:before, #register-form .field:after, .members-area .field:before, .members-area .field:after {
      content: "";
      display: table; }
    #contact-form .field:after, #booking-form section .field:after, #booking-form fieldset .field:after, #login-form .field:after, #register-form .field:after, .members-area .field:after {
      clear: both; }
    #contact-form .field input[type="submit"], #booking-form section .field input[type="submit"], #booking-form fieldset .field input[type="submit"], #login-form .field input[type="submit"], #register-form .field input[type="submit"], .members-area .field input[type="submit"] {
      float: left;
      margin-top: 7px; }
  #contact-form .field-checkboxlist ul, #booking-form section .field-checkboxlist ul, #booking-form fieldset .field-checkboxlist ul, #login-form .field-checkboxlist ul, #register-form .field-checkboxlist ul, .members-area .field-checkboxlist ul {
    float: left;
    width: 197px; }
  #contact-form input[type="radio"], #booking-form section input[type="radio"], #booking-form fieldset input[type="radio"], #login-form input[type="radio"], #register-form input[type="radio"], .members-area input[type="radio"] {
    float: left;
    margin: 11px 8px 0px 0px; }
  #contact-form input[type="checkbox"], #booking-form section input[type="checkbox"], #booking-form fieldset input[type="checkbox"], #login-form input[type="checkbox"], #register-form input[type="checkbox"], .members-area input[type="checkbox"] {
    float: left;
    margin: 11px 8px 0px 0px; }
  #contact-form input[type="submit"], #booking-form section input[type="submit"], #booking-form fieldset input[type="submit"], #login-form input[type="submit"], #register-form input[type="submit"], .members-area input[type="submit"] {
    margin-right: 8px;
    margin-bottom: 20px; }
  #contact-form h2, #contact-form legend span.legend, legend #contact-form span.legend, #booking-form section h2, #booking-form fieldset h2, #booking-form section legend span.legend, legend #booking-form section span.legend, #booking-form fieldset legend span.legend, legend #booking-form fieldset span.legend, #login-form h2, #login-form legend span.legend, legend #login-form span.legend, #register-form h2, #register-form legend span.legend, legend #register-form span.legend, .members-area h2, .members-area legend span.legend, legend .members-area span.legend {
    background: transparent url(../images/border.png) 0 0 repeat-x;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    font-size: 30px;
    font-size: 3rem;
    font-family: MuseoSansRounded-500, Helvetica, Arial, sans-serif; }
  #contact-form h4, #booking-form section h4, #booking-form fieldset h4, #login-form h4, #register-form h4, .members-area h4 {
    color: #21446A;
    font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif; }
  #contact-form h5, #booking-form section h5, #booking-form fieldset h5, #login-form h5, #register-form h5, .members-area h5 {
    margin-bottom: 20px;
    color: #455560;
    font-size: 18px;
    font-size: 1.8rem; }
  #contact-form .honeypot, #booking-form section .honeypot, #booking-form fieldset .honeypot, #login-form .honeypot, #register-form .honeypot, .members-area .honeypot {
    display: none; }
    #contact-form .honeypot input, #booking-form section .honeypot input, #booking-form fieldset .honeypot input, #login-form .honeypot input, #register-form .honeypot input, .members-area .honeypot input {
      float: none;
      margin-bottom: 20px; }

#booking-form section select, #booking-form fieldset select {
  float: none; }

#booking-form h3 {
  margin-top: 30px; }

#register-form {
  position: relative;
  min-height: 1670px;
  overflow: hidden; }
  #register-form .inline-link {
    float: left; }
  #register-form .extra-fields {
    display: none; }
  #register-form #membership {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */
    clear: left; }
    #register-form #membership:before, #register-form #membership:after {
      content: "";
      display: table; }
    #register-form #membership:after {
      clear: both; }
  #register-form #membership-type {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 476px;
    margin-left: 0;
    margin-right: 0; }
  #register-form #membership-fields {
    width: 500px;
    float: left; }
    #register-form #membership-fields textarea {
      width: 99%; }
  #register-form #membership-info {
    display: inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    width: 314px;
    float: right;
    background: #fff; }
    #register-form #membership-info .body-text {
      padding: 20px; }
    #register-form #membership-info:before {
      position: absolute;
      content: "";
      left: -13px;
      top: 12px;
      display: block;
      height: 40px;
      width: 40px;
      background: transparent url(../images/info-arrow.png) 0px 0px no-repeat; }
  #register-form input[type="text"] {
    width: 314px; }
  #register-form p {
    max-width: 557px; }

#contact-widget {
  padding-bottom: 20px;
  margin-bottom: 20px; }
  #contact-widget #map_canvas #bodyContent {
    width: 350px; }
  #contact-widget .map {
    margin-bottom: 10px; }
  #contact-widget .vcard {
    padding: 20px 0px; }
    #contact-widget .vcard .adr, #contact-widget .vcard .tel, #contact-widget .vcard .email {
      margin-bottom: 10px; }
  #contact-widget .read-more {
    margin-bottom: 20px; }
  #contact-widget .map {
    float: right; }
    #contact-widget .map a {
      font-size: 8px;
      font-size: 0.8rem;
      opacity: 0.4; }
  #contact-widget h4 {
    padding-top: 20px; }
  #contact-widget h3 {
    padding-top: 20px;
    cursor: pointer; }

#booking-form section, #booking-form fieldset, .members-area section, .members-area fieldset {
  margin-bottom: 20px; }

#booking-form h2, #booking-form legend span.legend, legend #booking-form span.legend, .members-area h2, .members-area legend span.legend, legend .members-area span.legend {
  background: none !important;
  margin: 0px 0 0 0 !important;
  padding: 0px 0 0 0 !important; }

#booking-form table, .members-area table {
  background-image: url(../images/border.png), url(../images/border.png);
  background-position: top left, bottom left;
  background-repeat: repeat-x;
  border: 0px; }
  #booking-form table td, .members-area table td {
    border: 0px !important; }
  #booking-form table tfoot, .members-area table tfoot {
    background: transparent url(../images/border.png) 0 0 repeat-x;
    font-style: normal;
    font-weight: bold; }
  #booking-form table dl dt, .members-area table dl dt {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    color: #21446A; }
  #booking-form table dl dd, .members-area table dl dd {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem; }

#booking-form .deligates li, .members-area .deligates li {
  margin-bottom: 20px;
  clear: both; }

#booking-form .deligates label, .members-area .deligates label {
  width: 200px;
  float: left;
  margin-right: 20px; }

#booking-form .deligates strong, .members-area .deligates strong {
  display: block; }

.members-area h5 {
  margin-bottom: 0px; }

.members-area time {
  margin-top: 0px;
  color: #455560;
  font-style: normal;
  font-family: Helvetica, Arial; }

.members-area table {
  border: 0px; }
  .members-area table th {
    border-right: 0px;
    border-bottom: 1px dotted #ccc;
    padding-left: 0px; }
  .members-area table tr td {
    border-right: 0px;
    border-bottom: 0px;
    padding-left: 0px; }

.field-checkbox label {
  float: left; }

.field-error {
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 3px;
  font-style: italic;
  margin-left: 0;
  vertical-align: middle;
  display: none;
  background: #ceeeea url(../images/error-sprite.png) 0px -40px no-repeat;
  float: left;
  padding: 10px 15px 10px 40px;
  margin: 3px 10px;
  overflow: visible;
  position: relative; }
  .field-error:before {
    position: absolute;
    content: "";
    left: -13px;
    top: 12px;
    display: block;
    height: 40px;
    width: 40px;
    background: transparent url(../images/error-arrow.png) 0px 0px no-repeat; }

.summary-error {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
  vertical-align: middle;
  font-style: italic;
  padding: 10px 15px 10px 40px;
  margin: 10px 0;
  background: #ceeeea url(../images/error-sprite.png) 0px -40px no-repeat;
  border-radius: 3px; }

.field-requirements {
  padding-top: 10px; }

fieldset {
  border: 0 none;
  padding: 0;
  margin: 0; }

legend {
  border: 0 none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden; }
  legend span.legend {
    display: block; }

.ul-float, .training-item ul {
  float: left;
  width: 300px; }

.listing-list, .events-listing, .training-and-events-listing, .training-listing, .nvo-listing, .job-listing, .scheme-listing, .people-listing, .search-listing, .trainer-listing {
  margin-bottom: 20px;
  clear: both; }
  .listing-list .filter, .events-listing .filter, .training-and-events-listing .filter, .training-listing .filter, .nvo-listing .filter, .job-listing .filter, .scheme-listing .filter, .people-listing .filter, .search-listing .filter, .trainer-listing .filter {
    color: #455560;
    background: #e5f5f3;
    padding: 20px;
    margin-bottom: 10px;
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    .listing-list .filter:before, .events-listing .filter:before, .training-and-events-listing .filter:before, .training-listing .filter:before, .nvo-listing .filter:before, .job-listing .filter:before, .scheme-listing .filter:before, .people-listing .filter:before, .search-listing .filter:before, .trainer-listing .filter:before, .listing-list .filter:after, .events-listing .filter:after, .training-and-events-listing .filter:after, .training-listing .filter:after, .nvo-listing .filter:after, .job-listing .filter:after, .scheme-listing .filter:after, .people-listing .filter:after, .search-listing .filter:after, .trainer-listing .filter:after {
      content: "";
      display: table; }
    .listing-list .filter:after, .events-listing .filter:after, .training-and-events-listing .filter:after, .training-listing .filter:after, .nvo-listing .filter:after, .job-listing .filter:after, .scheme-listing .filter:after, .people-listing .filter:after, .search-listing .filter:after, .trainer-listing .filter:after {
      clear: both; }
    .listing-list .filter .form, .events-listing .filter .form, .training-and-events-listing .filter .form, .training-listing .filter .form, .nvo-listing .filter .form, .job-listing .filter .form, .scheme-listing .filter .form, .people-listing .filter .form, .search-listing .filter .form, .trainer-listing .filter .form {
      margin-bottom: 20px; }
      .listing-list .filter .form input, .events-listing .filter .form input, .training-and-events-listing .filter .form input, .training-listing .filter .form input, .nvo-listing .filter .form input, .job-listing .filter .form input, .scheme-listing .filter .form input, .people-listing .filter .form input, .search-listing .filter .form input, .trainer-listing .filter .form input {
        margin: 0px;
        border: 0px;
        padding: 5px; }
      .listing-list .filter .form input[type="submit"], .events-listing .filter .form input[type="submit"], .training-and-events-listing .filter .form input[type="submit"], .training-listing .filter .form input[type="submit"], .nvo-listing .filter .form input[type="submit"], .job-listing .filter .form input[type="submit"], .scheme-listing .filter .form input[type="submit"], .people-listing .filter .form input[type="submit"], .search-listing .filter .form input[type="submit"], .trainer-listing .filter .form input[type="submit"] {
        background: rgba(0, 0, 0, 0.6);
        margin: 0;
        position: relative; }
    .listing-list .filter select, .events-listing .filter select, .training-and-events-listing .filter select, .training-listing .filter select, .nvo-listing .filter select, .job-listing .filter select, .scheme-listing .filter select, .people-listing .filter select, .search-listing .filter select, .trainer-listing .filter select {
      height: 40px;
      margin-right: 20px; }
    .listing-list .filter h4, .events-listing .filter h4, .training-and-events-listing .filter h4, .training-listing .filter h4, .nvo-listing .filter h4, .job-listing .filter h4, .scheme-listing .filter h4, .people-listing .filter h4, .search-listing .filter h4, .trainer-listing .filter h4 {
      color: #21446A;
      padding: 0 0 10px 0;
      font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif; }
    .listing-list .filter ul, .events-listing .filter ul, .training-and-events-listing .filter ul, .training-listing .filter ul, .nvo-listing .filter ul, .job-listing .filter ul, .scheme-listing .filter ul, .people-listing .filter ul, .search-listing .filter ul, .trainer-listing .filter ul {
      color: #455560;
      /* For modern browsers */
      zoom: 1;
      /* IE6/IE7 */
      float: none;
      margin-bottom: 20px; }
      .listing-list .filter ul:before, .events-listing .filter ul:before, .training-and-events-listing .filter ul:before, .training-listing .filter ul:before, .nvo-listing .filter ul:before, .job-listing .filter ul:before, .scheme-listing .filter ul:before, .people-listing .filter ul:before, .search-listing .filter ul:before, .trainer-listing .filter ul:before, .listing-list .filter ul:after, .events-listing .filter ul:after, .training-and-events-listing .filter ul:after, .training-listing .filter ul:after, .nvo-listing .filter ul:after, .job-listing .filter ul:after, .scheme-listing .filter ul:after, .people-listing .filter ul:after, .search-listing .filter ul:after, .trainer-listing .filter ul:after {
        content: "";
        display: table; }
      .listing-list .filter ul:after, .events-listing .filter ul:after, .training-and-events-listing .filter ul:after, .training-listing .filter ul:after, .nvo-listing .filter ul:after, .job-listing .filter ul:after, .scheme-listing .filter ul:after, .people-listing .filter ul:after, .search-listing .filter ul:after, .trainer-listing .filter ul:after {
        clear: both; }
      .listing-list .filter ul li, .events-listing .filter ul li, .training-and-events-listing .filter ul li, .training-listing .filter ul li, .nvo-listing .filter ul li, .job-listing .filter ul li, .scheme-listing .filter ul li, .people-listing .filter ul li, .search-listing .filter ul li, .trainer-listing .filter ul li {
        float: left;
        margin-right: 20px;
        width: 150px; }
    .listing-list .filter span, .events-listing .filter span, .training-and-events-listing .filter span, .training-listing .filter span, .nvo-listing .filter span, .job-listing .filter span, .scheme-listing .filter span, .people-listing .filter span, .search-listing .filter span, .trainer-listing .filter span {
      color: #455560; }
    .listing-list .filter a, .events-listing .filter a, .training-and-events-listing .filter a, .training-listing .filter a, .nvo-listing .filter a, .job-listing .filter a, .scheme-listing .filter a, .people-listing .filter a, .search-listing .filter a, .trainer-listing .filter a {
      font-weight: bold; }
  .listing-list ul, .events-listing ul, .training-and-events-listing ul, .training-listing ul, .nvo-listing ul, .job-listing ul, .scheme-listing ul, .people-listing ul, .search-listing ul, .trainer-listing ul {
    list-style: none; }

.listing-item, .event-item, .training-item, .trainer-item, .nvo-item, .job-listing .job-item, .job-item, .scheme-item, .people-item, .page-item, .download-item, .video-item, .search-item, .search-listing .news-item {
  background: transparent url(../images/border.png) 0 0 repeat-x;
  padding: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  zoom: 1;
  /* FF3.7+ */
  /* Opera 10.5 */
  -webkit-transition: background-color 0.7s ease-in-out;
  /* Saf3.2+, Chrome */
  transition: background-color 0.7s ease-in-out; }
  .listing-item h4, .event-item h4, .training-item h4, .trainer-item h4, .nvo-item h4, .job-listing .job-item h4, .job-item h4, .scheme-item h4, .people-item h4, .page-item h4, .download-item h4, .video-item h4, .search-item h4, .search-listing .news-item h4 {
    color: #21446A;
    font-size: 30px;
    font-size: 3rem;
    margin: 15px 20px 5px 0px;
    padding: 0px 0 0px 30px;
    line-height: 30px;
    position: relative; }
    .listing-item h4:before, .event-item h4:before, .training-item h4:before, .trainer-item h4:before, .nvo-item h4:before, .job-listing .job-item h4:before, .job-item h4:before, .scheme-item h4:before, .people-item h4:before, .page-item h4:before, .download-item h4:before, .video-item h4:before, .search-item h4:before, .search-listing .news-item h4:before {
      content: "";
      background-image: url(../images/listing-sprite.png);
      background-repeat: no-repeat;
      height: 30px;
      width: 30px;
      display: block;
      position: absolute;
      left: 0;
      top: 0; }
  .listing-item p, .event-item p, .training-item p, .trainer-item p, .nvo-item p, .job-listing .job-item p, .job-item p, .scheme-item p, .people-item p, .page-item p, .download-item p, .video-item p, .search-item p, .search-listing .news-item p {
    padding-left: 30px; }
    .listing-item p time, .event-item p time, .training-item p time, .trainer-item p time, .nvo-item p time, .job-listing .job-item p time, .job-item p time, .scheme-item p time, .people-item p time, .page-item p time, .download-item p time, .video-item p time, .search-item p time, .search-listing .news-item p time {
      margin-top: 0px;
      font-size: 16px;
      font-size: 1.6rem;
      font-style: normal;
      color: #455560;
      font-family: Arial, Helvetica; }
  .listing-item ul, .event-item ul, .training-item ul, .trainer-item ul, .nvo-item ul, .job-listing .job-item ul, .job-item ul, .scheme-item ul, .people-item ul, .page-item ul, .download-item ul, .video-item ul, .search-item ul, .search-listing .news-item ul {
    padding-left: 30px;
    margin-right: 10px; }
    .listing-item ul strong, .event-item ul strong, .training-item ul strong, .trainer-item ul strong, .nvo-item ul strong, .job-listing .job-item ul strong, .job-item ul strong, .scheme-item ul strong, .people-item ul strong, .page-item ul strong, .download-item ul strong, .video-item ul strong, .search-item ul strong, .search-listing .news-item ul strong {
      color: #455560; }
  .listing-item a.block, .event-item a.block, .training-item a.block, .trainer-item a.block, .nvo-item a.block, .job-item a.block, .scheme-item a.block, .people-item a.block, .page-item a.block, .download-item a.block, .video-item a.block, .search-item a.block, .search-listing .news-item a.block {
    padding: 20px 15px;
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */
    height: auto;
    text-decoration: none;
    display: block; }
    .listing-item a.block:before, .event-item a.block:before, .training-item a.block:before, .trainer-item a.block:before, .nvo-item a.block:before, .job-item a.block:before, .scheme-item a.block:before, .people-item a.block:before, .page-item a.block:before, .download-item a.block:before, .video-item a.block:before, .search-item a.block:before, .search-listing .news-item a.block:before, .listing-item a.block:after, .event-item a.block:after, .training-item a.block:after, .trainer-item a.block:after, .nvo-item a.block:after, .job-item a.block:after, .scheme-item a.block:after, .people-item a.block:after, .page-item a.block:after, .download-item a.block:after, .video-item a.block:after, .search-item a.block:after, .search-listing .news-item a.block:after {
      content: "";
      display: table; }
    .listing-item a.block:after, .event-item a.block:after, .training-item a.block:after, .trainer-item a.block:after, .nvo-item a.block:after, .job-item a.block:after, .scheme-item a.block:after, .people-item a.block:after, .page-item a.block:after, .download-item a.block:after, .video-item a.block:after, .search-item a.block:after, .search-listing .news-item a.block:after {
      clear: both; }
  .listing-item:hover, .event-item:hover, .training-item:hover, .trainer-item:hover, .nvo-item:hover, .job-item:hover, .scheme-item:hover, .people-item:hover, .page-item:hover, .download-item:hover, .video-item:hover, .search-item:hover, .search-listing .news-item:hover {
    /* FF3.7+ */
    /* Opera 10.5 */
    -webkit-transition: background-color 0.2s ease-in-out;
    /* Saf3.2+, Chrome */
    transition: background-color 0.2s ease-in-out;
    background-color: #e5f5f3;
    text-decoration: none; }

.event-item {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .event-item.shortform .block {
    height: 80px !important; }
  .event-item h4:before {
    background-position: 0 -399px; }

.training-and-events-listing .filter {
  height: 30px; }
  .training-and-events-listing .filter .filter-options {
    float: right; }
  .training-and-events-listing .filter h4 {
    padding: 4px 0 0;
    float: left;
    margin-right: 10px; }
  .training-and-events-listing .filter .button {
    float: left;
    margin: 0 10px 0 0; }

.training-listing {
  margin-top: 30px; }
  .training-listing .training-filter {
    background: #E5F5F4;
    margin-bottom: 20px;
    padding: 0; }
    .training-listing .training-filter * {
      box-sizing: border-box; }
    .training-listing .training-filter__header {
      /* For modern browsers */
      zoom: 1;
      /* IE6/IE7 */
      padding: 1.5em 1em;
      margin: 0; }
      .training-listing .training-filter__header:before, .training-listing .training-filter__header:after {
        content: "";
        display: table; }
      .training-listing .training-filter__header:after {
        clear: both; }
      .training-listing .training-filter__header #month-control {
        float: right; }
        .training-listing .training-filter__header #month-control .button {
          margin-top: -5px; }
    .training-listing .training-filter__title {
      cursor: pointer;
      position: relative;
      display: block;
      width: 100%;
      padding: 1em 1.5em;
      margin: 0;
      margin-bottom: 0.2em;
      background: #4879ac;
      color: #fff;
      font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif; }
      .training-listing .training-filter__title:before {
        content: '';
        display: inline-block;
        position: absolute;
        right: 1.5em;
        top: 1.5em;
        width: 0.60em;
        height: 0.60em;
        border-style: solid;
        border-width: 0.15em 0.15em 0 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        vertical-align: top;
        /* FF3.7+ */
        /* Opera 10.5 */
        -webkit-transition: all 0.2s ease-in-out;
        /* Saf3.2+, Chrome */
        transition: all 0.2s ease-in-out; }
    .training-listing .training-filter__block--open .training-filter__title:before {
      top: 1.2em;
      -webkit-transform: rotate(-225deg);
      -ms-transform: rotate(-225deg);
      transform: rotate(-225deg); }
    .training-listing .training-filter__list {
      display: none;
      overflow: hidden;
      padding: 1.5em; }
      .training-listing .training-filter__list li {
        position: relative;
        float: left;
        width: 33%;
        margin: 0;
        margin-bottom: 0.7em; }
      .training-listing .training-filter__list label {
        display: inline-block;
        padding: 0;
        margin-left: 30px;
        color: #21446A;
        font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif; }
      .training-listing .training-filter__list input[type="checkbox"] {
        position: absolute;
        vertical-align: middle;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 18px;
        height: 18px;
        background: #fff;
        border: 1px solid #dedede;
        outline: none;
        margin: 0;
        margin-right: 10px; }
        .training-listing .training-filter__list input[type="checkbox"]:before, .training-listing .training-filter__list input[type="checkbox"]:after {
          position: absolute;
          content: '';
          display: block;
          background: #242424;
          width: 2px;
          opacity: 0;
          /* FF3.7+ */
          /* Opera 10.5 */
          -webkit-transition: opacity 150ms ease-in-out 0.5s ease-in-out;
          /* Saf3.2+, Chrome */
          transition: opacity 150ms ease-in-out 0.5s ease-in-out; }
        .training-listing .training-filter__list input[type="checkbox"]:before {
          height: 9px;
          top: 4px;
          left: 8px;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        .training-listing .training-filter__list input[type="checkbox"]:after {
          height: 3px;
          top: 8px;
          left: 4px;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .training-listing .training-filter__list input[type="checkbox"]:checked {
          font-weight: 900; }
          .training-listing .training-filter__list input[type="checkbox"]:checked:before, .training-listing .training-filter__list input[type="checkbox"]:checked:after {
            opacity: 1; }
    .training-listing .training-filter__date {
      padding: 0 1.15em; }
      .training-listing .training-filter__date label {
        display: none; }
      .training-listing .training-filter__date-label {
        font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif;
        margin: 0 0.4em; }
        .training-listing .training-filter__date-label--first {
          display: block;
          margin: 0;
          margin-bottom: 0.5em; }
      .training-listing .training-filter__date-field {
        position: relative;
        display: inline-block;
        margin-bottom: 0.5em;
        background: #fff; }
        .training-listing .training-filter__date-field:before {
          content: '';
          display: block;
          position: absolute;
          right: 1em;
          top: 50%;
          width: 16px;
          height: 17px;
          margin-top: -8px;
          background: url(../images/date-icon.png); }
        .training-listing .training-filter__date-field-input {
          cursor: pointer;
          color: #888888;
          background: none; }
      .training-listing .training-filter__date-error {
        display: block;
        font-size: 0.8em;
        margin-bottom: 1em;
        color: red; }
    .training-listing .training-filter__submit {
      overflow: hidden;
      padding: 1.5em; }
      .training-listing .training-filter__submit-button {
        float: right; }
    .training-listing .training-filter .prevmonth {
      color: #21446A;
      font-size: 17px;
      font-size: 1.7rem; }
    .training-listing .training-filter .nextmonth {
      color: #21446A;
      font-size: 17px;
      font-size: 1.7rem; }

.training-item.shortform .block {
  height: 80px !important; }

.training-item h4:before {
  background-position: 0 -350px; }

.training-item__date-language {
  overflow: hidden; }

.training-item__date {
  margin-top: 6px !important;
  margin-bottom: 0 !important;
  display: block;
  width: 330px;
  float: left; }

.training-item__language {
  margin-right: 10px;
  color: #cf0367;
  float: right;
  border: 1px solid #455560;
  padding: 3px 5px; }

.trainer-item.shortform .block {
  height: 80px !important; }

.trainer-item h4:before {
  background-position: 0 -350px; }

.nvo-listing .filter h4 {
  padding-bottom: 0px !important; }

.nvo-listing .filter h5 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #455560;
  margin-top: 10px !important; }

.nvo-listing .filter input[type="text"] {
  font-size: 14px;
  font-size: 1.4rem;
  width: 645px;
  padding: 15px;
  font-style: italic; }

.nvo-listing .filter input[type="submit"] {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 15px 20px;
  margin-top: 2px; }

.nvo-listing .filter-category {
  margin: 20px 0; }
  .nvo-listing .filter-category ul {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    .nvo-listing .filter-category ul:before, .nvo-listing .filter-category ul:after {
      content: "";
      display: table; }
    .nvo-listing .filter-category ul:after {
      clear: both; }
    .nvo-listing .filter-category ul li {
      width: 159px;
      float: left;
      margin-right: 20px; }
    .nvo-listing .filter-category ul a.active {
      color: #455560 !important; }

.nvo-item {
  position: relative; }
  .nvo-item h4 {
    padding: 0px 0 20px 30px !important; }
    .nvo-item h4:before {
      background-position: 0 -299px; }
  .nvo-item .nvo-link {
    padding: 0px 0px 0px 45px !important;
    position: absolute;
    bottom: 20px; }
    .nvo-item .nvo-link a {
      color: #455560 !important; }

.job-listing .job-item h4 {
  margin-bottom: 15px !important; }

.job-listing .filter input[type="text"] {
  font-size: 24px;
  font-size: 2.4rem;
  width: 460px;
  margin-right: 10px;
  padding: 5px; }

.job-listing .filter input[type="submit"] {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 20px;
  float: right;
  margin-top: 2px; }

.job-item.shortform .block {
  height: 80px !important; }

.job-item h4:before {
  background-position: 0 -500px; }

.job-item p {
  margin-bottom: 0px; }

.job-item strong {
  font-weight: normal; }
  .job-item strong em {
    font-style: normal; }

.scheme-listing .filter h4 {
  margin: 0px;
  padding: 0px; }

.scheme-item.shortform .block {
  height: 80px !important; }

.scheme-item h4:before {
  background-position: 0 -299px; }

.scheme-item img {
  float: right !important;
  margin: 15px !important;
  padding: 0px !important; }

.people-listing {
  background-color: #e5f5f3 !important; }
  .people-listing .first {
    clear: both; }

.people-item {
  height: auto;
  background-image: none !important;
  background-color: #e5f5f3 !important;
  padding-bottom: 20px !important;
  margin-bottom: 10px !important; }
  .people-item.shortform .block {
    height: 80px !important; }
  .people-item h4 {
    padding: 0 20px;
    margin-top: 20px; }
    .people-item h4:before {
      background-image: none; }
  .people-item dl {
    width: auto !important;
    padding: 0 20px !important; }
    .people-item dl dt {
      font-size: 12px;
      font-size: 1.2rem;
      padding-bottom: 10px; }
  .people-item img {
    width: 193px;
    padding: 20px 20px 10px 20px !important; }
  .people-item.first:before {
    position: absolute;
    content: "";
    display: block;
    width: 715px;
    border: 4px solid #fff;
    top: -10px; }

.page-item.shortform .block {
  height: 80px !important; }

.page-item h4:before {
  background-position: 0 -299px; }

.download-item.shortform .block {
  height: 80px !important; }

.download-item h4:before {
  background-position: 0 -450px; }

.video-item.shortform .block {
  height: 80px !important; }

.video-item h4:before {
  background-position: 0 -248px; }

.video-detail iframe {
  margin-bottom: 20px; }

.search-item.shortform .block {
  height: 80px !important; }

.search-item h4:before {
  background-position: 0 -399px; }

.search-listing aside {
  background: none !important;
  padding: 0 !important; }
  .search-listing aside:before {
    background: none !important; }
  .search-listing aside h4 {
    font-size: 24px !important;
    font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif; }
  .search-listing aside .filter {
    background-color: transparent !important;
    padding: 0; }
    .search-listing aside .filter label {
      font-size: 14px;
      font-size: 1.4rem;
      color: #455560; }
    .search-listing aside .filter section, .search-listing aside .filter fieldset {
      background-position: bottom !important;
      padding: 20px !important;
      margin: 0 0 10px 0 !important;
      background: #e5f5f3 !important; }
      .search-listing aside .filter section ul, .search-listing aside .filter fieldset ul {
        margin-top: 10px;
        margin-bottom: 0px; }
        .search-listing aside .filter section ul li, .search-listing aside .filter fieldset ul li {
          margin-bottom: 8px;
          padding: 0px;
          width: 180px;
          margin-right: 0px; }
          .search-listing aside .filter section ul li a, .search-listing aside .filter fieldset ul li a {
            font-size: 12px;
            font-size: 1.2rem;
            color: #455560; }
    .search-listing aside .filter input[type="checkbox"] {
      float: right; }
    .search-listing aside .filter input[type="submit"] {
      margin-top: 10px;
      display: block;
      width: 100%; }
    .search-listing aside .filter .page-item label, .search-listing aside .filter .news-item label, .search-listing aside .filter .video-item label, .search-listing aside .filter .download-item label, .search-listing aside .filter .job-item label {
      margin: 15px 20px 15px 0px;
      padding: 4px 0 8px 30px;
      background-image: url(../images/listing-sprite.png);
      background-repeat: no-repeat;
      font-family: Arial, Helvetica;
      font-weight: normal; }
    .search-listing aside .filter .page-item label {
      background-position: 0 -300px; }
    .search-listing aside .filter .news-item label {
      background-position: 0 -200px; }
    .search-listing aside .filter .video-item label {
      background-position: 0 -250px; }
    .search-listing aside .filter .download-item label {
      background-position: 0 -450px; }
    .search-listing aside .filter .job-item label {
      background-position: 0 -500px; }
    .search-listing aside .filter span {
      background: none; }
  .search-listing aside select {
    width: 100%; }

.search-listing .filter-keywordsearch {
  margin-bottom: 10px; }
  .search-listing .filter-keywordsearch label {
    margin: 0px; }
  .search-listing .filter-keywordsearch input[type="text"] {
    font-size: 14px;
    font-size: 1.4rem;
    width: 540px;
    padding: 15px;
    font-style: italic; }
  .search-listing .filter-keywordsearch input[type="submit"] {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 15px 20px;
    float: right;
    margin-top: 2px; }

.search-listing .filter-resultcount p {
  line-height: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 0px;
  font-family: MuseoSansRounded-500, Helvetica, Arial, sans-serif; }

.search-listing .filter-sortby p {
  line-height: 30px;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0px; }
  .search-listing .filter-sortby p span {
    color: #21446A;
    font-weight: normal;
    font-family: Helvetica, Arial; }

.search-listing .filter-sortby input[type="submit"].active {
  color: #000000;
  cursor: default; }

.search-listing .news-item h4:before {
  background-position: 0 -198px; }

.find-a-trainer {
  background-color: #e5f5f3;
  padding: 20px; }
  .find-a-trainer section, .find-a-trainer fieldset {
    clear: both;
    margin-bottom: 40px;
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    .find-a-trainer section:before, .find-a-trainer fieldset:before, .find-a-trainer section:after, .find-a-trainer fieldset:after {
      content: "";
      display: table; }
    .find-a-trainer section:after, .find-a-trainer fieldset:after {
      clear: both; }
  .find-a-trainer h3 {
    float: right;
    margin-bottom: 0px !important;
    line-height: 19px !important; }
    .find-a-trainer h3 span {
      font-size: 12px !important;
      line-height: 19px !important; }
  .find-a-trainer ul {
    /* For modern browsers */
    zoom: 1;
    /* IE6/IE7 */ }
    .find-a-trainer ul:before, .find-a-trainer ul:after {
      content: "";
      display: table; }
    .find-a-trainer ul:after {
      clear: both; }
  .find-a-trainer li {
    float: left;
    width: 205px !important; }
  .find-a-trainer label {
    font-size: 14px;
    font-size: 1.4rem; }
  .find-a-trainer input[type='submit'] {
    margin-top: 20px; }
  .find-a-trainer #accordion {
    margin-bottom: 20px; }
    .find-a-trainer #accordion h2, .find-a-trainer #accordion legend span.legend, legend .find-a-trainer #accordion span.legend {
      margin-bottom: 0px;
      padding-bottom: 0px; }
    .find-a-trainer #accordion h3 {
      cursor: pointer; }
    .find-a-trainer #accordion ul {
      margin-bottom: 0px; }
      .find-a-trainer #accordion ul li {
        width: 315px !important; }
    .find-a-trainer #accordion .sub-field {
      background: transparent url(../images/border.png) 0 bottom repeat-x;
      padding: 20px 0; }
      .find-a-trainer #accordion .sub-field:first-child {
        padding: 0px 0px; }
      .find-a-trainer #accordion .sub-field:last-child {
        background: none; }
  .find-a-trainer .trainer-language li {
    width: auto !important;
    float: none !important; }

.training-detail dl dt, .event-detail dl dt, .trainer-detail dl dt, .nvo-detail dl dt, .members-area dl dt {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  color: #21446A; }

.training-detail dl dd, .event-detail dl dd, .trainer-detail dl dd, .nvo-detail dl dd, .members-area dl dd {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem; }

.training-detail dl .sameline dt,
.training-detail dl .sameline dd, .event-detail dl .sameline dt,
.event-detail dl .sameline dd, .trainer-detail dl .sameline dt,
.trainer-detail dl .sameline dd, .nvo-detail dl .sameline dt,
.nvo-detail dl .sameline dd, .members-area dl .sameline dt,
.members-area dl .sameline dd {
  display: inline-block; }

.training-detail dl .sameline, .event-detail dl .sameline, .trainer-detail dl .sameline, .nvo-detail dl .sameline, .members-area dl .sameline {
  display: block;
  margin-bottom: 10px; }
  .training-detail dl .sameline dt,
  .training-detail dl .sameline dd, .event-detail dl .sameline dt,
  .event-detail dl .sameline dd, .trainer-detail dl .sameline dt,
  .trainer-detail dl .sameline dd, .nvo-detail dl .sameline dt,
  .nvo-detail dl .sameline dd, .members-area dl .sameline dt,
  .members-area dl .sameline dd {
    display: inline; }

.training-detail ul, .event-detail ul, .trainer-detail ul, .nvo-detail ul, .members-area ul {
  margin-bottom: 20px; }
  .training-detail ul li, .event-detail ul li, .trainer-detail ul li, .nvo-detail ul li, .members-area ul li {
    font-size: 14px;
    font-size: 1.4rem; }

.training-detail aside dl dt, .event-detail aside dl dt, .trainer-detail aside dl dt, .nvo-detail aside dl dt, .members-area aside dl dt {
  font-size: 16px;
  font-size: 1.6rem; }

.training-detail aside dl dd, .event-detail aside dl dd, .trainer-detail aside dl dd, .nvo-detail aside dl dd, .members-area aside dl dd {
  font-size: 14px;
  font-size: 1.4rem; }

.training-detail .placesleft, .event-detail .placesleft, .trainer-detail .placesleft, .nvo-detail .placesleft, .members-area .placesleft {
  margin-top: 20px;
  padding-top: 20px;
  background: transparent url(../images/border.png) 0 0 repeat-x; }
  .training-detail .placesleft h3, .event-detail .placesleft h3, .trainer-detail .placesleft h3, .nvo-detail .placesleft h3, .members-area .placesleft h3 {
    font-size: 30px;
    font-size: 3rem;
    color: #455560;
    text-align: center;
    line-height: 25px; }
  .training-detail .placesleft strong, .event-detail .placesleft strong, .trainer-detail .placesleft strong, .nvo-detail .placesleft strong, .members-area .placesleft strong {
    font-size: 160px;
    font-size: 16rem;
    text-align: center;
    display: block;
    font-family: MuseoSansRounded-700, Helvetica, Arial, sans-serif;
    line-height: 150px; }

#content .trainer-detail > dl {
  display: inline;
  float: left;
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  width: 395px;
  margin-left: 0;
  margin-right: 0; }

#content .trainer-detail aside section section, #content .trainer-detail aside fieldset section, #content .trainer-detail aside section fieldset, #content .trainer-detail aside fieldset fieldset {
  margin-left: 0;
  margin-right: 0; }

.nvo-detail aside dl dd {
  word-wrap: break-word;
  word-break: break-all; }

.training-detail__strapline {
  font-size: 30px;
  font-size: 3rem; }

/********************************************
*
* SITEMAP
*
********************************************/
#sitemap > ul {
  list-style: none; }
  #sitemap > ul > li {
    padding-bottom: 10px; }
  #sitemap > ul a {
    color: #242424; }
  #sitemap > ul ul {
    padding-left: 20px; }

.region-map {
  display: table;
  width: 100%; }
  .region-map__inner {
    display: table-row; }
  .region-map__locations {
    display: table-cell;
    width: 33.3%;
    margin: 0;
    padding: 0;
    vertical-align: top;
    list-style: none; }
  .region-map__location-link.region-map--active {
    font-weight: bold;
    text-decoration: none; }
  .region-map__svg-container {
    display: table-cell;
    width: 66.4%;
    margin: 0;
    padding: 0 40px 0 0; }
    .region-map__svg-container svg {
      min-height: 614.3px; }
    .region-map__svg-container path {
      fill: #CCCCCC;
      -webkit-transition: fill 200ms;
      transition: fill 200ms;
      cursor: pointer; }
    .region-map__svg-container path.region-map--active {
      fill: #568fc9;
      cursor: pointer; }

/* ============================= */
/* ! Layout for mobile version */
/* ============================= */
/* Image replacements for retina display */
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .pause {
    background-image: none; } }

/* -------------------------------------------------------------- 
Universal Internet Explorer 6 stylesheet:
http://stuffandnonsense.co.uk/blog/about/universal_internet_explorer_6_css/

Author: Andy Clarke
Web site: http://stuffandnonsense.co.uk
Web site: http://forabeautifulweb.com
Web site: http://transcending.com
Web site: http://hardboiledwebdesign.com
Twitter: http://twitter.com/malarkey

Version date : 13th June 2010
Version: 1.1 

License: Creative Commons CC Zero Declaration. No Rights Reserved.

Based on the work of:
Mark Boulton: http://markboulton.co.uk
Eric Meyer: http://meyerweb.com
Cameron Moll: http://cameronmoll.com
Richard Rutter: http://clagnut.com
Khoi Vinh: http://subtraction.com

-------------------------------------------------------------- */
.ie6 {
  /* sets all the below to the .ie6 class only */
  /* Body ---------------------------------------------------- */
  /* Headings ---------------------------------------------------- */
  /* Text elements -------------------------------------------------------------- */
  /* Lists -------------------------------------------------------------- */
  /* Tables -------------------------------------------------------------- */
  /* Forms -------------------------------------------------------------- */
  /* end */ }
  .ie6 html, .ie6 body,
  .ie6 div, .ie6 span,
  .ie6 object, .ie6 iframe,
  .ie6 h1, .ie6 h2, .ie6 legend span.legend, legend .ie6 span.legend, .ie6 h3, .ie6 h4, .ie6 h5, .ie6 h6,
  .ie6 p, .ie6 blockquote,
  .ie6 pre, .ie6 a,
  .ie6 abbr, .ie6 acronym,
  .ie6 address, .ie6 code,
  .ie6 del, .ie6 dfn,
  .ie6 em, .ie6 img,
  .ie6 q, .ie6 dl,
  .ie6 dt, .ie6 dd,
  .ie6 ol, .ie6 ul,
  .ie6 li, .ie6 fieldset,
  .ie6 form, .ie6 label,
  .ie6 legend, .ie6 table,
  .ie6 caption, .ie6 tbody,
  .ie6 tfoot, .ie6 thead,
  .ie6 tr, .ie6 th, .ie6 td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }
  .ie6 body {
    width: 60%;
    /* http://www.cameronmoll.com/archives/000892.html */
    width: expression(document.body.clientWidth < 640? "640px" : document.body.clientWidth > 120? "120em" : "auto");
    margin: 0 auto;
    padding: 2em 0;
    font: 88% Georgia, Times, serif;
    line-height: 1.4;
    background: #fff;
    color: #4c4c4c; }
  .ie6 h1, .ie6 h2, .ie6 legend span.legend, legend .ie6 span.legend, .ie6 h3, .ie6 h4, .ie6 h5, .ie6 h6 {
    font-weight: normal; }
  .ie6 h1 {
    margin-bottom: .5em;
    font-size: 3em;
    line-height: 1; }
  .ie6 h2, .ie6 legend span.legend, legend .ie6 span.legend {
    margin-bottom: .75em;
    font-size: 2em; }
  .ie6 h3 {
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1; }
  .ie6 h4 {
    margin-bottom: 1.25em;
    font-size: 1.2em;
    line-height: 1.25; }
  .ie6 h5, .ie6 h6 {
    margin-bottom: 1.5em;
    font-weight: bold;
    font-size: 1em; }
  .ie6 h1 img, .ie6 h2 img, .ie6 legend span.legend img, legend .ie6 span.legend img, .ie6 h3 img, .ie6 h4 img, .ie6 h5 img, .ie6 h6 img {
    margin: 0; }
  .ie6 p {
    margin: 0 0 1.5em; }
  .ie6 a {
    color: #105cb6;
    text-decoration: underline; }
  .ie6 a:visited {
    color: #a8a8a8; }
  .ie6 a:focus, .ie6 a:hover {
    color: #a8a8a8; }
  .ie6 a img {
    border: none; }
  .ie6 blockquote {
    margin: 1.5em 1.5em 1.5em -1.5em;
    padding-left: 1.5em;
    border-left: 1px solid #a8a8a8;
    font: italic 1.2em "Times New Roman", Times, serif; }
  .ie6 strong {
    font-weight: bold; }
  .ie6 em, .ie6 dfn {
    font-style: italic; }
  .ie6 dfn {
    font-weight: bold; }
  .ie6 sup, .ie6 sub {
    line-height: 0; }
  .ie6 abbr, .ie6 acronym {
    border-bottom: 1px dotted #a8a8a8;
    cursor: help; }
  .ie6 address {
    margin: 0 0 1.5em;
    font-style: italic; }
  .ie6 del {
    color: #666; }
  .ie6 pre, .ie6 code, .ie6 tt {
    margin: 1.5em 1.5em 1.5em -1.5em;
    padding-left: 1.5em;
    border-left: 1px dotted #a8a8a8;
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5; }
  .ie6 pre {
    white-space: pre; }
  .ie6 li ul, .ie6 li ol {
    list-style-type: circle;
    margin: 0 1.5em .75em 1.5em; }
  .ie6 ul, .ie6 ol {
    margin: 0 1.5em 1.5em 0; }
  .ie6 ul {
    list-style-type: disc; }
  .ie6 ol {
    list-style-type: decimal; }
  .ie6 dl {
    margin-bottom: 1.5em;
    padding-top: 1.5em;
    border-top: 1px solid #a8a8a8; }
  .ie6 dl dt {
    margin-bottom: .75em;
    font-size: 1.2em;
    line-height: 1.25; }
  .ie6 dd {
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #a8a8a8; }
  .ie6 table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 1.4em;
    width: 100%; }
  .ie6 table, .ie6 td, .ie6 th {
    vertical-align: top; }
  .ie6 th, .ie6 thead th {
    font-weight: bold; }
  .ie6 th, .ie6 td, .ie6 caption {
    padding: 4px 10px 4px 5px;
    text-align: left;
    font-weight: normal; }
  .ie6 th, .ie6 td {
    border-bottom: 1px solid #a8a8a8; }
  .ie6 tfoot {
    font-size: .9em; }
  .ie6 caption {
    margin-bottom: 1em;
    font-size: 1.5em;
    line-height: 1; }
  .ie6 label {
    font-weight: bold; }
  .ie6 fieldset {
    margin: 0 0 1.5em 0;
    padding: 1.4em 1.4em 0 1.4em;
    border: 1px solid #a8a8a8; }
  .ie6 legend {
    font-size: 1.2em;
    font-weight: bold; }
  .ie6 textarea {
    width: 390px;
    height: 250px;
    padding: 5px; }

/********************************************
*
* IE7 specific Styles
*
********************************************/
.ie7 .wrapper:after {
  content: none; }

.ie7 #home {
  background: url(../images/ie-bg-home.png) 0 0 repeat-x; }

.ie7 #inner, .ie7 #inner-page {
  background: url(../../images/ie-bg-inner.png) 0 0 repeat-x; }

.ie7 .training-and-events-listing .filter select, .ie7 .events-listing .filter select, .ie7 .training-listing .filter select, .ie7 .nvo-listing .filter select, .ie7 .search-listing .filter select, .ie7 .trainer-listing .filter select, .ie7 .job-listing .filter select, .ie7 .scheme-listing .filter select, .ie7 .people-listing .filter select {
  height: 40px; }

.ie7 .search-listing .filter-keywordsearch input[type="text"] {
  width: 500px; }

.ie7 .search-listing .filter-keywordsearch input[type="submit"] {
  float: none; }

.ie7 .search-listing .filter-keywordsearch label {
  margin-right: 0px; }

.ie7 .training-listing .filter select {
  width: 125px; }

.ie7 .training-listing .filter span {
  font-size: 12px; }

.ie7 .activity h5 {
  word-wrap: normal; }

.ie7 .news-ticker .pause {
  background-image: none; }

/********************************************
*
* IE8 specific Styles
*
********************************************/
.ie8 .wrapper:after {
  content: none; }

.ie8 #home {
  background: url(../images/ie-bg-home.png) 0 0 repeat-x; }

.ie8 #inner, .ie8 #inner-page {
  background: url(../../images/ie-bg-inner.png) 0 0 repeat-x; }

.ie8 .training-and-events-listing .filter select, .ie8 .events-listing .filter select, .ie8 .training-listing .filter select, .ie8 .nvo-listing .filter select, .ie8 .search-listing .filter select, .ie8 .trainer-listing .filter select, .ie8 .job-listing .filter select, .ie8 .scheme-listing .filter select, .ie8 .people-listing .filter select {
  height: 40px; }

.ie8 .search-listing .filter label {
  margin-right: 0px; }

.ie8 .training-listing .filter select {
  width: 100%; }

.ie8 .training-listing .filter span {
  font-size: 12px; }

.ie8 .activity .flexslider {
  height: 500px; }

.ie8 .activity h5 {
  word-wrap: normal; }

.ie8 .news-ticker .pause {
  background-image: none; }

/********************************************
*
* IE9 specific Styles
*
********************************************/
.ie9 {
  font-size: 50%; }
  .ie9 .training-and-events-listing .filter select, .ie9 .events-listing .filter select, .ie9 .training-listing .filter select, .ie9 .nvo-listing .filter select, .ie9 .search-listing .filter select, .ie9 .trainer-listing .filter select, .ie9 .job-listing .filter select, .ie9 .scheme-listing .filter select, .ie9 .people-listing .filter select {
    height: 40px; }
  .ie9 .search-listing .filter label {
    margin-right: 0px; }
  .ie9 .training-listing .filter span {
    font-size: 12px; }
  .ie9 .activity h5 {
    word-wrap: normal; }
  .ie9 .news-ticker .pause {
    background-image: none; }
  .ie9 #booking-form section .field-checkboxlist ul, .ie9 #booking-form fieldset .field-checkboxlist ul {
    width: 162px; }