/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
#Site Styles
#Page Styles
#Media Queries
#Font-Face */





@media only screen and (max-width: 1200px) {
	.homepage h2 {
		padding: 20px 0 10px 0;
	}
}




@media only screen and (min-width: 768px) and (max-width: 959px) {

    .container .three.columns.contact-left{
        width: 250px;
    }

}

@media only screen and (max-width: 767px) {
	.footer_registration_vat { white-space: pre-line; }


        .article-listing .article .image-container {
            float: none;
        }


}

@media only screen and (min-width: 768px) {
	.horisontal-line {width: 440px !important;}
	.horisontal-line2 {width: 480px !important;}
}

@media only screen and (min-width: 960px) {
	.body-educator .blockquote {
		width: 100%;
	}

	.body-educator .blockquote span.bottom {
		background: url('../images/quote-bottom2.png') right top no-repeat;
	}
}




/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */





/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {


    .container .six.columns {
        max-width: 100%;
    }

    .article-listing .six.columns, .articles-listing .six.columns {
        width: 505px;
    }


    .section-header .page-intro {
        margin-left: 0px;
    }

    .body-educator .text {
        max-width: 622px;
    }

    .body-educator h2.icon.blog {
            background-position: 0 -132px;
            margin-top: 0px;
    }
    .blog_thumb_align_wide {

    }
    .time_thumb_align {
            float: left;
            padding-right: 20px !important;
    }
    .our_staff_break { display: block !important}

    .section-nav {
        margin-bottom: 0px;
    }

    .section-nav ul {
            display: block;
            position: relative;
            float: none;
            margin-left: 15px;
            margin-right: 15px;
            margin-top: 15px;
            margin-bottom: 0px;
            height: 30px;

            padding-top: 0px;
    }

    .body-aboutus .section-nav ul {
        background: #485962;
    }
    .body-administrator .section-nav ul {
        background: #00AFAD;
    }
    .body-educator .section-nav ul {
        background: #d11a6f;
    }

    /* About us */

    .renew-online, .renew-online:hover,
    .biglink, .biglink:hover {
            display: block;
            height: 55px;
            padding-left: 60px;
            font-size: 30px;
            line-height: 55px;
            color: #f58220;
            cursor: pointer;
            margin: 15px 0;
    }

    .about-subpages {
            padding-bottom: 20px;
            padding-top: 10px;
    }

    .about-subpages a {
            background: url('../images/about-subpages-sprite@2x.png') left top  no-repeat;
            background-size: 46px 321px;
            padding-top: 13px;
            padding-bottom: 34px;
            margin: 0;
            border-top: 0px solid #BCBEC0;
            font-size: 30px;
    }
    .body-educator .page-title.case-studies, .body-educator .page-title {
            padding-top: 10px;
            background: url('../images/educator-icons-big-sprite@2x.png') left 5px no-repeat;
            background-size: 46px 321px;
            padding-left: 65px;
            line-height: 36px !important;
            min-height: 55px;
            height: 100%;
    }


    .body-educator h2.icon {
            color: #d11a6f;
            cursor: pointer;
            display: block;
            font-size: 30px;
            height: 55px;
            line-height: 55px;
            margin: 15px 0;
            padding-left: 70px;
            background: url('../images/educator-icons-big-sprite@2x.png') left top no-repeat;
            background-size: 46px 321px;;
    }
    .body-educator h2.icon.signposts {
            background-position: 0 -275px;
            margin-top: 0px;
    }
    .about-subpages a:hover {
            font-size: 30px;
    }

    .ie .about-subpages a {
            background: url('../images/about-subpages-sprite.png') left top  no-repeat;
    }
    .about-subpages a.members {
            background-position: 0 16px;
            border-top: none;
    }

    .about-subpages a.staff {
            background-position: left -74px;
    }

    .about-subpages a.contact {
            background-position: left -167px;
    }

    .about-subpages a.gouvernance {
            background-position: left -260px;
    }
    .section-header h1.page-title {
            font-size: 30px;
            line-height: 48px;
            margin-bottom: 4px;
    }
    .page-title.members {
            background: url('../images/about-subpages-sprite@2x.png') left top no-repeat;
            background-size: 46px 321px;
            padding-left: 65px;
            line-height: 48px !important;
            height: 55px;
    }
    .page-title.staff {
            background: url('../images/about-subpages-sprite@2x.png') left -114px no-repeat;
            background-size: 46px 321px;
            padding-left: 65px;
            line-height: 48px !important;
            height: 55px;
            background-position: left -92px;
    }
    .page-title.contact {
            background: url('../images/about-subpages-sprite@2x.png') left -228px no-repeat;
            background-size: 46px 321px;
            padding-left: 65px;
            line-height: 48px !important;
            height: 55px;
            background-position: left -184px;
    }
    .body-administrator h2.icon {
            background-size: 46px 321px;
            padding-top:10px !important;
            line-height: 40px;
            background-position: 0 10px;
            height: auto !important;


    }

    .body-administrator h2.icon.licence-rates {
            background-position: 0 -128px;
            margin-top: 0px;
    }

    .body-administrator h2.icon.licence-faq {
            background-position: 0 -272px;
            margin-top: 0px;
    }
    .body-administrator .page-title.licence-faq {
            background-size: 46px 321px;
            background-position: left -270px;
            line-height: 36px !important;
            padding-top: 10px;
    }

    .body-administrator .page-title.licence-updates {
            background-size: 46px 321px;
            background-position: left 6px;
    }
    .body-administrator .page-title.rates-agreements, .body-administrator .page-title.licenceing-scheme, .body-administrator .page-title.terms-licence, .body-administrator .page-title.labelling {
            background-size: 46px 321px;
            background-position: left -130px;
    }
    .body-educator .page-title.blog {
            padding-top: 10px;
            background-size: 46px 321px;
            background-position: left -133px;
            line-height: 36px !important;
    }

    .body-educator .page-title.signposts {
            padding-top: 10px;
            background-size: 46px 321px;
            background-position: left -271px;
            line-height: 36px !important;
    }


    .header .main-nav > ul > li.nav-about, .header .main-nav > ul > li.nav-administrator {
        margin-right: 0.5%;
    }

    .header .main-nav > ul > li > a {
        font-size: 16px;
    }

    .home-covered {
        float: none;
        position: relative;
        margin-left: 40px;
        margin-bottom: 20px;
        width: 728px;

    }

    .body-home .how-it-works, .box {
        width: 752px;
    }

    .box .columns.three .recent-posts .columns.three {
        width: 225px;
    }

    .box .columns.omega {
        margin-right: 20px;
        margin-left: 70px;
    }

    .box .six.columns { width: 480px; margin-left: 70px;}

    .section-header {
        margin-top: 0;
        padding-top: 0;
    }
    .section-header .columns.three {
        float: none;
        width: 748px;
        margin: 0 auto;
    }

    .body-administrator .section-header .section-nav li {
        float: left;
        width: 33.333%;
        position: static;
    }
    .section-header .section-nav li {
        float: left;
        width: auto;
        position: static;
        margin-bottom: 0px;
        margin-right: 10px;
    }

    .body-administrator .section-header .section-nav li, .body-educator .section-header .section-nav li {
        width: 33.333%;
    }
    .body-administrator .section-header .section-nav li ul li, .body-educator .section-header .section-nav li ul li{
        width: 30%;
    }

    /*Governance sub-nav*/
    .section-header .section-nav li.nav-members {
        width: auto;
    }
    .section-header .section-nav li.nav-staff {
        width: auto;
    }
    .section-header .section-nav li.nav-contact {
        width: auto;
    }
    .section-header .section-nav li.nav-governance {
        width: auto;
    }
    /*The licence sub-nav*/
    .section-header .section-nav li.nav-updates {
        width: auto;
    }
    .section-header .section-nav li.nav-rates {
        width: auto;
    }
    .section-header .section-nav li.nav-faq {
        width: auto;
    }

    /*Education sub-nav*/

    .section-header .section-nav li.nav-cs {
        width: auto;
    }

    .section-header .section-nav li.nav-blog {
        width: auto;
    }

    .section-header .section-nav li.nav-signposts {
        width: auto;
    }


    .section-header .section-nav li.current-menu-item.menu-item-has-children,
    .section-header .section-nav li.current-menu-ancestor.current-menu-parent.menu-item-has-children {
        margin-bottom: 50px;
    }

    .section-nav ul ul {
        position: absolute;
        left: 0;
        top: 30px;
        width: 100%;
        margin-left: 0px !important;
        height: auto;
        min-height: 30px;
        background: #BCBEC0;
    }

    .section-header .section-nav li li {
        width: auto;
        float: none;
        display: inline-block;
        background: transparent;
        margin-right: 10px;
        padding-top: 0px;
    }

    .section-header .section-filter-container {
        display: none;
    }

    .section-header .section-tags-container {
        display: none;
    }

    .section-header .page-intro {
        margin-top: 30px;
        position: relative;
    }

    .container .offset-by-three {
        padding-left: 0px;
    }

    .info-box {
        margin-left: 0;
        /*max-width: 505px;*/
    }



    .section-header .text {
        text-align: left;
    }

    .member-item {
        margin: 0 10px 15px;
    }

    .member-item.alpha {
        margin-left: 10px;
    }
    .member-item.omega {
        margin-right: 10px;
    }


    .absolute-nav-container {
        position: static;
        width: auto;
        height: auto;
        left: auto;
        top: auto;
    }


    .section-nav > ul > li.current-menu-item > .arr, .section-nav > ul > li.current-menu-parent > .arr, .arr {
        display: none !important;
    }

    .section-nav > ul > li:last-child::after {
        display: block;
        content: ' ';
        float: none;
        clear: both;
    }

    .article-listing .article{
        margin-right: 50px;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .section-header .navigation {
            position: absolute;
            z-index: 10;
            right: -80px;
            top: 10px;
            width: auto;
    }

    .section-nav ul li.current-menu-parent ul, .section-nav ul li.current-menu-item ul {
            background: #bcbec0;
            padding-top: 10px;

    }
    span.footer_span {
            width: 191px !important;
            display: inline-block;
    }
    .blog_thumb_align_wide {
            float:right !important;
    }

    .article-listing .four.columns {
        width: 360px;
    }

    .article-listing .article .columns.one {
        width: 60px;
    }

    .section-header .text {
        max-width: 622px;
    }

    .member-item:nth-child(3n+1) {
        clear: both;
    }

    .member-item {
        width: 175px;
    }

    .member-item img {
        margin: 0 auto;
    }
}

@media all and (max-width: 1024px){


}

/* All Mobile Sizes (devices and browser) */
@media all and (max-width: 769px) {

	.show-mobile{display: block;}
	.show-desktop{display: none;}

	.header .logo-container{
		height: 100px;
	}

	.header .logo-container {
		margin: 0 auto 16px;
		width: 100%;
		text-align: center;
	}

	.header .logo-container img {
		margin-top: 0px;
		width: auto;
		float: none;
		height: 100px;
		margin: 0 auto;
	}

    .section-header .page-intro {
        margin-right: 0px;
        margin-left: 0px;
    }

    .article-listing .article h3 {

            padding-top: 7px;
    }

    .article-listing .article {

            margin-bottom: 7px;
    }

    blockquote,
    .blockquote {
            margin: 0 !important;
    }
    .body-educator .blockquote .icon {
            display: none;
    }
    .article-listing .article time {

            margin-bottom: 0px;
    }

    .blog_thumb_align {
            display:block;
            float:right !important;
    }

    .blog_thumb_align_wide {
            display:none !important;
            margin-right:10px;
    }

    .twitter-margin-left {
            margin-left: 0px;
    }
    .section-header .navigation {
        margin-bottom: 10px;
        position: relative;
        right: 0;
        top: 0;
        width: auto;
        z-index: 1;
    }
    .mobile-nav-container {
            display: block;
    }

    body.sticky {
            padding-top: 0;
    }

    .sticky .header {
            top: -239px;
            position: fixed !important;

    }

    .section-nav {
            display: none;
    }

    body .section-header h1.page-title {
            text-align: left;
            margin-top: 0px !important;
            height: auto;
    }


    .recent-tweets .columns:first-child .tweet:last-child {
            border-bottom: none;
    }

    .contact-bottom .contact-map-container .contact-map {
            max-width: 100%;
    }

    h2.icon {
            height: auto !important;
    }

    .content.grey .text,
    .content.grey .h2,
    .body-administrator .content.grey   h2.icon,
    .body-educator .content.grey        h2.icon,
    .body-aboutus .content.grey         h2.icon {

    }

    .section-header {
            margin-top: 20px;
    }

    .article-listing .article {
            border-bottom: 1px solid #f4f5f6;
            padding-bottom: 0px;
            text-align: left;
    }

    .article-listing .article:last-child {
            border-bottom: none;
    }

    .article-listing .article time {
            padding-bottom: 35px;
    }

    .article-listing .article .image-container img {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 150px;
    }

    .related-content .related-item, .related-content .columns,
    .recent-posts .recent-item, .recent-posts .columns {
            max-width: 100%;
    }

    .content {
            margin-bottom: 20px;
    }

    .article-bottom .article-socials {
            float: none;
            clear: left;
            height: 42px;
            width: 130px;
            margin: -20px 0 0 -9px;
    }

    .article-bottom .article-socials:before, .article-bottom .article-socials:after {
            clear: both;
            content: ' ';
    }
    .article-bottom .useful {
            padding: 0px 0px 20px 0;
            width: 155px;
    }
    .article-bottom .pdf-download {
            float: left;
            padding: 0px 0px 15px 0;
            width: 100%;
    }

    .article-bottom {
            text-align: left;
            margin-right: 0px;
    }


    .body-administrator .info-box, .body-educator .info-box, .body-aboutus .info-box {
            margin-left: 0;
            /*width: 400px; */
            padding: 70px 10px 10px;
    }

    .info-box .icon {
            right: 0px;
            left: 0px;
            top: 15px;
            margin-left: auto;
            margin-right: auto;
    }



    .doihavealicence-sticky {
        display: none;
    }

    body.body-home {
        background: #fff;
    }

    .header .mobile-header-hamburger {
        display: block;
        padding-left: 0px;
    }


    .header .main-nav {
        display: none;
    }

    .header .header-tagline {
        margin-left: 0;
        padding-left: 15px;
        padding-right: 15px;
        width: 390px;
        text-align: center;
    }

    .columns.six.left-header, .columns.six.right-header {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: auto;
    }





    .header-contactinfo {
        width: auto;
    }

    .columns.six.right-header li {
        float: none;
        display: inline-block;
    }
    .phone {
        margin: 0! important;
    }
    .columns.six.right-header li a {
        display: inline-block;
    }

    .body-home .how-it-works, .box {
        width: 405px;
    }

    .header .header-contactinfo {
        float: none;
        margin: 0px auto;
        font-size: 14px;
        height: auto;
    }

    .header .header-contactinfo ul li {
        margin-left: 15px;
    }

    .header .header-contactinfo ul li a {
        height: 36px;
        line-height: 31px;
        padding-left: 40px;
    }

    .home-covered .doihavealicence {
        display: none;
    }

    .home-covered {
        box-shadow: none;
        height: 275px;
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .how-it-works .jcarousel-wrapper .caption {
        margin-left: 40px;
        margin-right: 40px;
    }

    .orange-corner {
        background-color: #fff;
    }

    .box {
        background: #f4f5f6;
    }

    .box .columns.omega {
        margin-left: 20px;
    }

    .box .columns {
        margin-left: 20px;
        max-width: 80%;
    }

    .article-listing .article{
        margin-right: 0px;
    }

}

@media only screen and ( max-device-width: 767px) and ( orientation : landscape ) {

    .sticky .header {
        position: relative !important;
    }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}


@media only screen and (min-width: 480px) {
        .body-educator .blockquote {
            position: relative;
            overflow: none;
            background: #ae1e5b; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MWU1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2JlMWM2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2NlMWE2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2NlMWE2ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2JlMWM2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOTFlNTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(left,  #a91e59 0%, #be1c65 15%, #ce1a6e 40%, #ce1a6e 60%, #ae1e5b 85%, #a51e56 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a91e59), color-stop(15%,#be1c65), color-stop(40%,#ce1a6e), color-stop(60%,#ce1a6e), color-stop(85%,#ae1e5b), color-stop(100%,#a51e56)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left,  #a91e59 0%,#be1c65 15%,#ce1a6e 40%,#ce1a6e 60%,#ae1e5b 85%,#a51e56 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left,  #a91e59 0%,#be1c65 15%,#ce1a6e 40%,#ce1a6e 60%,#ae1e5b 85%,#a51e56 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(left,  #a91e59 0%,#be1c65 15%,#ce1a6e 40%,#ce1a6e 60%,#ae1e5b 85%,#a51e56 100%); /* IE10+ */
            background: linear-gradient(to right,  #a91e59 0%,#be1c65 15%,#ce1a6e 40%,#ce1a6e 60%,#ae1e5b 85%,#a51e56 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a91e59', endColorstr='#a51e56',GradientType=1 ); /* IE6-8 */
            -moz-box-shadow: 2px 2px 5px #333;
            -webkit-box-shadow: 2px 2px 5px #333;
            box-shadow: 2px 2px 5px #333;
            -webkit-box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.5);
            -moz-box-shadow:    1px 3px 5px 0px rgba(0, 0, 0, 0.5);
            box-shadow:         1px 3px 5px 0px rgba(0, 0, 0, 0.5);
            color: #fff;
            margin-bottom: 45px;
            margin-right: 40px;
            padding: 20px;
            font-size: 24px;
            font-weight: normal;
            font-style: normal;
            padding-right: 80px;
            line-height: 1.5em !important;
            margin-bottom: 45px !important;
	}


}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .body-administrator h2.icon {
        line-height: 36px;
        background-position: 0 4px;
    }

    .mobile-only {
        display: block;
    }

    .related-content .related-item,
    .recent-posts .recent-item {
            margin-bottom: 20px;
    }

    .content.grey.grey-mobile {
            background: #fff;
    }

    .content.nomargins-mobile {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .homepage .more li .date,
    .homepage .more li .content,
    .homepage .more li .wrapper
    {
            width: auto;
    }

    .homepage .more li .date{
            width: 100%;
    }

    .body-educator .blockquote span.bottom {
            display: none;
    }

    .jcarousel ul {
            width: 100%;
    }
    .twitter-margin-left {
            margin-left: 0px;
    }
    .sticky .header.toggled {
            position: absolute;
    }

    #comments-container {
        display: none;
    }

    .comments-container{
           margin-bottom: 0px;
    }

    .comments-toggle, .related-toggle {
        display: none;
    }

    .comments-container header h3, .related-content h3 {
        cursor: pointer;
    }

    .comments-container header h3:after,  .related-content h3:after {
        background: url("../images/plus@2x.png") no-repeat scroll right center / 20px 20px rgba(0, 0, 0, 0);
        content: "";
        display: block;
        height: 20px;
        position: absolute;
        right: 0;
        top: 5px;
        transition: all 250ms ease 0s;
        width: 20px;
    }

    .comments-container header h3.open:after,  .related-content h3.open:after {
        transform: rotate(-45deg);
    }

    .comments-toggle .comments-buttons {
        margin-bottom: 30px;
    }

    body{
            position: relative;
    }

    .body-home .container{
            padding-right: 15px;
    }

    .body-aboutus .how-it-works{
            width: 100%;
    }

    .body-gouvernance .page-intro .date,
    .body-administrator .page-intro .date{
            margin-right:0px;
    }

    .body-administrator .page-title.licence-updates{
        height: auto;
        line-height: 36px !important;
    }

    .body-administrator .section-header h1.page-title {
        line-height: 36px !important;
        min-height: 0px !important;
    }

    .body-educator .attachment-highlight-thumb{
            height: auto;
    }

    .body-educator .page .featured-image{
            float: none;
            margin-right: 0;
    }

    .body-educator .blockquote{
            margin-right: 0;
            margin-bottom: 16px !important;
            margin-top: 16px !important;
    }

    .body-educator .page .post-meta{
        width: 100%;
        margin-right: 0 !important;
    }

    .body-educator .article-listing .article .image-container{
            float: none;
    }

    .about-subpages a,.about-subpages a:hover{
            /* background-size: 55px 55px; */
            background-position: 0 32px!important;
            height: auto;
    }

    /* About us */

    .renew-online, .renew-online:hover,
    .biglink, .biglink:hover {
            display: block;
            height: 25px;
            padding-left: 60px;
            font-size: 30px;
            line-height: 15px;
            color: #f58220;
            cursor: pointer;
            margin: 15px 0;
    }



    .about-subpages a {
            background: url('../images/about-subpages-sprite@2x.png') left top  no-repeat;
            background-size: 46px 321px;
            padding-top: 13px;
            padding-bottom: 4px !important;
            margin: 0;
            border-top: 0px solid #BCBEC0;
            font-size: 25px !important;
            line-height: 36px;
    }

    .about-subpages a:hover {
            font-size: 25px !important;
            line-height: 36px;
    }

    .ie .about-subpages a {
            background: url('../images/about-subpages-sprite.png') left top  no-repeat;
    }
    .about-subpages a.members {
            background-position: 0 8px !important;
            border-top: none;
            white-space:nowrap;

    }

    .about-subpages a.staff {
            background-position: left -84px !important;
            white-space:nowrap;
    }

    .about-subpages a.contact {
            background-position: left -176px !important;
            white-space:nowrap;
    }

    .about-subpages a.gouvernance {
            background-position: left -268px !important;
            white-space:nowrap;
    }



    .page .section-header{
            padding-bottom: 10px;
    }

    .page .no-top-padding{
            padding-top: 20px;
    }

    .page .listing-content.no-top-padding{
            padding-top: 0px;
            margin-bottom: 0;
    }

    .page .content{
            margin-bottom: 0;
            /*
            padding-left: 15px;
            padding-right: 15px;
            */
    }

    .article-listing .article{
            padding-bottom: 0px;
            /* padding-top: 10px; */
    }

    .text,.article .columns, .page-intro,.info-box,body .section-header h1.page-title{
            text-align: left;
            padding-top: 5px;
    }

    .section-header h1.page-title{
        line-height: 36px !important;
    }

    body .section-header h1.page-title{

    }

    .section-header h1.page-title {
        line-height: 36px !important;
    }


    .footer{
            position: fixed;
            /*overflow-y:scroll;*/
    }

    .body-administrator .info-box, .body-educator .info-box, .body-aboutus .info-box {
            margin-left: 0;
            width: 280px;
            padding: 70px 10px 10px;

    }
    .twitter-margin-left {
            margin-left: 0px;
    }

    span.footer_span {
            width: 20px !important;
            display: inline-block;
    }


    .section-header .text {
        margin-left: 0px;
    }
    .section-header .page-intro {
        margin-left: 0px;
    }

    .section-header .page-intro .text {
        margin-left: 0px;
    }
    .header .header-tagline {
        width: auto;
    }

    .body-home .how-it-works, .box {
        width: 285px;
    }

    .how-it-works .jcarousel {
        width: 285px;
    }

    .how-it-works .jcarousel-wrapper .caption {
        font-size: 12px;
    }

    .how-it-works .jcarousel-wrapper .jcarousel-control-prev {
        left: 10px;
    }
    .how-it-works .jcarousel-wrapper .jcarousel-control-next {
        right: 10px;
    }
    .jcarousel img {
        margin: 0 auto;
        width: 90% !important;
    }

    .home-covered {
        height: 410px;
    }
    .home-covered .home-covered-text {
        height: auto;
    }

    .home-our-members .jcarousel {
        width: 284px;
    }

    .home-our-members .jcarousel img {
        max-width: 90%;
    }

    .header .header-contactinfo ul {
    }

    .header .header-contactinfo ul li {
        padding: 10px 0;
    }

    .header .header-contactinfo ul li.twitter{
        background-position: 25px -109px;
        margin-left: 0px;
        margin-right: 30px;
    }

    .header .header-contactinfo ul li.twitter a {
        padding-left: 60px;
    }

}




/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
Just create a "fonts" folder at the root,
copy your FontName into code below and remove
comment brackets */

/*	@font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('eot'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
font-weight: normal;
font-style: normal; }
*/