/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
    font-family: 'a_futuraortoregular';
    src: url('aFuturaOrto Regular-webfont.eot');
    src: url('aFuturaOrto Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('aFuturaOrto Regular-webfont.woff2') format('woff2'),
         url('aFuturaOrto Regular-webfont.woff') format('woff'),
         url('aFuturaOrto Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'a_futuraortobold';
    src: url('aFuturaOrto Bold-webfont.eot');
    src: url('aFuturaOrto Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('aFuturaOrto Bold-webfont.woff2') format('woff2'),
         url('aFuturaOrto Bold-webfont.woff') format('woff'),
         url('aFuturaOrto Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body, 
button,
input,
optgroup,
select,
textarea {
	font-family: Cambria, Georgia, serif;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
figure {
	margin: 0;
	display: block;
}
p {
	margin: 0 0 1em;
}
a:link, 
a:visited, 
a:hover, 
a:focus, 
a:active {
	text-decoration: none;
	outline: none;
}
body {
	background: #f2f8fb;
}
#page {
	margin: 0 auto;
	width: 100%;
	max-width: 1600px;
}
#site-header {
	padding: 0 0 15px;
	background: transparent url(../img/site-header.png) no-repeat 0 100%;
	overflow: visible;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
#site-title {
	margin: 0 2%;
	padding: 5px 0 0;
	float: left;
}
#site-nav {
	margin: 0 0 40px;
	float: left;
}
#site-nav ul, 
#site-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: visible;
}
#site-nav li {
	margin-left: 4px;
	float: left;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
#site-nav li:first-child {
	margin-left: 0;
}
#site-nav a {
	padding: 0.750em 15px;
	display: block;
	text-align: center;
	text-transform: uppercase;
}
#site-nav a:link, 
#site-nav a:visited, 
#site-nav a:hover, 
#site-nav a:focus, 
#site-nav a:active {
	color: #546e7a;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	text-shadow: 0 0 2px rgba(0,0,0,0.15);
}
#site-nav a:hover, 
#site-nav a:focus, 
#site-nav a:active {
	color: #fff;
	background: transparent url(../img/dec-hover.png) repeat-x 0 100%;
}
#site-nav .current a:link, 
#site-nav .current a:visited, 
#site-nav .current a:hover, 
#site-nav .current a:focus, 
#site-nav .current a:active {
	color: #fff;
	background: transparent url(../img/dec-hover.png) repeat-x 0 100%;
}
#tools {
	margin-right: 0.25%; /* 4 (originally 4) / 1600 */
	width: 14.5%; /* 232 (originally 232) / 1600 */
	float: right;
	font-family: a_futuraortoregular, sans-serif;
	font-size: 0.875em;
}
#tools nav ul, 
#tools nav li {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
#tools nav ul {
	text-align: center;
}
#tools #social ul {
	padding: 30px 0 0;
}
#tools #signin ul {
	padding: 20px 0 15px;
}
#tools #social li, 
#tools #signin li {
	padding: 0 10px 0 30px;
	display: inline-block;
	color: #546e7a;
	background: transparent url(../img/breadcrumb.png) no-repeat 0 0;
}
#tools #social li:first-child, 
#tools #signin li:first-child {
	padding-left: 0;
	background: transparent none;
}

#tools a:link, 
#tools a:visited, 
#tools a:hover, 
#tools a:focus, 
#tools a:active {
	display: block;
	width: 17px;
	height: 17px;
	text-indent: -9999em;
	background: transparent url(../img/sprite-tools.png) no-repeat 0 0;
}
#tools .link-fb:link, 
#tools .link-fb:visited, 
#tools .link-fb:hover, 
#tools .link-fb:focus, 
#tools .link-fb:active {
	background-position: 0 0;
}
#tools .link-gp:link, 
#tools .link-gp:visited, 
#tools .link-gp:hover, 
#tools .link-gp:focus, 
#tools .link-gp:active {
	background-position: -60px 0;
}
#tools .link-tw:link, 
#tools .link-tw:visited, 
#tools .link-tw:hover, 
#tools .link-tw:focus, 
#tools .link-tw:active {
	background-position: -127px 0;
}
#tools .link-profile:link, 
#tools .link-profile:visited, 
#tools .link-profile:hover, 
#tools .link-profile:focus, 
#tools .link-profile:active {
	background-position: -186px 0;
}
#tools .link-signout:link, 
#tools .link-signout:visited, 
#tools .link-signout:hover, 
#tools .link-signout:focus, 
#tools .link-signout:active {
	background-position: -253px 0;
}
#tools .link-lang:link, 
#tools .link-lang:visited, 
#tools .link-lang:hover, 
#tools .link-lang:focus, 
#tools .link-lang:active {
	text-indent: 0;
	color: #546e7a;
	background: transparent none;
	text-transform: uppercase;
	text-shadow: 0 0 2px rgba(0,0,0,0.15);
}

#breadcrumb {
	overflow: visible;
}
#breadcrumb ol, 
#breadcrumb li {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: visible;
}
#breadcrumb li {
	padding: 0 30px 0 47px;
	float: left;
	color: #546e7a;
	background: transparent url(../img/breadcrumb.png) no-repeat 0 1em;
	font-size: 1em;
	line-height: 3.000em;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}
#breadcrumb li:first-child {
	padding-left: 0;
	background: transparent none;
}
#breadcrumb .current {
	font-size: 2.188em;
	line-height: 1em;
	background-position: 0 0.457em;
}
#breadcrumb a:link, 
#breadcrumb a:visited, 
#breadcrumb a:hover, 
#breadcrumb a:focus, 
#breadcrumb a:active {
	color: #546e7a;
}
#breadcrumb .link-home a:link, 
#breadcrumb .link-home a:visited, 
#breadcrumb .link-home a:hover, 
#breadcrumb .link-home a:focus, 
#breadcrumb .link-home a:active {
	width: 17px;
	display: block;
	text-indent: -9999em;
	background: transparent url(../img/icon-home.png) no-repeat 0 50%;
}

#main {
	padding: 2% 0;
	width: 100%;
	overflow: visible;
}
#content {
	margin-left: 2%; /* 32 (originally 32) / 1600 */
	width: 81.25%; /* 1300 (originally 1300) / 1600 */
	float: left;
	overflow: visible;
}
#content-nav {
	margin-right: 0.25%; /* 4 (originally 4) / 1600 */
	width: 14.5%; /* 232 (originally 232) / 1600 */
	float: right;
	background: #fff;
	/*
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
	box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
	*/
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
#content-nav ul, 
#content-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content-nav li {
	border-top: 1px solid #dcf1fb;
}
#content-nav li:first-child {
	border-top: 0;
}
#content-nav .sub li {
	border-top: 1px solid #fff;
}
#content-nav a {
	padding: 0.750em 10px;
	display: block;
	text-align: center;
	text-transform: uppercase;
}
#content-nav a:link, 
#content-nav a:visited, 
#content-nav a:hover, 
#content-nav a:focus, 
#content-nav a:active {
	color: #546e7a;
	text-shadow: 0 0 2px rgba(0,0,0,0.15);
}
#content-nav a:hover, 
#content-nav a:focus, 
#content-nav a:active {
	color: #fff;
	background: #93c08e;
}
#content-nav .current a:link,
#content-nav .current a:visited,
#content-nav .current a:hover,
#content-nav .current a:focus,
#content-nav .current a:active {
	color: #fff;
	background: #93c08e;
}
#content-nav .current .sub a:link, 
#content-nav .current .sub a:visited {
	color: #546e7a;
	background: #b8e4b3;
}
#content-nav .current .sub a:hover, 
#content-nav .current .sub a:focus, 
#content-nav .current .sub a:active {
	color: #fff;
	background: #b8e4b3;
}
#content-nav .sub .current a:link,
#content-nav .sub .current a:visited,
#content-nav .sub .current a:hover, 
#content-nav .sub .current a:focus, 
#content-nav .sub .current a:active {
	color: #fff;
	background: #b8e4b3;
}

#site-footer {
	background: transparent url(../img/site-footer.png) no-repeat 0 0;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
#footer-nav ul, 
#footer-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	text-transform: uppercase;
}
#footer-nav ul {
	padding: 30px 16.875% 25px 2%;
}
#footer-nav li {
	margin: 0 0 0 5.8%;
	float: left;
}
#footer-nav li:first-child {
	margin-left: 0;
}
#footer-nav a:link, 
#footer-nav a:visited, 
#footer-nav a:hover, 
#footer-nav a:focus, 
#footer-nav a:active {
	color: #546e7a;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}
#footer-nav .current a:link, 
#footer-nav .current a:visited, 
#footer-nav .current a:hover, 
#footer-nav .current a:focus, 
#footer-nav .current a:active {
	color: #87b882;
}
#credits {
	padding: 25px 16.875% 15px 2%;
	overflow: hidden;
	background: transparent url(../img/site-footer-bottom.png) no-repeat 0 0;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
#credits small {
	display: block;
	font-size: 0.875em;
	font-family: a_futuraortoregular, sans-serif;
	color: #fff;
	text-shadow: 0 0 2px rgba(0,0,0,0.75);
}
#copyright {
	float: left;
}
#designer {
	float: right;
}
#designer img {
	display: inline-block;
}

.tpl-A {
	margin-bottom: 30px;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
.content {
	padding: 2.538461538%; /* 33 (originally 33) / 1300 */
	overflow: hidden;
	font-family: a_futuraortoregular, sans-serif;
	font-size: 0.875em;
	color: #546e7a;
}
.columns-2 .content {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 4em;
	-moz-column-gap: 4em;
	column-gap: 4em;
	-webkit-column-rule: 1px solid #dcf1fb;
	-moz-column-rule: 1px solid #dcf1fb;
	column-rule: 1px solid #dcf1fb;
}
/*
figure {
	-webkit-column-break-before: always;
	break-before: column;
}
*/
.article-blog {
	margin: 0 0 1.429em;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
.article-blog header {
	width: 70%;
	border-bottom: 1px solid #dbeaeb;
	float: left;
}
.article-blog footer {
	position: absolute;
	top: -1px;
	right: 0;
	z-index: 1;
	height: 100%;
	width: 25%;
	border-bottom: 1px solid #dbeaeb;
	float: right;
}
.article-blog h1 {
	margin: 0 0 1em;
	color: #93c08e;
	font-size: 1.429em;
	font-weight: normal;
}
.article-blog dl {
	margin: 0;
	padding: 1em 0 0;
}
.article-blog dt {
	margin: 0 0 1em;
	color: #93c08e;
}
.article-blog dd {
	margin: 0;
	padding: 0;
	color: #546e7a;
}
.article-blog dd a:link, 
.article-blog dd a:visited, 
.article-blog dd a:hover, 
.article-blog dd a:focus, 
.article-blog dd a:active {
	color: #546e7a;
}
.tpl-B {
	overflow: visible;
}
.article-news {
	margin-left: 2.538461538%; /* 33 (originally 33) / 1300 */
	margin-bottom: 30px;
	width: 23.076923077%; /* 300 (originally 300) / 1300 */
	float: left;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
.article-news:nth-of-type(4n+1) {
	margin-left: 0;
}
.article-news header {
	margin: 0 0 1em;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
.article-news h1 {
	margin: 0;
	padding: 10px 5%;
	width: 90%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	color: #546e7a;
	background: rgba(255,255,255,0.7);
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	text-align: center;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}
.article-news p {
	padding: 0 10px;
	font-size: 0.875em;
	font-family: a_futuraortoregular, sans-serif;
	color: #546e7a;
	text-align: center;
}
.article-news .cta {
	padding-top: 5px;
	border-top: 1px solid #dcf1fb;
}
.article-news h1 a:link, 
.article-news h1 a:visited, 
.article-news h1 a:hover, 
.article-news h1 a:focus, 
.article-news h1 a:active {
	display: block;
	color: #546e7a;
}
.article-news .cta a:link, 
.article-news .cta a:visited, 
.article-news .cta a:hover, 
.article-news .cta a:focus, 
.article-news .cta a:active {
	display: block;
	color: #93c08e;
}

#pagination {
	padding: 2.538461538%; /* 33 (originally 33) / 1300 */
	overflow: hidden;
	background: #fff;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}

#news {
	margin: 0 0 30px;
	padding: 0.769230769%; /* 10 (originally 10) / 1300 */
	overflow: visible;
	background: #fff;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
#news article {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
#news article {
	margin-left: 0.15625%; /* 2 (originally 2) / 1280 */
	margin-bottom: 0.15625%;
	width: 18.828125%; /* 241 (originally 241) / 1280 */
	float: left;
}
#news article:nth-of-type(1) {
	margin-left: 0;
	width: 42.96875%; /* 550 (originally 550) / 1280 */
}
#news article header {
	padding: 10px 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: rgba(255,255,255,0.7);
}
#news article h1 {
	margin: 0 0 10px;
	padding: 0 10px;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	text-align: center;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}
#news article:nth-of-type(1) h1 {
	font-size: 1.250em;
	font-weight: 600;
}
#news a:link, 
#news a:visited, 
#news a:hover, 
#news a:focus, 
#news a:active {
	display: block;
	color: #546e7a;
}
#news time, 
#news .comments-count {
	margin: 0 10px;
	padding-left: 25px;
	display: block;
	float: left;
	color: #7c96a2;
	background: transparent url(../img/icon-time.png) no-repeat 0 0;
	font-size: 0.875em;
	line-height: 1em;
	font-family: Calibri, Tahoma, Arial, sans-serif;
}
#news .comments-count {
	float: right;
	background: transparent url(../img/icon-comments_count.png) no-repeat 0 0;
}

.generic-section {
	margin-bottom: 30px;
	margin-left: 2.538461538%; /* 33 (originally 33) / 1300 */
	width: 23.076923077%; /* 300 (originally 300) / 1300 */
	float: left;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
#talents, 
#facebook {
	margin-left: 0;
}
.generic-section figure {
	margin: 15px 0;
}
.generic-section figure img {
	margin: 0 auto;
}
.generic-section > header h1 {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #dcf1fb;
	color: #546e7a;
	font-size: 1.313em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}
.generic-section article {
	font-family: a_futuraortoregular, sans-serif;
	color: #546e7a;
}
.generic-section article h1 {
	margin: 0 0 0.833em;
	padding: 0 10px 1em;
	font-size: 1.125em;
	font-weight: normal;
	text-align: center;
	background: transparent url(../img/dec-2.png) no-repeat 50% 100%;
}
.generic-section p {
	padding: 0 10px;
	font-size: 0.875em;
	text-align: center;
}
.generic-section .cta {
	padding-top: 5px;
	border-top: 1px solid #dcf1fb;
}
.generic-section .cta a:link, 
.generic-section .cta a:visited, 
.generic-section .cta a:hover, 
.generic-section .cta a:focus, 
.generic-section .cta a:active {
	display: block;
	color: #93c08e;
}
.thirdparty-content {
	padding: 10px 10px 20px;
	text-align: center;
}
#blogs article {
	border-top: 1px solid #dcf1fb;
}
#blogs article:nth-of-type(1) {
	border-top: 0;
}
#blogs .cta {
	font-family: a_futuraortoregular, sans-serif;
}
#blogs article h1 {
	margin: 0 0 0.313em;
	padding: 1em 10px 0;
	font-family: a_futuraortobold, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #595959;
	background: transparent none;
}
#blogs .url a:link, 
#blogs .url a:visited, 
#blogs .url a:hover, 
#blogs .url a:focus, 
#blogs .url a:active {
	color: #d3d3d3;
}


.generic-wrapper {
	margin-bottom: 30px;
	width: 100%;
	overflow: visible;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
.generic-wrapper section {
	padding: 0 0 10px;
	overflow: hidden;
	text-align: center;
}
.generic-wrapper .column-A {
	width: 25.615384615%; /* 333 (originally 333) / 1300 */
	float: left;
}
.generic-wrapper .column-B {
	width: 48.153846154%; /* 626 (originally 626) / 1300 */
	float: left;
}
#values {
	background: #dcf1fb;
}
#literature {
	background: #a4cadc;
}
#art {
	width: 13.076923077%; /* 170 (originally 170) / 1300 */
	float: left;
	background: #cae5f1;
}
#music {
	background: #b5d5e4;
}
#francophonie {
	width: 50%;
	float: left;
	background: #86b6cc;
}
#education {
	width: 50%;
	float: left;
	background: #77abc3;
}
#languages {
	width: 13.076923077%; /* 170 (originally 170) / 1300 */
	float: left;
	background: #94bfd3;
}
.generic-wrapper article {
	overflow: hidden;
}
.generic-wrapper article p {
	padding: 0 10px;
}
#values figure, 
#literature figure, 
#francophonie figure, 
#education figure {
	width: 50%;
	float: left;
}
#music figure {
	width: 25%;
	float: left;
}
#values article header, 
#literature article header, 
#francophonie article header, 
#education article header {
	width: 50%;
	float: right;
}
#music article header {
	width: 75%;
	float: right;
}
.generic-wrapper section > header h1 {
	margin: 0 0 1em;
	padding: 0.556em 10px;
	border-bottom: 1px solid #b5d5e4;
	color: #546e7a;
	font-size: 1.125em;
	font-weight: normal;
	text-transform: uppercase;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}
#values > header h1 {
	border-bottom: 1px solid #fff;
}
#literature > header h1 {
	border-bottom: 1px solid #b5d5e4;
}
#art > header h1 {
	border-bottom: 1px solid #dcf1fb;
}
#music > header h1 {
	border-bottom: 1px solid #cae5f1;
}
#francophonie > header h1 {
	border-bottom: 1px solid #94bfd3;
}
#education > header h1 {
	border-bottom: 1px solid #94bfd3;
}
#languages > header h1 {
	border-bottom: 1px solid #a4cadc;
}
.generic-wrapper article {
	font-family: a_futuraortoregular, sans-serif;
	color: #546e7a;
}
.generic-wrapper article h1 {
	margin: 0 0 1em;
	padding: 0 10px;
	font-weight: normal;
}
#values article h1, 
#literature article h1 {
	font-size: 1.125em;
}
#art article h1, 
#music article h1, 
#languages article h1 {
	font-size: 1.250em;
}
#francophonie article h1, 
#education article h1 {
	font-size: 1em;
	color: #fff;
}
.generic-wrapper p {
	margin: 0;
}
#music p {
	font-size: 0.875em;
}
.generic-wrapper .cta {
	padding-top: 20px;
	background: transparent url(../img/dec-3.png) no-repeat 50% 0;
	font-size: 0.875em;
}
.generic-wrapper .cta a:link, 
.generic-wrapper .cta a:visited, 
.generic-wrapper .cta a:hover, 
.generic-wrapper .cta a:focus, 
.generic-wrapper .cta a:active {
	display: block;
	color: #dcf1fb;
}
#values .cta, 
#art .cta, 
#music .cta {
	background: transparent url(../img/dec-2.png) no-repeat 50% 0;
}
#values .cta a:link, 
#values .cta a:visited, 
#values .cta a:hover, 
#values .cta a:focus, 
#values .cta a:active {
	color: #93c08e;
}
#art .cta a:link, 
#art .cta a:visited, 
#art .cta a:hover, 
#art .cta a:focus, 
#art .cta a:active {
	color: #93c08e;
}
#music .cta a:link, 
#music .cta a:visited, 
#music .cta a:hover, 
#music .cta a:focus, 
#music .cta a:active {
	color: #93c08e;
}
.generic-wrapper article figure img {
	margin: 0 auto 10px;
}

.tpl-C {
	width: 74.384615385%; /* 967 (originally 967) / 1300 */
	float: left;
}
.tpl-C .generic-article {
	margin: 0 0 30px;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
.generic-article h1 {
	margin: 0 0 1em;
	padding: 0.619em 10px 0.571em;
	border-bottom: 1px solid #b5d5e4;
	color: #546e7a;
	font-size: 1.313em;
	line-height: 1em;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}
.generic-article figure {
	border-top: 1px solid #b5d5e4;
	margin: 0 0 0 3.516028956%; /* 34 (originally 34) / 967 */
	width: 76.111685626%; /* 736 (originally 736) / 967 */
	float: left;
}
.generic-article figcaption {
	padding: 0.750em 0 0.625em;
	border-top: 1px solid #b5d5e4;
	border-bottom: 1px solid #b5d5e4;
	overflow: hidden;
}
.generic-article figure img {
	margin: 0 auto;
}
.generic-article figcaption span {
	display: block;
	color: #546e7a;
	font-family: a_futuraortoregular, sans-serif;
	font-size: 0.750em;
}
.photoplace {
	float: left;
}
.photocredits {
	float: right;
}
.generic-article footer {
	width: 16.95966908%; /* 164 (originally 164) / 967 */
	float: right;
	background: #eaf5fa;
}
.generic-article .content {
	padding: 3.516028956%; /* 34 (originally 34) / 967 */
}
#comments {
	margin: 0 0 30px;
	width: 48.29369183%; /* 467 (originally 467) / 967 */
	float: left;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
#nav-articles {
	margin: 0 0 30px;
	width: 48.29369183%; /* 467 (originally 467) / 967 */
	float: right;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
#most-commented {
	margin: 0 0 30px;
	width: 48.29369183%; /* 467 (originally 467) / 967 */
	float: right;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
#nav-articles dl {
	margin: 0;
	padding: 0 0 1em;
}
#nav-articles dt {
	margin: 0;
	padding: 1em 7.280513919%; /* 34 (originally 34) / 467 */
	border-bottom: 1px solid #b5d5e4;
	color: #546e7a;
	font-size: 1em;
	line-height: 1em;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}
#nav-articles dd + dt {
	border-top: 1px solid #b5d5e4;
	text-align: left;
}
#nav-articles dd {
	margin: 0;
	padding: 1em 7.280513919%; /* 34 (originally 34) / 467 */
	font-family: a_futuraortoregular, sans-serif;
	font-size: 1em;
	color: #7caa77;
}
#nav-articles a:link, 
#nav-articles a:visited, 
#nav-articles a:hover, 
#nav-articles a:focus, 
#nav-articles a:active {
	display: block;
	color: #7caa77;
}
#nav-articles .next {
	padding-right: 20px;
	background: transparent url(../img/arrow-next.png) no-repeat 100% 50%;
}
#nav-articles .prev {
	padding-left: 20px;
	background: transparent url(../img/arrow-prev.png) no-repeat 0 50%;
	text-align: right;
}
#most-commented h2 {
	margin: 0;
	font-size: 1.313em;
}
#most-commented article {
	margin: 0;
	padding: 20px 7.280513919%; /* 34 (originally 34) / 467 */
	border-bottom: 1px solid #b5d5e4;
	overflow: hidden;
	font-family: a_futuraortoregular, sans-serif;
	color: #546e7a;
}
#most-commented article header {
	width: 60.401002506%; /* 241 (originally 241) / 399 */
	float: right;
}
#most-commented figure {
	width: 31.077694236%; /* 124 (originally 124) / 399 */
	float: left;
}
#most-commented article + article header {
	float: left;
}
#most-commented article + article figure {
	float: right;
}
#most-commented article + article h1 {
	text-align: right;
}
#most-commented article + article p {
	text-align: right;
}
#most-commented article h1 {
	margin: 0;
	padding: 0 0 1.333em;
	font-size: 1.125em;
	color: #7caa77;
	background: transparent url(../img/dec-2.png) no-repeat 50% 100%;
}
#most-commented h1 a:link, 
#most-commented h1 a:visited, 
#most-commented h1 a:hover, 
#most-commented h1 a:focus, 
#most-commented h1 a:active {
	color: #7caa77;
}
#most-commented time, 
#most-commented .comments-count {
	margin: -0.857em 0 1.286em;
	padding-left: 25px;
	display: block;
	float: left;
	color: #7c96a2;
	background: transparent url(../img/icon-time.png) no-repeat 0 0;
	font-size: 0.875em;
	line-height: 1em;
	font-family: Calibri, Tahoma, Arial, sans-serif;
}
#most-commented .comments-count {
	float: right;
	background: transparent url(../img/icon-comments_count.png) no-repeat 0 0;
}
#most-commented p {
	clear: both;
	width: 100%;
}

.tpl-C + aside {
	width: 23.076923077%; /* 300 (originally 300) / 1300 */
	float: right;
}
aside section {
	margin: 0 0 30px;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
aside h2 {
	margin: 0 0 1.167em;
	padding: 0.833em 10px 0.722em;
	border-bottom: 1px solid #b5d5e4;
	color: #546e7a;
	font-size: 1.125em;
	line-height: 1em;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}
.topics h2 {
	margin: 0;
	padding: 1em 10px 1.125em;
	border-bottom: 1px solid #fff;
	font-size: 1em;
	background: #dcf1fb;
}
.topics h2:nth-of-type(2) {
	background: #cae5f1;
	border-color: #dcf1fb;
}
.topics h2:nth-of-type(3) {
	background: #b5d5e4;
	border-color: #cae5f1;
}
aside .article-news {
	margin: 0 0 1px;
	width: 100%;
	float: none;
	background: transparent none;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}
aside .article-news header {
	margin: 0;
}
.topics article {
	margin: 0;
	background: #dcf1fb;
}
.topics article:nth-of-type(2) {
	background: #cae5f1;
}
.topics article:nth-of-type(3) {
	background: #b5d5e4;
}
.topics article {
	padding: 20px 0;
	font-family: a_futuraortoregular, sans-serif;
	color: #546e7a;
}
.topics figure {
	margin: 0 0 15px;
}
.topics figure img {
	margin: 0 auto;
}
.topics article h1 {
	margin: 0;
	padding: 0 10px;
	color: #546e7a;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	text-align: center;
}
.topics h1 a:link, 
.topics h1 a:visited, 
.topics h1 a:hover, 
.topics h1 a:focus, 
.topics h1 a:active {
	color: #546e7a;
}
aside .cta {
	margin: 0;
	padding: 5px 0 1em;
	text-align: center;
	font-family: a_futuraortoregular, sans-serif;
	font-size: 0.875em;
}
aside .cta a:link, 
aside .cta a:visited, 
aside .cta a:hover, 
aside .cta a:focus, 
aside .cta a:active {
	display: block;
	color: #93c08e;
}

.article-partner {
	margin: 0 0 30px;
	width: 48.769230769%; /* 634 (originally 634) / 1300 */
	float: left;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
.article-partner:nth-of-type(2n) {
	float: right;
}
.article-partner h1 {
	margin: 0 0 1em;
	padding: 0.619em 10px 0.571em;
	border-bottom: 1px solid #dcf1fb;
	color: #546e7a;
	font-size: 1.313em;
	line-height: 1em;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}
.article-partner .cta {
	margin: 0;
	padding: 5px 10px 1em;
	border-top: 1px solid #dcf1fb;
	clear: both;
	text-align: center;
	font-family: a_futuraortoregular, sans-serif;
	font-size: 0.875em;
}
.article-partner .cta a:link, 
.article-partner .cta a:visited, 
.article-partner .cta a:hover, 
.article-partner .cta a:focus, 
.article-partner .cta a:active {
	display: block;
	color: #93c08e;
}
.article-partner figure {
	margin: 0 0 20px 5.362776025%; /* 34 (originally 34) / 634 */
	width: 28.706624606%; /* 182 (originally 182) / 634 */
	float: left;
}
.article-partner .description {
	margin: 0 5.362776025% 20px 0; /* 34 (originally 34) / 634 */
	width: 55.205047319%; /* 350 (originally 350) / 634 */
	float: right;
	font-family: a_futuraortoregular, sans-serif;
	font-size: 0.875em;
	color: #546e7a;
}
.article-artist {
	margin: 0 0 30px 2.538461538%; /* 33 (originally 33) / 1300 */
	width: 23.076923077%; /* 300 (originally 300) / 1300 */
	float: left;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
.article-artist:nth-of-type(4n+1) {
	margin-left: 0;
}
.article-artist figure {
	margin: 15px 0;
}
.article-artist figure img {
	margin: 0 auto;
}
.article-artist {
	font-family: a_futuraortoregular, sans-serif;
	color: #546e7a;
}
.article-artist h1 {
	margin: 0 0 0.833em;
	padding: 0 10px 1em;
	font-size: 1.250em;
	font-weight: normal;
	text-align: center;
	color: #546e7a;
	background: transparent url(../img/dec-2.png) no-repeat 50% 100%;
}
.article-artist p {
	padding: 0 10px;
	font-size: 0.875em;
	text-align: center;
}
.article-artist .cta {
	padding-top: 5px;
	border-top: 1px solid #dcf1fb;
}
.article-artist .cta a:link, 
.article-artist .cta a:visited, 
.article-artist .cta a:hover, 
.article-artist .cta a:focus, 
.article-artist .cta a:active {
	display: block;
	color: #93c08e;
}

.rubric {
	margin: 0 0 30px;
	width: 48.769230769%; /* 634 (originally 634) / 1300 */
	float: left;
	background: transparent url(../img/dec.png) repeat-x 0 100%;
	-webkit-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,.5));
}
.rubric:nth-of-type(2n) {
	float: right;
}
.rubric > header h1 {
	margin: 0;
	padding: 0.833em 10px 0.722em;
	border-bottom: 1px solid #dcf1fb;
	color: #546e7a;
	font-size: 1.313em;
	line-height: 1em;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 2px rgba(0,0,0,0.35);
}
.article-music {
	margin: 0;
	padding: 20px 7.280513919%; /* 34 (originally 34) / 467 */
	border-bottom: 1px solid #dcf1fb;
	overflow: hidden;
	font-family: a_futuraortoregular, sans-serif;
	color: #546e7a;
}
.article-music header {
	width: 60.401002506%; /* 241 (originally 241) / 399 */
	float: right;
}
.article-music figure {
	width: 31.077694236%; /* 124 (originally 124) / 399 */
	float: left;
}
.article-music + .article-music header {
	float: left;
}
.article-music + .article-music figure {
	float: right;
}
.article-music + .article-music h1 {
	text-align: right;
}
.article-music + .article-music p {
	text-align: right;
}
.article-music h1 {
	margin: 0;
	padding: 0 0 1.333em;
	font-size: 1.125em;
	color: #7caa77;
	background: transparent url(../img/dec-2.png) no-repeat 50% 100%;
}
.article-music h1 a:link, 
.article-music h1 a:visited, 
.article-music h1 a:hover, 
.article-music h1 a:focus, 
.article-music h1 a:active {
	color: #7caa77;
}
.article-music time, 
.article-music .comments-count {
	margin: -0.857em 0 1.286em;
	padding-left: 25px;
	display: block;
	float: left;
	color: #7c96a2;
	background: transparent url(../img/icon-time.png) no-repeat 0 0;
	font-size: 0.875em;
	line-height: 1em;
	font-family: Calibri, Tahoma, Arial, sans-serif;
}
.article-music .comments-count {
	float: right;
	background: transparent url(../img/icon-comments_count.png) no-repeat 0 0;
}
.article-music p {
	clear: both;
	width: 100%;
	font-size: 0.875em;
}
.rubric .cta {
	padding-top: 5px;
	font-size: 0.875em;
	text-align: center;
}
.rubric .cta a:link, 
.rubric .cta a:visited, 
.rubric .cta a:hover, 
.rubric .cta a:focus, 
.rubric .cta a:active {
	display: block;
	color: #93c08e;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}