@charset "utf-8";
/* CSS Document */

/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* ==========================================================================
  Compass prefix support
  ========================================================================== */
/* ==========================================================================
  Common variables
  ========================================================================== */
/**
* 
* DO NOT use these variables directly in components. 
* Assign them to component specific variables
*
*/
/* Colors */
/* Border radius */
/* ==========================================================================
  Component specific variables
  ========================================================================== */
/* Typography */
/* Type Color */
/* Link */
/* Background */
/* Box */
/* Box foot */
/* Lists */
/* Divider */
/* Carousel */
/* Grid */
/* Menu */
/* Main sub menu */
/* Main dropdown menu */
/* Vertical menu */
/* < large viewport menu */
/* Mobile menu button */
/* Tabs */
/* Accordion */
/* Spacing */
/* Breakpoints - needs to be in em. To calculate: [viewport in px]/16. E.g. 800/16 = 50em */
/* Form */
/* Template */
/* header */
/* columns */
/* footer */
/** 
 * We are using most of Normalize CSS with these modifications:
 * 
 * Moved some of the typography styling to _typography.scss, unless it's something we think that should be set as default
 * Removed list default margin, padding and list style
 * 
 */
/* normalize.css v1.0.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a[data-linkcategory="hidden-horizontal-nav"] {
    display: none;
}

a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

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

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

.arrow-down {



	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #8da25a;
	border-bottom: 0;
	display: none;
	margin:10px 0 0 5px;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #8da25a;
	border-top: 0;
	display: none;
	margin:10px 0 0 5px;
}

@media only screen and (max-width: 43.75em) {

  .arrow-down {
	  display: inline-block;
  }
  
  .arrow-up {
	  display:inline-block;
  }
  
  .toolbar .icon {
    display: none;
  }
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

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

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

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


sup {
  top: -0.5em;
}


sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

dl,
dt,
dd,
menu,
ol,
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
/*
 * [OOCSS] - removed border bottom styling. Set margin and padding to 0.
 */

fieldset {
  margin: 0;
  padding: 0;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

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

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

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

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/*
 * Removes inner padding and border in Firefox 3+.
 */

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

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/*
  1. used for homepage slider italic
 */
.publication-title {
    font-style: italic !important;
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
  font: inherit !important; 
}


th {
  font-weight: normal;
}

/* ==========================================================================
  Compass Helpers
  ========================================================================== */
/* ==========================================================================
   Utilities
   ========================================================================== */
/* 
 * clearfix     used project wide to clear floats and create a new formatting context
 * usage      @include clearfix-me(<empty|overflow|facebook|micro|stubborn>)
 * $clearfix-method sets default method
 */

.header .headerContent {
  overflow: hidden;
  *overflow: visible;
  zoom: 1;
}


.listBorderedAlt > li > .listValue, .listLabel > li > .listValue, .line .lastCol, .tabsAlt .tabHead li.last {
  display: table-cell;
  vertical-align: top;
  width: 10000px !important;
  *display: block;
  *zoom: 1;
  *width: auto !important;
}

.mediaBody {
   display: inline;
}


.media, .frame, .frame > .frameImg, .box, .box .boxHead,
.box .boxFoot, .line, .tabs, .tabs .tabHead, .tabsBasic .tabHead, .tabsAlt, .tabsAlt .tabHead, .form .field, .container, .content .containerInner {
  zoom: 1;
}

.media:before, .frame:before, .frame > .frameImg:before, .box:before, .box .boxHead:before,
.box .boxFoot:before, .line:before, .tabs:before, .tabs .tabHead:before, .tabsBasic .tabHead:before, .tabsAlt:before, .tabsAlt .tabHead:before, .form .field:before, .container:before, .content .containerInner:before, .media:after, .frame:after, .frame > .frameImg:after, .box:after, .box .boxHead:after,
.box .boxFoot:after, .line:after, .tabs:after, .tabs .tabHead:after, .tabsBasic .tabHead:after, .tabsAlt:after, .tabsAlt .tabHead:after, .form .field:after, .container:after, .content .containerInner:after {
  content: " ";
  display: table;
}

.media:after, .frame:after, .frame > .frameImg:after, .box:after, .box .boxHead:after,
.box .boxFoot:after, .line:after, .tabs:after, .tabs .tabHead:after, .tabsBasic .tabHead:after, .tabsAlt:after, .tabsAlt .tabHead:after, .form .field:after, .container:after, .content .containerInner:after {
  clear: both;
}

.menuMain .menuList > li > div > a {
  display: table-cell;
}

.menuMain .menuList > li > div > a:after {
  clear: both;
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0 !important;
  line-height: 0;
  font-size: xx-large;
  content: "x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x";
}

/**
 * Convert px to em
 *
 * @param $elFontSize - the element font size in pixel e.g. you want to set margin on your text, 
 * and font size on your text is equivalent to 14px, then your context is 14px.
 *
 * @param $values - the values in pixel you want to convert. 
 * You can pass in an array of values. Each value separated by space.
 *
 * e.g. margin: pxToEm(16px 20px 20px 16px, 16px);
 * 
 */
/** 
 * Make elements into inline-block with IE7 fix. Use it only when you need to make a
 * block level element inline-block. Elements that are inline by default won't need the 
 * IE7 fix.
 * 
 * Usage            @extend %nlineBlockFix;
 * 
 */
.btn, .btnIcon, .carouselControls button,
.carouselPagination, .carouselPagination li, .menuMain .menuList div > ul li, .form .fieldGroupInline > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Convert font-size from px to rem with px fallback
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {@include fontSize(12px);}
 * 
 */
/**
 * Generate media queries base on breakpoint you pass in
 *
 * @param $point - the breakpoint value. Can be a variable as well.
 *
 * e.g. p {
            @include breakpoint(20em) {
                margin: 10px 0; 
            }
        }
 * 
 */
/* ==========================================================================
   Hide
   ========================================================================== */
/**
* @desc         Various techniques for hiding elements. Adapted from HTML5 Boilerplate.
* @name         hide
* @author       Fiona
* @tested       IE6-9, Firefox, Chrome, Safari
* @requires     N/A
*/
/* Hide text off screen */
/* Use for hide by default, and this class will stay on the component (use for working with modal) */
/* Hide from both screenreaders and browsers: h5bp.com/u */
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
/* Extends the .hideVisually class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.hideText {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
  /* IE 6/7 fallback */
}


.hideText:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}


.hide {
  display: none;
}


.hideVisually, .btnIcon span, .carouselMulti .carouselBtnText {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}


.hideVisually.focusable:active, .btnIcon span.focusable:active, .carouselMulti .focusable.carouselBtnText:active,
.hideVisually.focusable:focus,
.btnIcon span.focusable:focus,
.carouselMulti .focusable.carouselBtnText:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}


head {
  font-family: large;
}

@media only screen and (max-width: 55em) {

  head {
    font-family: medium;
  }
}
@media only screen and (max-width: 43.75em) {

  head {
    font-family: small;
  }
}
/* ==========================================================================
   Typography
   ========================================================================== */
/**
* @desc         Base typography styles.
* @name         Typography
* @author       
* @tested       
* @requires     
*/
/* debug */
/* ==========================================================================
   Base Type
   ========================================================================== */

html {
  font-size: 100%;
}


body {
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: Arial, sans-serif;
  line-height: 1.5;  
}


body,
input,
select,
textarea {
  font-family: Arial, sans-serif;
}

/* ==========================================================================
   Headings and paragraph
   ========================================================================== */

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: normal;
  font-style: normal;
}


h1, .h1 {
  font-size: 20px;
  font-size: 1.25rem;
  margin: 1em 0;
  line-height: 1.2;
}


h2, .h2 {
  font-size: 17px;
  font-size: 1.0625rem;
  margin: 1.17647em 0;
}


h3, .h3 {
  font-size: 15px;
  font-size: 0.9375rem;
  margin: 0.66667em 0;
}


h4, .h4 {
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 0.76923em 0;
}


h5, .h5 {
  font-size: 11px;
  font-size: 0.6875rem;
  margin: 0.72727em 0;
}


h6, .h6 {
  font-size: 9px;
  font-size: 0.5625rem;
  margin: 0.55556em 0;
}

/* ==========================================================================
   Code
   ========================================================================== */

pre,
code {
  font-family: Consolas, Monaco, "Lucida Console", monospace;
}

/**
* @desc         Various type colors
* @name         typecolor
* @author       
* @tested       
* @requires     
*/

.typeHighlight1 {
  color: #3e5c83; 
}


.typeHighlight2 {
  color: #879d51;
}


.typeMidlight1 {
  color: #99bccb;
}


.typeMidlight2 {
  color: #d5d9b2;
}


.typeLowlight {
  color: #999999;
}


.typeInverse {
  color: white;
}

/**
* @desc         Uppercase type
* @name         typeUpper   
* @author       Fiona   
* @tested       
* @requires     --
*/

.typeUpper {
  text-transform: uppercase;
}

/**
* @desc         Emphasise text
* @name         typeEmphasis   
* @author       Fiona   
* @tested       
* @requires     --
*/

.typeEmphasis {
  font-style: italic;
}

/* ==========================================================================
   Link
   ========================================================================== */
/**
* @desc     Default style for links
* @name     Link
* @author   mobywhale
* @tested   IE7-9, Firefox, Chrome, Safari
* @requires --
*/


a {  
  color: #006aa4;
  text-decoration: none;
} 

a:hover, a:focus {
  text-decoration: underline;
}

a h1,
a h3,
.box a,
.carouselCaption .carouselTitle, 
.ContentObject_wrap .lastCol a,
.HomepageHighlights_wrap a,
.LeftMenu_wrap a,
.menuContainer a,
.PodcastPod_wrap a,
.RelatedLinks_wrap a,
.tabs a,
.ThreeColumn_wrap .lastCol .ObjectPod_wrap a,
.Tools_wrap a,
.zinesidebar a{
	 /*color: #3e5c83;*/
}

/**
* @desc     Skin for links
* @name     linkColor
* @author   mobywhale
* @tested   IE7-9, Firefox, Chrome, Safari
* @requires --
*/

.linkInverse,
.linkInverse a {
  color: white;
}


.linkLowlight,
.linkLowlight a {
  color: #999999;
}

/* ==========================================================================
   Background
   ========================================================================== */
/**
  * @desc         Base background mixin that pairs names with colors
  * @name         background
  * @author       stubbornella
  * @tested       chrome, Firefox, IE7-9
  * @requires     ---
  */
/**
  * @desc         Base background mixin that pairs names with colors
  * @name         background
  * @author       mobywhale
  * @tested       chrome, FIrefox, IE7-9
  * @requires     ---
  */
/**
  * @desc         Base background mixin that pairs names with colors
  * @name         background
  * @author       mobywhale
  * @tested       chrome, FIrefox, IE7-9
  * @requires     ---
  */
/**
  * @desc         Base background mixin that pairs names with colors
  * @name         background
  * @author       stubbornella
  * @tested       chrome, Firefox, IE7-9
  * @requires     ---
  */

.bgBasic {
  background-color: white;
}

@media only screen and (max-width: 55em) {

  .lgBgBasic {
    background-color: white !important;
  }
}
@media only screen and (max-width: 43.75em) {

  .medBgBasic {
    background-color: white !important;
  }
}
@media only screen and (max-width: 29.6875em) {

  .smBgBasic {
    background-color: white !important;
  }
}

.bgFeature1 {
  background-image: -webkit-linear-gradient(#539ab5, #007197);
  background-image: -moz-linear-gradient(#539ab5, #007197);
  background-image: -o-linear-gradient(#539ab5, #007197);
  background-image: linear-gradient(#539ab5, #007197);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#539ab5', endColorstr='#007197', GradientType=0);
  /* IE6-9 */
}


.bgFeature2 {
  background-image: -webkit-linear-gradient(#ddeaf0, #7bb0c6);
  background-image: -moz-linear-gradient(#ddeaf0, #7bb0c6);
  background-image: -o-linear-gradient(#ddeaf0, #7bb0c6);
  background-image: linear-gradient(#ddeaf0, #7bb0c6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeaf0', endColorstr='#7bb0c6', GradientType=0);
  /* IE6-9 */
}


.bgFeature3 {
  background-image: -webkit-linear-gradient(#5a2149, #000000);
  background-image: -moz-linear-gradient(#5a2149, #000000);
  background-image: -o-linear-gradient(#5a2149, #000000);
  background-image: linear-gradient(#5a2149, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a2149', endColorstr='black', GradientType=0);
  /* IE6-9 */
}


.bgFeature4 {
  background-image: -webkit-linear-gradient(#bec995, #93b466);
  background-image: -moz-linear-gradient(#bec995, #93b466);
  background-image: -o-linear-gradient(#bec995, #93b466);
  background-image: linear-gradient(#bec995, #93b466);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bec995', endColorstr='#93b466', GradientType=0);
  /* IE6-9 */
}


.bgHighlight {
  background-color: #de8a27;
}


.bgPrimary1 {
  background-color: #00577e;
}


.bgPrimary2 {
  background-color: #879d51;
}


.bgSec1 {
  background-color: #669ab2;
}


.bgSec2 {
  background-color: #e0eaef;
}


.bgSec3 {
  background-color: #5a2149;
}


.bgSec4 {
  background-color: #bec995;
}


.bgOverlay1 {
  background: #859b4e url("/~/media/styles/Images/careers_a.png") no-repeat bottom right;
}

/* ==========================================================================
  pageTitle
  ========================================================================== */
/** for IE7 use a background image
  and for other browsers use a :after with gradient
*/

.pageTitle {
  color: #8DA25A;
  margin-bottom: 1.38462em;
  padding-bottom: 0;
  /* IE7 */
  *zoom: 1;
  *padding-bottom: 10px;
  *background: url("/~/media/styles/Images/bg/pageTitle.png") repeat-x left bottom;
}

.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6 {
  margin-top: 0;
  margin-bottom: 0;
  float: left;
}

.pageTitle:after {
  clear: both;
  display: block;
  content: " ";
  height: 10px;
  border-bottom: 1px solid #cbdde5;
  overflow: hidden;
  /* use image for IE and other modern browser overwrite background */
  background: url("/~/media/styles/Images/bg/pageTitle.png") repeat-x left bottom;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e7eff3 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e7eff3 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e7eff3 100%);
  background-image: linear-gradient(top, #ffffff 0%, #e7eff3 100%);
}

/* ==========================================================================
  Lists
  ========================================================================== */

ol,
ul {
  list-style-type: none;
}

ol > li,
ul > li {
  margin: .2em 0;
}

ol > li:first-child,
ul > li:first-child {
  margin-top: 0;
}

/* .subList this class is used for any list that is a sublist and it will add margin-left */

.listSub {
  margin-left: 15px;
}


.listOrdered li {
  margin-left: 1.4em;
  list-style-type: decimal;
}


.listBulleted li {
  list-style-type: disc;
  margin-left: 1em;
}


.listInline li {
  display: inline;
  padding-right: .3em;
}


.listInlineDivider li {
  border-left: solid 2px #8f8f8f;
  padding: 0 .4em 0 0.65em;
  margin: 0;
}

.listInlineDivider li:first-child {
  border: none;
  padding-left: 0;
}


.listInlineDivider li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/** listIcon1 */

.listIcon1 {
  margin: 0;
}

.listIcon1 > li {
  margin-top: 0.76923em;
  padding-left: 23px;
  background: url("/~/media/styles/Images/lists/blt_arrow_circle_blue.png") no-repeat left 0.1em;
  line-height: 1.2;
}

.listIcon1 > li:first-child {
  margin-top: 0;
}

.listIcon1 > li, .listIcon1 > li > a {
  color: #fff;
}

/** listIcon1 */
/** listIcon2 */

.listIcon2 > li {
  margin-top: 0.61538em;
  padding-left: 10px;
  background: url("/~/media/styles/Images/lists/blt_blue_square.png") no-repeat scroll 0 0.5em;
  line-height: 1.2;
  *zoom: 1;
}

.listIcon2 > li:first-child {
  margin-top: 0;
}

.listIcon2 > li a {
  text-decoration: none;
}

.listIcon2 > li a:hover {
  text-decoration: underline;
}

/** listIcon1 */
/** listVideo */

.listVideo > li {
  padding-left: 20px;
  margin-top: 0.61538em;
  background: url("/~/media/styles/Images/lists/video.png") no-repeat scroll 0 0.1em transparent;
  line-height: 1.2;
  *zoom: 1;
}

.listVideo > li:first-child {
  margin-top: 0;
}

.listVideo > li, .listVideo > li > a {
  color: #336699;
}

.listVideo > li > a {
  text-decoration: underline;
}

/** listDivider */

.listDivider dt {
  margin-top: 0.76923em;
  padding-top: 2.53846em;
  border-top: 1px solid #fff;
  line-height: 1.4;
}

.listDivider dt:first-child {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.listDivider dd {
  margin: 1em 0 1em 0;
}

/** listIcon1 */

.listBorderedAlt, .listLabel {
  zoom: 1;
}

.listBorderedAlt > li, .listLabel > li {
  border-top: 1px solid #ffffff;
  padding: 0.38462em 0;
}

.listBorderedAlt > li:after, .listLabel > li:after {
  clear: both;
  content: "";
  display: table;
}

.listBorderedAlt > li:first-child, .listLabel > li:first-child {
  border: none;
}

.listBorderedAlt > li > .listLabel, .listLabel > li > .listLabel {
  margin: 0;
  width: 4.23077em;
  padding-right: 5px;
  float: left;
  color: #3e5c83;
  font-weight: bold;
}

/** listIcon1 */
/** listLabel */

.listLabel dt, .listLabel dd {
  border: none;
  color: #000;
  font-weight: normal;
}

.unbulleted-list-subitem {
    margin-left: 3em !important;
}

/* ==========================================================================
   Media
   ========================================================================== */

.media > .mediaImg {
  float: left;
  margin-right: 20px;
}

.media > .mediaImg > img {
  display: block;
  max-width: 222px;
}

.media > .mediaImgExt {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}


.mediaInline {
  vertical-align: middle;
}

.mediaInline > .mediaInlineImg,
.mediaInline > .mediaInlineBody {
  display: inline-block;
  vertical-align: middle;
}

.mediaInline > .mediaInlineImg {
  margin-right: 3px;
}

.mediaInline > .mediaInlineImgExt {
  margin-left: 3px;
}

.pbm .mediaImg img {
   max-width: 222px;
}


@media only screen and (max-width: 55em) {

  .lgMedia > .mediaImg {
    float: none;
    display: block;
    margin-right: 0;
    margin-bottom: 1.5em;
  }

  .lgMedia > .mediaImg > img {
    display: inline;
  }
}
@media only screen and (max-width: 43.75em) {

  .medMedia > .mediaImg {
    float: none;
    display: block;
    margin-right: 0;
    margin-bottom: 1.5em;
  }

  .medMedia > .mediaImg > img {
    display: inline;
  }
}
@media only screen and (max-width: 29.6875em) {

  .smMedia > .mediaImg {
    float: none;
    display: block;
    margin-right: 0;
    margin-bottom: 1.5em;
  }

  .smMedia > .mediaImg > img {
    display: inline;
  }
}
/* ==========================================================================
   Divider
   ========================================================================== */

hr {
  border: none;
  border-bottom: 1px dotted #00577e;
}


hr.dividerInverse {
  border-bottom: 1px solid #fff;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
/**
* @desc         Base button styles.
* @name         Button
* @author       
* @tested       
* @requires     
*/

button {
  padding: 0;
  background: none;
  border: 0;
}


.btn {
  background: #0a587b;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  color: #fff !important;
  padding: 5px 12px;
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: inherit;
  /** need this line because the font-family on input/button is not inherit */
}


.btnLink {
  color: #3e5c83;
}

.btnLink:hover, .btnLink:focus {
  text-decoration: underline;
}


.btn-sprite, .btn-email, .btn-rss, .btn-search, .btn-new {
  background: url('/~/media/styles/Images/btn-s7f3e4bcb41.png') no-repeat;
}


.btnIcon {
  border: none;
}


.btn-email {
  background-position: 0 0;
}


.btn-rss {
  background-position: 0 -43px;
}


.btn-search {
  background-position: 0 -25px;
}

.btn-new {
  background-position: 0 -52px;
}


.btn-search {
  width: 18px;
  height: 18px;
}


.btn-rss {
  width: 11px;
  height: 9px;
}


.btn-email {
  width: 32px;
  height: 25px;
}

/* =======================================================================
    Close
   ========================================================================== */
/**
* @desc         Close Button.
* @name         Close
* @author       
* @tested       
* @requires     
*/

.btnClose {
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.btnClose:hover, .btnClose:focus {
  opacity: 0.7;
  filter: alpha(opacity=40);
}


button.btnClose {
  padding: 0;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

/* ==========================================================================
   Frame
   ========================================================================== */

.frame > .frameImg {
  margin-right: 1.5em;
  float: left;
}

.frame > .frameImgExt {
  margin-left: 1.5em;
  float: right;
}

/* ==========================================================================
   Box
   ========================================================================== */
/**
	* @desc         Base box mixin for grouping content
	* @name         Box Mixin
	* @author       mobywhale
	* @tested       Chrome, Firefox, IE7-9  
	* @requires     variables.scss
	*/

.box {
  position: relative;
}

.box .boxHead,
.box .boxFoot {
  padding: 0 20px;
}

.box .boxBody {
  padding: 0 20px;
}


.boxBasic {
  border-radius: 7px;
}

/* ==========================================================================
   Box Head
   ========================================================================== */

.boxHeadBasic {
  border-radius: 7px 7px 0 0;
}


.headLink {
  float: right;
}

/* ==========================================================================
   Box Foot
   ========================================================================== */

.boxFootBasic {
  border-radius: 0 0 7px 7px;
}

/* ==========================================================================
   Accordion
   ========================================================================== */
/**
* @desc         Modal base class
* @name         modal
* @author       
* @tested       
* @requires     
*/

.accordion > .box {
  margin: 0;
  *zoom: 1;
}

.accordion .boxToggle > .boxHead {
  position: relative;
  background: #78aac0;
  cursor: pointer;
  margin: 0 0 2px;
  padding: 10px 30px 10px 10px;
  font-weight: bold;
  *zoom: 1;
}

.accordion .boxToggle > .boxHead:before, .accordion .boxToggle > .boxHead .before {
  position: absolute;
  top: 12px;
  right: 10px;
  content: "\2013";
  display: block;
  width: 20px;
  height: 20px;
  background: #00577e;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: normal;
}

.accordion .boxToggle > .boxBody {
  margin: 0 0 2px;
  padding: 10px 15px;
  overflow: hidden;
  background: #dde9ed;
}

.accordion .boxToggle.closed > .boxHead:before, .accordion .boxToggle.closed > .boxHead .before {
  content: "+";
}

.accordion .boxToggle.closed > .boxBody {
  height: 0;
  margin: 0;
  padding: 0;
}


.noJS .boxToggle.closed > .boxBody {
  display: block;
  height: auto;
}

/* =======================================================================
    Carousel
   ========================================================================== */
/**
* @desc         Base carousel styling
* @name         Carousel
* @author       mobywhale
* @tested       
* @requires     _variables.scss
*/

.carousel {
  position: relative;
  overflow: hidden;
}


.carouselStrip {
  margin-right: -20000em;
  width: 20000em;
  overflow: hidden;
  position: relative;
}

.carouselStrip li {
  margin: 0;
  display: inline-block;
  vertical-align: top;
  position: relative;
  *display: inline;
  *zoom: 1;
}

.carouselStrip li:first-child {
  margin-left: 0;
}

.carouselStrip a {
  margin-right: 10px;
  display: inline-block;
  position: relative;
  max-width: 160px;
  *zoom: 1;
  *display: inline;
}

.carouselStrip img {
  vertical-align: top;
}


.carouselCaption {
  padding: 1.3em;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF, endColorstr=#BBFFFFFF);
  /* IE 6/7 */
  overflow: hidden;
}

.carouselCaption p {
  margin: 0;
  line-height: 1.2;
}

.carouselCaption .carouselTitle {
  /* color: #3e5c83; */
  font-size: 0.8125rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
}


.carouselControls {
  margin-top: 10px;
  text-align: center;
}


.carouselControls button,
.carouselPagination {
  vertical-align: middle;
}


.carouselControls > button {
  background: #00577e;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  border: none;
  text-align: center;
  padding: 0;
  overflow: visible;
}

.carouselControls .disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}

.carouselControls .previous span, .carouselControls .next span {
  margin: 0 auto;
  display: block;
  overflow: hidden;
  width: 0px;
  height: 0px;
  position: relative;
  left: 1px;
  border-style: solid;
  border-width: 6.5px 0 6.5px 7px;
  border-color: transparent transparent transparent #fff;
}

.carouselControls .previous span {
  left: -1px;
  border-width: 6.5px 7px 6.5px 0;
  border-color: transparent #fff transparent transparent;
}


.carouselPagination {
  margin-left: 3px;
}

.carouselPagination li {
  margin-right: 5px;
}

.carouselPagination button {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #00577e;
}

.carouselPagination .carouselCurrent button {
  background-color: #879d51;
  box-shadow: 0 0 0 2px #fff;
}


.noJS .carouselInner ul {
  width: 100%;
}

.noJS .carouselInner > .btn {
  display: none;
}

.carouselSummary {
	display: none !important;
}

@media only screen and (max-width: 55em) {

  .carouselStrip {
    margin-right: 0;
    width: auto;
    overflow: hidden;
    position: static;
    left: auto !important;
  }

  .carouselStrip li {
    float: none;
    margin: 0;
    display: block;
  }

  .carouselStrip li a {
    border-bottom: 1px solid #d8d8d8;
  }

  .carouselStrip li:first-child a {
    border-top: 1px solid #d8d8d8;
  }

  .carouselStrip a {
    float: none;
    display: table;
    padding: 7px 0;
    vertical-align: middle;
    width: 100%;
    max-width: none;
    text-align: left;
  }

  .carouselStrip img {
    display: table-cell;
    margin-right: 10px;
    width: 120px;
    max-width: none;
    vertical-align: middle;
  }


  .carouselCaption {
    overflow: visible;
    height: auto;
    position: static;
    zoom: 1;
    padding: 0;
    vertical-align: middle;
    display: table-cell;
    width: 10000px;
  }

  .carouselCaption .carouselTitle {	
    display: block;
    font-size: 11px;
    font-size: 0.875rem;
    margin-top: 0;
    margin-bottom: 0.46154em;
    font-weight: bold;
  }
  
  .carouselCaption p {
    font-size: 0.8125rem;
	display: inline;
	color: #000000;
  }
  
  a.mediaImg:hover {
    text-decoration : none;	
  }
  
  a.mediaImg .carouselCaption .carouselTitle:hover {
    text-decoration : underline;	
  }

  .carouselControls {
    display: none;
  }
  
  .carouselSummary {
	display: inline !important;
  }
}

.carouselMulti > button {
  margin-top: -30px;
  padding: 0;
  height: 61px;
  display: block;
  position: absolute;
  top: 50%;
  font-size: 36px;
  font-size: 2.25rem;
}

.carouselMulti > button .icon {
  display: block;
  opacity: .5;
}

.carouselMulti > button:hover .icon, .carouselMulti > button:focus .icon {
  opacity: 1;
}

/* ==========================================================================
   Grid
   ========================================================================== */
/**
  * @desc         Base grids mixin that provides layout mechanism
  * @name         grid
  * @author       stubbornella
  * @tested       chrome
  * @requires     ---
  */
/* ie 7 and earlier need percentage based gutters because they dont do border-box */

.cols1of12 {
  width: 8.33333% !important;
  *width: 6.32732% !important;
  /* IE7- width = normal width - gutter width */
}


.cols2of12 {
  width: 16.66667% !important;
  *width: 14.66065% !important;
  /* IE7- width = normal width - gutter width */
}


.cols3of12 {
  width: 25% !important;
  *width: 22.99398% !important;
  /* IE7- width = normal width - gutter width */
}

.col.cols3of12.desktop {
	display: inline !important;
}

.col.cols3of12.mobile {
	display: none !important;
}


.cols4of12 {
  width: 33.33333% !important;
  *width: 31.32732% !important;
  /* IE7- width = normal width - gutter width */
}


.cols5of12 {
  width: 41.66667% !important;
  *width: 39.66065% !important;
  /* IE7- width = normal width - gutter width */
}


.cols6of12 {
  width: 50% !important;
  *width: 47.99398% !important;
  /* IE7- width = normal width - gutter width */
}


.cols7of12 {
  width: 58.33333% !important;
  *width: 56.32732% !important;
  /* IE7- width = normal width - gutter width */
}


.cols8of12 {
  width: 66.66667% !important;
  *width: 64.66065% !important;
  /* IE7- width = normal width - gutter width */
}


.cols9of12 {
  width: 75% !important;
  *width: 72.99398% !important;
  /* IE7- width = normal width - gutter width */
}


.cols10of12 {
  width: 83.33333% !important;
  *width: 81.32732% !important;
  /* IE7- width = normal width - gutter width */
}


.cols11of12 {
  width: 91.66667% !important;
  *width: 89.66065% !important;
  /* IE7- width = normal width - gutter width */
}


.cols12of12 {
  width: 100% !important;
  *width: 97.99398% !important;
  /* IE7- width = normal width - gutter width */
}


.line {
  margin-left: -20px;
}

.line .col {
  min-height: 1px;
  float: left;
  zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*IE8+*/
  padding-left: 20px;
}

.line .colExt {
  float: right;
  zoom: 1;
  padding: 0 0 0 20px;
}

.line .lastCol {
  float: none;
  /* IE 7 - new formatting context */
  *display: block;
  *width: auto !important;
  *zoom: 1;
}

.line .col:last-child {
  /* EDB display: table-cell;
  vertical-align: top;
  width: 10000px !important;
  float: none; */
}


.hide {



  display: none !important;
}

.hideMenu {
  display: none;
}


.show {
  display: inherit !important;
}

.showMenu {
  display: inherit;
}

.desktop {
	  display: inline-block !important;
}
  
.mobile {
	  display: none !important;
}


  /*  For each breakpoint that we set, we create a set of classes specific to the breakpoint.
      E.g. if we only have 1 breakpoint(20em) and not mobile first, it'll generate:
      @media only screen and (max-width: 20em) {
          .medHide {
              display: none !important;
          }

          ....

          .medCol1of12 {
              ...
          }
      }
  }
  */
@media only screen and (max-width: 55em) {
	
   .col.cols3of12.desktop {
		display: none !important;
   }
   
   .col.cols3of12.mobile {
		display: inline !important;
   }

  .lgHide {
    display: none !important;
  }


  .lgShow {
    display: inherit !important;
  }


  .lgExpand,
  .lgExpand > .col,
  .lgExpand > .col:last-child {
    width: auto !important;
    display: block !important;
    float: none !important;
  }
  
  .desktop {
	  display: none !important;
  }
  
  .mobile {
	  display: inline !important;
  }


  .line .lgCol {
    float: left;
  }

  .line .lgColExt {
    float: right;
  }


  .lgCols1of12 {
    width: 8.33333% !important;
  }


  .lgCols2of12 {
    width: 16.66667% !important;
  }


  .lgCols3of12 {
    width: 25% !important;
  }


  .lgCols4of12 {
    width: 33.33333% !important;
  }


  .lgCols5of12 {
    width: 41.66667% !important;
  }


  .lgCols6of12 {
    width: 50% !important;
  }


  .lgCols7of12 {
    width: 58.33333% !important;
  }


  .lgCols8of12 {
    width: 66.66667% !important;
  }


  .lgCols9of12 {
    width: 75% !important;
  }


  .lgCols10of12 {
    width: 83.33333% !important;
  }


  .lgCols11of12 {
    width: 91.66667% !important;
  }


  .lgCols12of12 {
    width: 100% !important;
  }
}
  /*  For each breakpoint that we set, we create a set of classes specific to the breakpoint.
      E.g. if we only have 1 breakpoint(20em) and not mobile first, it'll generate:
      @media only screen and (max-width: 20em) {
          .medHide {
              display: none !important;
          }

          ....

          .medCol1of12 {
              ...
          }
      }
  }
  */
@media only screen and (max-width: 43.75em) {

  .medHide {
    display: none !important;
  }


  .medShow {
    display: inherit !important;
  }


  .medExpand,
  .medExpand > .col,
  .medExpand > .col:last-child {
    width: auto !important;
    display: block !important;
    float: none !important;
  }


  .line .medCol {
    float: left;
  }

  .line .medColExt {
    float: right;
  }


  .medCols1of12 {
    width: 8.33333% !important;
  }


  .medCols2of12 {
    width: 16.66667% !important;
  }


  .medCols3of12 {
    width: 25% !important;
  }


  .medCols4of12 {
    width: 33.33333% !important;
  }


  .medCols5of12 {
    width: 41.66667% !important;
  }


  .medCols6of12 {
    width: 50% !important;
  }


  .medCols7of12 {
    width: 58.33333% !important;
  }


  .medCols8of12 {
    width: 66.66667% !important;
  }


  .medCols9of12 {
    width: 75% !important;
  }


  .medCols10of12 {
    width: 83.33333% !important;
  }


  .medCols11of12 {
    width: 91.66667% !important;
  }


  .medCols12of12 {
    width: 100% !important;
  }
}
  /*  For each breakpoint that we set, we create a set of classes specific to the breakpoint.
      E.g. if we only have 1 breakpoint(20em) and not mobile first, it'll generate:
      @media only screen and (max-width: 20em) {
          .medHide {
              display: none !important;
          }

          ....

          .medCol1of12 {
              ...
          }
      }
  }
  */
@media only screen and (max-width: 29.6875em) {

  .smHide {
    display: none !important;
  }


  .smShow {
    display: inherit !important;
  }


  .smExpand,
  .smExpand > .col,
  .smExpand > .col:last-child {
    width: auto !important;
    display: block !important;
    float: none !important;
  }


  .line .smCol {
    float: left;
  }

  .line .smColExt {
    float: right;
  }


  .smCols1of12 {
    width: 8.33333% !important;
  }


  .smCols2of12 {
    width: 16.66667% !important;
  }


  .smCols3of12 {
    width: 25% !important;
  }


  .smCols4of12 {
    width: 33.33333% !important;
  }


  .smCols5of12 {
    width: 41.66667% !important;
  }


  .smCols6of12 {
    width: 50% !important;
  }


  .smCols7of12 {
    width: 58.33333% !important;
  }


  .smCols8of12 {
    width: 66.66667% !important;
  }


  .smCols9of12 {
    width: 75% !important;
  }


  .smCols10of12 {
    width: 83.33333% !important;
  }


  .smCols11of12 {
    width: 91.66667% !important;
  }


  .smCols12of12 {
    width: 100% !important;
  }
}
/* ==========================================================================
   Menu
   ========================================================================== */
/**
* @desc         Base menu styles
* @name         Menu
* @author       mobywhale
* @tested       Safari, Chrome, Firefox, IE7-9
* @requires     _variables.scss
*/

.menuList a {
  display: block;
}

/**
* @desc Menu Main styles
* @name Menu Main
* @author mobywhale
* @tested Chrome
* @requires
*/

.subMenuActive {
  margin-bottom: 3.07692em;
}
@media only screen and (max-width: 43.75em) {

  .subMenuActive {
    margin-bottom: 0;
  }
}


nav {
  position: relative;
  zoom: 1;
}


.menuMain {
  position: relative;
  clear: both;
}

.menuMain a {
  color: white;
}

.menuMain a:hover, .menuMain a:focus {
  color: white;
  text-decoration: underline;
}

.menuMain .menuList {
  display: table;
  table-layout: fixed;
  width: auto;
  right: 0;
}

.menuMain .menuList > li {
  display: table-cell;
  min-width: 7%;
  padding-left: 0.60181%;
  padding-left: 6px\9;
  /*IE9 and below. IE8 doesn't like percentage padding on table-cell */
  margin: 0;
  *float: left;
  *width: 118px;
  vertical-align: middle;
}

.menuMain .menuList > li:first-child {
  padding-left: 0;
}

.menuMain .menuList > li > div > a:hover,
.menuMain .menuList > li > div > a:focus, .menuMain .menuList > li.active > div > a {
  text-decoration: none;
  background: #669ab2;
  border-color: #77a5bb;
}

.menuMain .menuList > li > div > a {
  width: 100%;
  height: 2.92308em;
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #879d51;
  background-image: -webkit-linear-gradient(#aabb85, #879d51);
  background-image: -moz-linear-gradient(#aabb85, #879d51);
  background-image: -o-linear-gradient(#aabb85, #879d51);
  background-image: linear-gradient(#aabb85, #879d51);
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 5px 5px 0 0;
  border: 2px solid #879d51;
  border-bottom: 0;
  vertical-align: middle;
  padding: 0 5px;
  *padding: 0.61538em 0 0;
}

.menuMain .menuList > li > div > a.menuShort {
  *padding: 1.15385em 0 0;
  *height: 2.38462em;
}

.menuMain .menuList div {
  position: relative;
  display: block;
  /* min-width: 80px; */
  *z-index: 100;
}

.menuMain .menuList div > ul {
  z-index: 100;
  width: 300px;
  position: absolute;
  left: -9999px;
  top: 100%;
}

.menuMain .menuList div > ul li {
  width: 120px;
  padding-left: 15px;
  margin: 5px;
  vertical-align: top;
  background: url(/~/media/styles/Images/dropdownArrow.png) no-repeat 0 6px;
  font-weight: bold;
}

.menuMain .menuList div:hover > ul {
  padding: 8px;
  left: 0;
  background: #669ab2;
  background: rgba(117, 164, 186, 0.95);
  border-bottom: 4px solid #879d51;
}

/* Make last two menu item drop-down right aligned */
.menuMain .menuList li:nth-last-child(-n+2) > div:hover > ul{
	left: -22px;
}

.menuMain .menuList > .active > div {
  position: static;
}

.menuMain .menuList > .active > div > ul {
  padding: 0 10px;
  width: 100%;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  right: auto;
  background: #669ab2;
  background-image: -webkit-linear-gradient(#669ab2, #4e8aa6);
  background-image: -moz-linear-gradient(#669ab2, #4e8aa6);
  background-image: -o-linear-gradient(#669ab2, #4e8aa6);
  background-image: linear-gradient(#669ab2, #4e8aa6);
  border-bottom: 0;
  *right: 0;
  *width: auto;
    z-index: 75;
}

.menuMain .menuList > .active > div > ul > li {
  width: auto;
  margin: 0;
  padding: 0;
  background-image: none;
}

.menuMain .menuList > .active > div > ul > li > div {
  padding: 0.92308em 0;
}

.menuMain .menuList > .active > div > ul > li > div > a {
  padding: 0 5px 0 7px;
  border-left: 1px solid #fff;
}

.menuMain .menuList > .active > div > ul > li:first-child > div > a {
  border-left: 0;
}

.menuMain .menuList > .active > div > ul > li.active > div > a {
  color: #d5d9b2;
  position: relative;
}

.menuMain .menuList > .active > div > ul > li.active > div > a:after {
  content: "";
  display: block;
  border: 7px transparent solid;
  border-bottom-color: #fff;
  position: absolute;
  bottom: -1em;
  left: 50%;
  margin-left: -7px;
}

/** fix the menu for mobiles */
@media only screen and (max-width: 55em) {

  .menuMain .menuList > li > div > a {
    font-size: 0.95em;
  }
}
@media only screen and (max-width: 760px) {

  .menuMain .menuList > li > div > a {
    font-size: 0.84em;
  }
}
@media only screen and (max-width: 43.75em) {

  .menuMain {
    margin: 1em -5% 0;
    display: none;
    background: #9bab6c;
  }

  .menuMain .menuList {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    -ms-column-gap: 0;
    -o-column-gap: 0;
    column-gap: 0;
    display: block;
    table-layout: auto;
    margin-right: -1px;
    margin-bottom: -1px;
  }

  .menuMain .menuList > li {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
  }

  .menuMain .menuList > li:last-child {
    border-bottom: 1px solid #b1be8c;
  }

  .menuMain .menuList > li.active > div > a {
    border-right-color: #ddd;
  }

  .menuMain .menuList > li > div > a {
    display: block;
    padding: 0.76923em 5%;
    background-image: none;
    background: #9bab6c;
    font-size: 15px;
    font-size: 0.9375rem;
    border-radius: 0;
    border-width: 1px;
    border-left: 0;
    border-top-color: #b1be8c;
    border-right-color: #ddd;
    text-align: left;
  }

  .menuMain .menuList > li > div > a:after {
    display: none;
  }

  .menuMain .menuList div > ul {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: none;
  }

  .menuMain .menuList > .active div ul {
    display: none;
  }
}
@media only screen and (max-width: 29.6875em) {

  .menuMain .menuList {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
  }

  .menuMain .menuDivider div > a {
    border-top: 2px solid #d8ddc6;
  }
}
/**
* @desc Vertical menu
* @name menuVertical
* @author mobywhale
* @tested Chrome
* @requires
*/

.menuVertical {
  background: #e2ecf1;
  background-image: -webkit-linear-gradient(#e2ecf1, #84aec1);
  background-image: -moz-linear-gradient(#e2ecf1, #84aec1);
  background-image: -o-linear-gradient(#e2ecf1, #84aec1);
  background-image: linear-gradient(#e2ecf1, #84aec1);
}

.menuVertical li {
  margin: 0;
}

.menuVertical a {
  padding: 0.38462em 25px;
  border-bottom: 4px solid #fff;
}

.menuVertical a:hover, .menuVertical a:focus {
  background-color: #fff;
  text-decoration: none;
}

.menuVertical a.active {
  background-color: #669ab2;
  color: white;
  font-weight: bold;
}

.menuVertical .menuList > li {
  background: url("/~/media/styles/Images/bulletArrow.png") no-repeat 12px 12px;
}

.menuVertical .menuList > li li a {
  padding-left: 40px;
}

.menuVertical .menuList > li li li a {
  padding-left: 60px;
}

/* ==========================================================================
   Modal
   ========================================================================== */
/**
* @desc         Modal base class
* @name         modal
* @author       
* @tested       
* @requires     
*/

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}


.modal-backdrop.fade {
  opacity: 0;
}


.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}


.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}


.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}


.modal.fade.in {
  top: 10%;
}


.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}


.modal-header .btnClose {
  margin-top: 2px;
  position: absolute;
  right: 10px;
  top: 10px;
}


.modal-header h3 {
  margin: 0;
  line-height: 30px;
}


.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}


.modal-form {
  margin-bottom: 0;
}


.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}


.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}


.modal-footer:after {
  clear: both;
}


.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}


.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}


.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

/* responsive fix */
@media screen and (max-width: 640px) {

  .modal {
    width: auto;
    left: 20px;
    right: 20px;
    margin-left: 0;
    margin-right: 0;
  }
}

#mobileSubMenu {
	display: none;
}

@media only screen and (max-width: 43.75em) {
	
	.toolbar > li {
		display: none;
	}
	
	.toolbar .fontSizer {
		display: none;
	}
	
	#mobileSubMenu.showMenu {
	   display: inherit;
    }
}
/**
* @desc         Modal default
* @name         modalDefault
* @author       
* @tested       
* @requires     
*/
/* ==========================================================================
   Tabs
   ========================================================================== */
/**
* @desc         Tab base class
* @name         tab
* @author       
* @tested       
* @requires     
*/

.tabs .tabHead {
  margin-bottom: -10px;
}
@media only screen and (max-width: 55em) {

  .tabs .tabHead {
    display: none;
  }
}

.tabs .tabHead li {
  float: left;
  margin: 0;
  position: relative;
}

.tabs .tabHead li a {
  position: relative;
  line-height: 1;
  z-index: 2;
}

.tabs .tabHead li a:hover, .tabs .tabHead li a:active {
  text-decoration: none;
}

.tabs .tabHead li.active {
  background: #dde9ed;
  z-index: 1;
}

.tabs .tabHead li.active a {
  color: #313131;
}

.tabs > .tabBody > li {
  margin: 0;
  display: none;
}

.tabs > .tabBody > li > .tabBodyInner {
  position: relative;
  z-index: 1;
}

.tabs > .tabBody > li > .tabBodyInner {
  padding: 10px 15px;
  position: relative;
  z-index: 1;
}

.tabs > .tabBody > li.active {
  display: block;
}


.tabHeading {
  display: none;
}

/**
* @desc         Tab basic
* @name         tab
* @author       
* @tested       
* @requires     
*/

.tabsBasic .tabHead {
  margin-bottom: -10px;
}
@media only screen and (max-width: 55em) {

  .tabsBasic .tabHead {
    display: none;
  }
}

.tabsBasic .tabHead li {
  margin-left: 5px;
  background: #78aac0;
  border-radius: 6px 6px 0 0;
}

.tabsBasic .tabHead li a {
  display: block;
  padding: 8px 10px 18px;
  font-weight: bold;
  font-size: 14px;
  font-size: 0.875rem;
  position: relative;
  line-height: 1;
  z-index: 2;
  color: #313131;
}

.tabsBasic .tabHead li a:hover, .tabsBasic .tabHead li a:active {
  text-decoration: none;
}

.tabsBasic .tabHead li.active {
  background: #dde9ed;
  z-index: 1;
}

.tabsBasic .tabHead li.active a {
  color: #313131;
}
@media only screen and (max-width: 55em) {

  .tabsBasic > .tabBody > li {
    display: block;
    margin-bottom: 2px;
  }
}

.tabsBasic > .tabBody > li > .tabBodyInner {
  background: #dde9ed;
  border-radius: 9px;
}
@media only screen and (max-width: 55em) {

  .tabsBasic > .tabBody > li > .tabBodyInner {
    border-radius: 0;
    display: none;
  }
}

.tabsBasic > .tabBody > li.active .tabHeading:after {
  content: "\2013";
}

.tabsBasic > .tabBody > li.active > .tabBodyInner {
  display: block;
}


.tabHeader {
  color: #313131;
}

.tabHeader:hover, .tabHeader:active {
  text-decoration: none;
}


.tabHeading {
  margin: 0 0 2px;
  padding: 10px;
  background: #78aac0;
  border-radius: 0;
  font-weight: bold;
  position: relative;
}

.tabHeading:after {
  position: absolute;
  top: 12px;
  right: 10px;
  content: "+";
  display: block;
  width: 20px;
  height: 20px;
  background: #00577e;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: normal;
}
@media only screen and (max-width: 55em) {

  .tabHeading {
    display: block;
  }
}

/**
* @desc         Tab base class
* @name         tab
* @author       
* @tested       
* @requires     
*/

.tabsAlt .tabHead {
  margin-bottom: -10px;
}
@media only screen and (max-width: 55em) {

  .tabsAlt .tabHead {
    display: none;
  }
}

.tabsAlt .tabHead li {
  float: left;
  margin: 0;
  margin-right: 18px;
  background: #78aac0;
  position: relative;
  border-radius: 9px 9px 0 0;
}

.tabsAlt .tabHead li.last {
  margin-right: 0;
  float: none;
}

.tabsAlt .tabHead li:before, .tabsAlt .tabHead li:after {
  content: " ";
  display: block;
  background: url("/~/media/styles/Images/tabs/tabs.png") no-repeat 0 0;
  position: relative;
  top: 10px;
  height: 20px;
  cursor: default;
}

.tabsAlt .tabHead li:after {
  position: absolute;
  left: 100%;
}

.tabsAlt .tabHead li:before {
  float: left;
  width: 18px;
  margin-left: -18px;
}

.tabsAlt .tabHead li:first-child:before, .tabsAlt .tabHead li.last:after {
  display: none !important;
}

.tabsAlt .tabHead li a {
  display: block;
  color: #fff;
  padding: 8px 10px 18px;
  font-weight: bold;
  font-size: 0.92308em;
  position: relative;
  line-height: 1;
  z-index: 2;
}

.tabsAlt .tabHead li.active {
  background: #dde9ed;
  z-index: 1;
}

.tabsAlt .tabHead li.active:after {
  display: block;
  background-position: -40px 0;
  width: 50px;
  height: 22px;
}

.tabsAlt .tabHead li.active:before {
  background-position: -20px 0;
}

.tabsAlt .tabHead li.active a {
  color: #5c7b9d;
}

.tabsAlt .tabHeading {
  margin: 0 0 2px;
  padding: 10px;
  background: #78aac0;
  border-radius: 0;
  font-weight: bold;
  position: relative;
}

.tabsAlt .tabHeading:after {
  position: absolute;
  top: 12px;
  right: 10px;
  content: "+";
  display: block;
  width: 20px;
  height: 20px;
  background: #00577e;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: normal;
}
@media only screen and (max-width: 55em) {

  .tabsAlt .tabHeading {
    display: block;
  }
}
@media only screen and (max-width: 55em) {

  .tabsAlt > .tabBody > li {
    display: block;
    margin-bottom: 2px;
  }
}

.tabsAlt > .tabBody > li > .tabBodyInner {
  background: #dde9ed;
  border-radius: 9px;
}
@media only screen and (max-width: 55em) {

  .tabsAlt > .tabBody > li > .tabBodyInner {
    border-radius: 0;
    display: none;
  }
}

.tabsAlt > .tabBody > li.active .tabHeading:after {
  content: "\2013";
}

.tabsAlt > .tabBody > li.active > .tabBodyInner {
  display: block;
}


.tabHeader {
  color: #313131;
}

.tabHeader:hover, .tabHeader:active {
  text-decoration: none;
}


.tabHeading {
  margin: 0 0 2px;
  padding: 10px;
  background: #78aac0;
  border-radius: 0;
  font-weight: bold;
  position: relative;
}

.tabHeading:after {
  position: absolute;
  top: 12px;
  right: 10px;
  content: "+";
  display: block;
  width: 20px;
  height: 20px;
  background: #00577e;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: normal;
}
@media only screen and (max-width: 55em) {

  .tabHeading {
    display: block;
  }
}

/* ==========================================================================
   Toolbar
   ========================================================================== */
/**
	* @desc         Toolbar
	* @name         Box Mixin
	* @author       mobywhale
	* @tested       Chrome, Firefox, IE7-9  
	* @requires     variables.scss
	*/
	
a.pagetitle-twitter-link, a.pagetitle-facebook-link, a.pagetitle-linkedin-link {
color: #8DA25A;
}

i.fa.fa-envelope-o {
display: none;
}


.toolbar > li {
  display: inline-block;
  *zoom: 1;
  *display: inline;
  margin: 0;
  vertical-align: middle;
}

.toolbar .icon {
  margin-right: 0.3em;
}

.toolbar .twitter-share-button, .toolbar .fb-like span {
  vertical-align: top;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.toolbar .social {
  margin-right: 1em;
}

.toolbar .fontSizer {
  margin-left: 0.7em;
}

.toolbar .fontSizer button {
  vertical-align: bottom;
  color: #3e5c83;
  border: 1px solid transparent;
  padding: 2px 4px;
}

.toolbar .fontSizer .fontSizerLetterOn {
  border-color: #9fbfcf;
}

.toolbar .fontLarge {
  font-size: 1.2em;
}

.toolbar .fontSmall {
  font-size: 0.8em;
}


.pageTitle .toolbar {
  float: right;
}

/** font-size on body **/

html.fontLarge {
  font-size: 1.2em;
}

html.fontSmall {
  font-size: 0.8em;
}

/* ==========================================================================
   Whitespace
   ========================================================================== */
/**
* @desc         Create spacing classes and default spacing.
* @name         Whitespace
* @author       Fiona
* @tested       Safari, Chrome, Firefox, IE7-9
* @requires     _variables.scss
*/
/* ==========================================================================
   Default spacing
   ========================================================================== */

p, .listOrdered, .listBulleted, .listUnbulleted, .listIcon1, .listIcon2, .listVideo, .listDivider, .listBorderedAlt, .listLabel, .media, .box, .accordion, .carousel, .tabs, .tabsAlt, .form, .form .field {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}


table h1, td, table h2, table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl, table blockquote, table .media, table pre {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0em;
}

/* *
 * debug default spacing 
 * set $debug-spacing to true to visualize spacing and positioning
 */
/* ==========================================================================
   Spacing helpers
   ========================================================================== */
/**
 * Spacing helpers 
 * Should be used to modify the default spacing between objects (not between nodes of the same object)
 * Please use judiciously. You want to be using defaults most of the time, these are exceptions! 
 * <type><location><size>
 *
 * p,m 				padding,margin
 * a,t,r,b,l,h,v	all,top,right,bottom,left,horizontal,vertical
 * s,m,l,n 			small(5px),medium(10px),large(20px),none(0px)
 */
/* build spacing exceptions */

.pan {
  padding: 0 !important;
}


.man {
  margin: 0 !important;
}


.pas {
  padding: 5px !important;
}


.mas {
  margin: 5px !important;
}


.pam {
  padding: 10px !important;
}


.mam {
  margin: 10px !important;
}


.pal {
  padding: 20px !important;
}


.mal {
  margin: 20px !important;
}


.pvn {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


.mvn {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


.pvs {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}


.mvs {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}


.pvm {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}


.mvm {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}


.pvl {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}


.mvl {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}


.phn {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


.mhn {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


.phs {
  padding-left: 5px !important;
  padding-right: 5px !important;
}


.mhs {
  margin-left: 5px !important;
  margin-right: 5px !important;
}


.phm {
  padding-left: 10px !important;
  padding-right: 10px !important;
}


.mhm {
  margin-left: 10px !important;
  margin-right: 10px !important;
}


.phl {
  padding-left: 20px !important;
  padding-right: 20px !important;
}


.mhl {
  margin-left: 20px !important;
  margin-right: 20px !important;
}


.ptn {
  padding-top: 0 !important;
}


.mtn {
  margin-top: 0 !important;
}


.pts {
  padding-top: 5px !important;
}


.mts {
  margin-top: 5px !important;
}


.ptm {
  padding-top: 10px !important;
}


.mtm {
  margin-top: 10px !important;
}


.ptl {
  padding-top: 20px !important;
}


.mtl {
  margin-top: 20px !important;
}


.prn {
  padding-right: 0 !important;
}


.mrn {
  margin-right: 0 !important;
}


.prs {
  padding-right: 5px !important;
}


.mrs {
  margin-right: 5px !important;
}


.prm {
  padding-right: 10px !important;
}


.mrm {
  margin-right: 10px !important;
}


.prl {
  padding-right: 20px !important;
}


.mrl {
  margin-right: 20px !important;
}


.pbn {
  padding-bottom: 0 !important;
}


.mbn {
  margin-bottom: 0 !important;
}


.pbs {
  padding-bottom: 5px !important;
}


.mbs {
  margin-bottom: 5px !important;
}


.pbm {
  padding-bottom: 10px !important;
}


.mbm {
  margin-bottom: 10px !important;
}


.pbl {
  padding-bottom: 20px !important;
}


.mbl {
  margin-bottom: 20px !important;
}


.pln {
  padding-left: 0 !important;
}


.mln {
  margin-left: 0 !important;
}


.pls {
  padding-left: 5px !important;
}


.mls {
  margin-left: 5px !important;
}


.plm {
  padding-left: 10px !important;
}


.mlm {
  margin-left: 10px !important;
}


.pll {
  padding-left: 20px !important;
}


.mll {
  margin-left: 20px !important;
}

.nowrap {
	display: inline-block !important;
}

.image-w-caption-inline-left-align {
    float: left !important;
    width: 216px !important;
    margin: 2px 15px 0 0 !important;
    border: none !important;
    text-align: center !important;
}

.image-w-caption-inline-right-align {
    float: right !important;
    width: 216px !important;
    margin: 0 0 2px 15px !important;
    border: none !important;
    text-align: center !important;
}


/* ==========================================================================
   Form
   ========================================================================== */

.form .fieldItem, .form .fieldGroup, .form .fieldGroupInline {
  display: table-cell;
  width: 10000px;
  *width: auto;
  *display: block;
  *zoom: 1;
}

/** label generic width : generate code like this :
 .labelWidth90 label, label.labelWidth90 {
  width: 90%;
}
 */

.form .select select,
.form .text input,
.form .text textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 2px;
}


.form {
  /**
    Forms Structure
  */
  /**
    Basic form elements
  */
  /* reset elements */
  /* by default label is on top */
  /** webkit fix */
  /* Groups */
}

.form .col :first-child {
  margin-top: 0;
}

.form .col :last-child {
  margin-bottom: 0;
}

.form .fieldLabel {
  margin-bottom: 2px;
  min-height: 1px;
  display: block;
  cursor: pointer;
}

.form label.labelLeft,
.form .labelLeft .fieldLabel {
  width: 30%;
  float: left;
  padding: 4px 5px 4px 0;
}

.form .radio,
.form .checkbox {
  position: relative;
  /** need android special class added by Javascript on <html> element because we need specific CSS for android devices */
}

.form .radio label,
.form .checkbox label {
  display: block;
  width: auto;
  padding-left: 1.7em;
  *zoom: 1;
  *padding-left: 0;
  vertical-align: middle;
}

.form .radio input,
.form .checkbox input {
  padding: 0;
  margin-right: 5px;
  float: left;
  position: relative;
  top: 3px;
  border: 0;
  line-height: 1.5em;
  vertical-align: middle;
}

.form .radio input[type="radio"],
.form .checkbox input[type="radio"] {
  top: 4px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {

  .form .radio input,
  .form .checkbox input {
    top: 0.35em;
  }

  .form .radio input[type="radio"],
  .form .checkbox input[type="radio"] {
    left: 1px;
  }
}

.form .select select,
.form .text input,
.form .text textarea {
  width: 100%;
}

.form .fieldGroup {
  margin: 0;
}

.form .fieldGroup > li {
  margin: 5px 0;
}

.form .fieldGroup > li > label {
  display: block;
  margin-bottom: 2px;
}

.form .fieldGroup:before, .form .fieldGroup:after {
  display: table;
  content: "";
  clear: both;
}

.form .fieldRange > li {
  display: table-cell;
  vertical-align: middle;
}

.form .fieldRange .rangeLabel {
  padding: 0 5px;
}

.form .fieldGroupInline > li {
  margin-left: 3px;
  float: none;
}

.form .fieldGroupInline > li:first-child {
  margin-left: 0;
}

.form .fieldGroupInline > li > label {
  display: inline-block;
  margin: 0;
}

.form .fieldGroupInline label,
.form .fieldGroupInline .fieldItem {
  vertical-align: middle;
  float: none;
  display: inline-block;
  width: auto;
}

.form .fieldGroupInline .radio label, .form .fieldGroupInline .checkbox label {
  padding-left: 0;
}

/* =======================================================================
  Icon
  ========================================================================== */

.icon-sprite, .icon-arrowUpInverse, .icon-emailtb, .icon-facebook, .icon-facebookLg, .icon-linkedInLg, .icon-linkedin, .icon-magnify, .icon-mailLg, .icon-podcast, .icon-podcastLg, .icon-printertb, .icon-rss, .icon-rssLg, .icon-subscribe, .icon-twitter, .icon-twitterLg, .icon-youtube, .icon-youtubeLg {
  background: url('/~/media/styles/Images/icon-s3a636498c9.png') no-repeat;
}


.icon-arrowUpInverse {
  background-position: 0 -400px;
  height: 5px;
  width: 10px;
}


.icon-emailtb {
  background-position: 0 -217px;
  display: none !important;
  height: 25px;
  width: 32px;
}


.icon-facebook {
  background-position: 0 -322px;
  height: 16px;
  width: 16px;
}


.icon-facebookLg {
  background-position: 0 -242px;
  height: 32px;
  width: 32px;
}


.icon-linkedInLg {
  background-position: 0 -160px;
  height: 32px;
  width: 32px;
}


.icon-linkedin {
  background-position: 0 -338px;
  height: 16px;
  width: 16px;
}


.icon-magnify {
  background-position: 0 -386px;
  height: 14px;
  width: 16px;
}


.icon-mailLg {
  background-position: 0 -128px;
  height: 32px;
  width: 32px;
}


.icon-podcast {
  background-position: 0 -306px;
  height: 16px;
  width: 16px;
}


.icon-podcastLg {
  background-position: 0 0;
  height: 32px;
  width: 32px;
}


.icon-printertb {

  background-position: 0 -192px;
  height: 25px;
  width: 32px;
}


.icon-rss {
  background-position: 0 -290px;
  height: 16px;
  width: 16px;
}


.icon-rssLg {
  background-position: 0 -32px;
  height: 32px;
  width: 32px;
}


.icon-subscribe {
  background-position: 0 -354px;
  height: 16px;
  width: 16px;
}


.icon-twitter {
  background-position: 0 -370px;
  height: 16px;
  width: 16px;
}


.icon-twitterLg {
  background-position: 0 -96px;
  height: 32px;
  width: 32px;
}


.icon-youtube {
  background-position: 0 -274px;
  height: 16px;
  width: 16px;
}


.icon-youtubeLg {
  background-position: 0 -64px;
  height: 32px;
  width: 32px;
}


.icon {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

/* =======================================================================
  Template
  ========================================================================== */
/**
* @desc Template specific styling.
* @name Template
* @author
* @tested
* @requires
*/
/* Responsive image */

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

/* ==========================================================================
    Layout
========================================================================== */

/* Fixed width container */
.container {
  width: 997px;
  margin: 0 auto;
}
@media screen and (min-width: 0) {
  .container {
    max-width: 997px;
    width: 96%;
  }
}
@media only screen and (max-width: 55em) {
  .container {
    width: auto;
  }
}

/* ==========================================================================
    Skip link
========================================================================== */
.skipLink:focus {
  width: 100%;
  padding: 5px 0;
  display: block;
  position: absolute;
  z-index: 100;
  text-indent: 5px;
  color: #fff;
  background: #313131;
}

/* ==========================================================================
    Header
========================================================================== */

.header {
  *position: relative;
  *z-index: 100;
  background: #09456a;
  background-image: -webkit-linear-gradient(#09456a, #02587e 50%);
  background-image: -moz-linear-gradient(#09456a, #02587e 50%);
  background-image: -o-linear-gradient(#09456a, #02587e 50%);
  background-image: linear-gradient(#09456a, #02587e 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09456a', endColorstr='#02587e', GradientType=0);
  /* IE6-9 */
  border-bottom: 4px solid #879d51;
  *zoom: 1;
  *filter: none;
  -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.40);
  -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.40);
  box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.40);
}

#header_placeholder {
    height:163px;
    width:100%;
    display:none;
}

.logoSticky {
	float: none !important;	
	text-align:center;
}

.logoSticky img {
	width: 30% !important;
}

.sticky {
    position: fixed;
    width: 100%;    
    top: 0;
    z-index: 100;
    border-top: 0;	
	border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 43.75em) {

  .header {
    border-bottom: 0;
    position: relative;
  }
}
.header .headerContent {
  padding: 1.15385em 0;
}
.header .container {
  background: url("/~/media/styles/Images/bg/bg_header.png") no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}
.header .menuMain {
  *margin-top: -12px;
}

.logoContainer {
  float: left;
}

.headerAside {
  float: none;
}
.headerAside .subLinks {
  text-align: right;
}

.headerAlt {
  margin-bottom: -3.30769em;
  padding-bottom: 2.30769em;
  position: static;
}

.logo {
  float: left;
  margin-top: 1.53846em;
}

/* Search form */
.formSearch {
  margin: 1.30769em 0 0;
  float: right;
}
.formSearch label {
  display: inline-block;
  margin-right: 5px;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}
.formSearch select {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.formSearch button {
  display: inline-block;
  vertical-align: middle;
}
.formSearch .searchInput {
  position: relative;
}
.formSearch .searchInput input {
  display: inline-block;
  padding: 0.38462em 1.69231em 0.38462em 0.76923em;

  border-radius: 20px;
  border: 1px solid #ccc;
  box-shadow: inset 0px 1px 4px #ccc;
}

.header .toggleBtn {
  display: none;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  color: #fff;
  font-weight: bold;
}

.header .toggleBtn .icon {
  margin: -3px 0 0;
}

.header .toggleBtnActive {
  background: #99bccb;
}


.searchClose {
  display: none;
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  opacity: 1;
}

/* Large viewport header */
@media only screen and (max-width: 55em) {
	
  .header {
	-webkit-box-shadow: none;
  	-moz-box-shadow: none;
  	box-shadow: none;
  }

  .header .headerContent {
    width: 94%;
    display: table;
    margin: 0 auto;
  }


  .headerCondensed {
    display: table;
    width: 100%;
    margin-bottom: 0.76923em;
  }


  .header .toggleSearchBar {
    display: inline-block;
    vertical-align: middle;
  }
  
  
  .logo img {
	  padding-top: 20px;
	  max-width: 80% !important;
  }

  
   .logoContainer {
    display: table-cell;
    float: left;
	max-width: 55%;
    text-align:center;
  }

  .logoContainer img {
    width: 100%;
  }


  .logo {
	  float: none;
    margin: 0;
  }

  .headerAside {
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 50%;
  }

  .headerAside li:last-child {
    border-left: 0;
  }


  .headerAsideInner {
    position: relative;
  }


  .formSearch {
    display: none;
    float: none;
    margin: 0;
    position: absolute;
    left: 5px;
    right: 42px;
    top: 0;
  }

  .formSearch button[type="submit"] {
    display: none;
  }

  .formSearch .searchInput {
    position: static;
    display: inline-block;
    width: 100%;
  }

  .formSearch .searchInput input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }


  .toggleBtnActive .searchExpand {
    display: none;
  }

  .toggleBtnActive .searchClose {
    display: inline-block;
  }

  .toggleBtnActive .searchClose:hover, .toggleBtnActive .searchClose:focus {
    opacity: 1;
  }
}
@media only screen and (max-width: 43.75em) {

  .header .mobileMenuButton {
    display: inline-block;
	float: left;
	margin-top: 18px;
    vertical-align: middle;
  }

  .header .container {
    width: auto;
    min-height: 65px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
  }     
  
  .headerAside .subLinks {
	  float: right;
	  width: 10%;
	   text-align:left;
  }

  .headerAsideInner {
    position: static;
  }

  .formSearch {
    margin-top: -16px;
    top: 50%;
    right: 80px;
  }
  
  .logoContainer {
	display: inline-block;	
    max-width: 80%;
	width: 100%;
	float: left;
	text-align: center;
  }

  .formSearch .searchInput input {
    width: 100%;
    padding-top: 0.61538em;
    padding-bottom: 0.61538em;
  }

  .formSearch .searchInput .btnClose {
    right: 6%;
    top: 1.25em;
  }
   
   .icon-magnify {
       background-position: 0 -386px;   
       width: 32px;
   }
  
  .listInlineDivider.linkInverse.subLinks.mobileMenuList > li {
    padding: 0;
  }
  
  .menuVertical {
	  display: none;
  }  

  .header .mobileMenuButton {
      width: 10% !important;
  }

  .toggleBtnContainer {
	  margin-left: -5px;
      padding-top: 17px;
      
  }

  .toggleSearchBar {
      width: 10% !important;
   }
}
/* ==========================================================================
    Content
========================================================================== */
/* Function for working out the width of the columns */

.content .containerInner {
  background: white;
}


.containerInner {
  padding: 1.15385em 2.10632%;
}


.main {
  float: left;
  width: 63.96257%;
}

@media only screen and (max-width: 55em) {

  .mainSecondHalf {
    float: left;
    width: 63.96257%;
  }
}
@media only screen and (max-width: 43.75em) {

  .mainSecondHalf {
    float: none;
    width: auto;
  }
}


.aside {
  float: right;
  width: 34.03141%;
}
@media only screen and (max-width: 43.75em) {

  .aside {
    width: auto;
    margin-left: 0;
  }
}


.sideBar {
  float: left;
  margin-right: 2.00602%;
  /* width: 19.1623%; */
}


.asideAlt {
  width: 27.01571%;
}


.mainAlt {
  width: 49.80995%;
}

/* ==========================================================================
    Footer
========================================================================== */

.footer {
  background: #09456a;
  background-image: -webkit-linear-gradient(#09456a, #02587e);
  background-image: -moz-linear-gradient(#09456a, #02587e);
  background-image: -o-linear-gradient(#09456a, #02587e);
  background-image: linear-gradient(#09456a, #02587e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09456a', endColorstr='#02587e', GradientType=0);
  /* IE6-9 */
  *zoom: 1;
}


.nodecoration, .nodecoration:hover {
    text-decoration: none;
}


.podChart {
    width: 287px;
}

.lowerZIndex {
	z-index:150;
}

a.fontSizerLetter, a.fontSizerLetterOn {
	padding:0px 3px;
	text-decoration:none;
}
a.fontSizerLetterOn {
	border:1px solid #9fbfcf;
}


.lefttext {
   text-align:left;    
}
.centeredtext {
    text-align:center;
}
.righttext{
   text-align:right;    
}

.bordered {
    border: 1px solid red;
}

.calendarOfEvents {
    border: dotted 1px;border-color: #5d94ad; width:148px;vertical-align: top;
}
.idiom, .citation, .serial, .monograph, .byline {
font-style: italic !important;
}
.interview-question {
font-style: italic 
}

.interviewer {
font-style: italic !important;
font-weight: bold !important;
}
.interviewee {
font-weight: bold !important;
}
.publishDate {
	color: #999999 !important;
	font-style: italic !important;
	font-size: -1em !important;
}
.bannerImage {
	width: 100% !important; 
	height: auto !important;
}
.centeredImage {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important; 
}

a.subCategoryNameLink:hover{
    text-decoration: none;
}

/* ==========================================================================
    Overides
========================================================================== */

.x_header_small {
	width: auto !important;
}

.x_header {
	width: auto !important;
}
#pageAlert {
        background-color: #481439 !important;
        height: inherit !important;
        font-size: 9px !important;
}
	
/* ==========================================================================
    Printing
========================================================================== */

@media print {
	
    
	
	body {
    	background: white;
		color: #000000;
    }
	
	/*
	
	.boxToggle.closed > .boxBody {
    	height: 100% !important;
	}
	
	.cols6of12,
	.cols7of12,
	.cols9of12,
	.cols10of12,
	.cols12of12 {
		width: 100% !important;
	}
	
	
    .line .col:last-child {
		width: 100% !important;
	}
	
	.cols6of12 + .lastCol,
	.cols7of12 + .lastCol,	
	.cols9of12 + .lastCol,
	.cols12of12 + .lastCol,
	.cols11of12 + .lastCol,
	.cols12of12 + .lastCol {		
		float: left !important;
		width: 100% !important;		
	}
	
	*/
	.cols1of12,
	.cols2of12 {
		
		display: none;
		
	}
	
	.footer {
		display: none;
	}
	
	/*
	.content { width: 100%; margin: 0; float: none; } 
	
	
	
	form .cols3of12 {
		display: inline !important;
		width: 25% !important;
		float: left !important;
	}
	
	form .pbm {
		display: inline !important;
	}
	
	h2, h3 {
        page-break-after: avoid;
    }
	
	img {
        max-width: 100% !important;
    }

	#mainMenu {
		display: none;
	}
	
	
	
	#mobileSubMenu + img {
		visibility:hidden;
	}
	
	.pbm {
		display: table-cell !important;
	}

       
	
	.tabHead {
		visibility: hidden;
	}
	
	.tabHeading {
		display: block;
	}
	
    .tabs > .tabBody > li {
    	display: block;
    	margin: 0;
	}
	
	*/

       .section-feature-product-headline {
           background: none !important;
       }
	
	.header {
		display: none;
	}		
	
	@page {
      margin: 2cm;
    }

        .plm {
             padding-left: 40px !important;
        }
			
	.toolbar {
		display: none;
	}
}





/* ==========================================================================
    WFFM
========================================================================== */

.field-border
{
    display: table-row;
    clear: left;
    text-align: left;
    vertical-align: top;
}

.text-box
{
    width: 100%;
}

.field-panel
{
    display: table-cell;
    padding: 5px;
    vertical-align: top;
}

.form-title
{
    color: #3e5c83;
}

.field-required
{
    text-align: left;
}

.list-content 
{
    display: table-cell;
}

.field-error 
{
    color: red;
}

.field-title
{
    display: table-cell;
    width: 40%;
    vertical-align: top;
    padding: 5px;
    text-align: left;
}

.form-submit 
{
    white-space: pre;
    background: #0a587b;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    color: #fff !important;
    padding: 5px 12px;
    font-size: 13px;
    font-size: 0.8125rem;
    font-family: inherit;
}

.validation-summary-errors
{
    display: none;
}

/* ==========================================================================
    WFFM
========================================================================== */

/* Temp New Design */

.HorizontalRelatedLinks
{
     	display: inline;
	font-style: normal;
	color: black;	
}

.VerticalRelatedLinks
{
	font-style: normal;
	color: black;	
}