@charset "UTF-8";
/* Main Shared Styles for CKC.CA */

/*
CONTENTS

1. LINKS + TYPOGRAPHY
2. CONTENT
3. CAROUSEL / FEATURED BANNER
4. BUTTONS
5. MEDIA QUERIES

*/
/* Languages */

body.ENUS .language_EN {
	display: block !important;
}
body.ENUS .language_FR {
	display: none !important;
}
body.FRCA .language_FR {
	display: block !important;
}
body.FRCA .language_EN {
	display: none !important;
}


body.ENUS .language_EN-inline {
	display: inline-block !important;
}
body.ENUS .language_FR-inline {
	display: none !important;
}
body.FRCA .language_FR-inline { 
	display: inline-block !important;
}
body.FRCA .language_EN-inline {
	display: none !important;
	
} 
/* ---- 1. LINKS + TYPOGRAPHY ---- */



@font-face {
	font-family: 'cabinbold';
	src: url('/ckc-assets/fonts/cabin-bold-webfont.eot');
	src: url('/ckc-assets/fonts/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/ckc-assets/fonts/cabin-bold-webfont.woff') format('woff'), url('/ckc-assets/fonts/cabin-bold-webfont.ttf') format('truetype'), url('/ckc-assets/fonts/cabin-bold-webfont.svg#cabinbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'cabinregular';
	src: url('/ckc-assets/fonts/cabin-regular-webfont.eot');
	src: url('/ckc-assets/fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/ckc-assets/fonts/cabin-regular-webfont.woff') format('woff'), url('/ckc-assets/fonts/cabin-regular-webfont.ttf') format('truetype'), url('/ckc-assets/fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'quattrocentobold';
	src: url('/ckc-assets/fonts/quattrocento-bold-webfont.eot');
	src: url('/ckc-assets/fonts/quattrocento-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/ckc-assets/fonts/quattrocento-bold-webfont.woff') format('woff'), url('/ckc-assets/fonts/quattrocento-bold-webfont.ttf') format('truetype'), url('/ckc-assets/fonts/quattrocento-bold-webfont.svg#quattrocentobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'quattrocentoregular';
	src: url('/ckc-assets/fonts/quattrocento-regular-webfont.eot');
	src: url('/ckc-assets/fonts/quattrocento-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/ckc-assets/fonts/quattrocento-regular-webfont.woff') format('woff'), url('/ckc-assets/fonts/quattrocento-regular-webfont.ttf') format('truetype'), url('/ckc-assets/fonts/quattrocento-regular-webfont.svg#quattrocentoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	/*letter-spacing: 0.08em;*/
	color: #333;
}
.unstileLink:link, .unstileLink:active, .unstileLink:visited {
	text-decoration: none;
	color: #000;
}
.navToggle:link, .navToggle:hover, .navToggle:active, .navToggle:visited {
	text-decoration: none;
	text-align: center;
	line-height: 3em;
	color: #fff;
}
input[type="text"], input[type="password"] {
	font-family: 'Source Sans Pro', sans-serif;
}
input[type="button"] {
	display: block;
	height: 2.5em;
	border-top: solid 5px #da291c;
	border-bottom: solid 5px #ba2419;
	border-right: none;
	border-left: none;
	background-color: #da291c;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.1em;
	padding-left: .5em;
	padding-right: .5em;
}

input {
	color: #000;
}
.placeholder {
	color: #aaa;
	line-height: 2em;
}
.fontChange-quattro {
	font-family: 'Source Sans Pro', sans-serif;
}
/*ELLIPSIS*/

.ellip {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* ---- 2. CONTENT---- */
#mainWrap {
	min-width: 18.75em;
}
#content {
	margin-bottom: 6em;
}
.bareHeader {
	margin-top: 2em !important;
}
#bodyContent {
	/*margin-top: 1em;*/
}
.newLine {
	clear: both;
}
/*SECTION HEADINGS*/

#bodyContent h1 {
	margin-bottom: 1em;
	font-weight:bold;
	font-family: 'Source Serif Pro', serif;
	color: #0141a9;
	font-size: 1.625em;
	line-height: 1.3em;
	margin-left: 0 !important;
	margin-top: .5em !important;
}

#bodyContent h2 {
font-weight:bold;
	font-family: 'Source Serif Pro', serif;
	font-size: 1.438em;
	line-height: 1.2em;
	min-height: 40px;
}
#bodyContent h3 {
font-weight:bold;
	font-family: 'Source Serif Pro', serif;
	font-size: 1.325em;
	line-height: 1em;
	/*margin-top: 1.6em*/
	margin-bottom: 0px;
}
#bodyContent h4 {
font-weight:bold;
	font-family: 'Source Serif Pro', serif;
font-size: 1.238em;
	/*	margin-top: 1.6em;*/
	
	margin-bottom: 0px;
}
#bodyContent h2.sectionHeading {
	margin: 2em 2% 1em;
}
#bodyContent h2.subSectionHeading {
	margin: 4.5% 0;
	font-size: 1.25em !important;
	font-weight: normal;
	padding: 0.6em;
	color: #0141a9;
	padding-left: 0;
}
h2.header_noBanner {
	margin-left: 2%;
}
.MobileBanner {display: none;}

/*
@media (max-width: 480px) {
	.FullSizeBanner {display: none;}
	.MobileBanner {display: block;}
}
*/
/*SECTION INTRO*/

#bodyContent .intro {
	margin: 3em 2% 3em;
	font-family: 'Source Sans Pro', sans-serif;
}
/*GENERAL FEATURED AREA*/

.featured {
	position: relative;
	margin: 2%;
}
.featured .overlay {
	position: absolute;
	width: 100%;
	bottom: -1px;/*background-color: rgba(250,250,250,0.5);*/
}
.featured h2 {
	font-size: 1.25em;
}
.featured .overlay a {
	padding: 0em; /* Made edits for home */
}
.featured .overlay h3 {
	font-family: 'Source Sans Pro', sans-serif !important;
	margin-top: 0.8em !important;
	font-size: 0.875em !important;
	font-weight:normal !important;
}
.featured .featImg {
	display: block;
	height: 15em;
	width: 100%;
	background-size: cover;
	background-position: center;
	-ms-behavior: url(../../backgroundsize.min.htc);
	background-color:#EEE;
}
/* Sponsors Area */
.sectionSponsors {}
.sectionSponsors .sponsor-item {
	width: 22%;
	margin: 10px;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	height: 300px;
	text-align: center;
}
.sectionSponsors .sponsor-item .image {
	height: 150px;
}
.sectionSponsors .sponsor-item .desc h3 {
	height: 45px;

}
.sectionSponsors .sponsor-item .desc {}
.sectionSponsors .sponsor-item .desc .bottomStick {
	position: absolute;
	bottom: 10px;
}
.sectionSponsors .sponsor-item img {
	max-height: 150px !important;
	width: auto;
}
.rhsSponsors {
	text-align: center;
}
.rhsSponsors img {
	max-width: 200px;
}
.rhsSponsors button {
	display: none;
}

/* Forms Featured */
.formContainer .featured {min-height: inherit;}
.formContainer .featured .post {
	background-color: transparent;
	/* display: inline-block; */
	width: 80%;
	/*padding: 0 10px;*/
	vertical-align: top;
	min-height: 150px;
}



.formContainer .resources .col {
	width: 100%;
}
/*FEATURED POSTS*/
	/* Document Type Classes*/
		.post a.imgLink {
			display: block;
			width: 20%;
			height: 82px;
			float: left;
			max-width: 6.250em;
			
		}
		.post a.Form {
			background: url(/ckc-assets/images/framework/icn_form.png) no-repeat;
		}
		.post a.Article {
			background: url(/ckc-assets/images/framework/icn_article.png) no-repeat;
		}
		.post a.Community {
			background: url(/ckc-assets/images/framework/icn_location.png) no-repeat;
		}
		.post a.Document {
			background: url(/ckc-assets/images/framework/icn_document.png) no-repeat;
		}
		.post a.WebPage {
			background: url(/ckc-assets/images/framework/icn_webpage.png) no-repeat;
		}
		.post a.Video {
			background: url(/ckc-assets/images/framework/icn_video.png) no-repeat;
		}
		.post a.PDF { 
			background: url(/ckc-assets/images/framework/icn_pdf.png) no-repeat;
		}

		.post a.Folder {
			background: url(/ckc-assets/images/framework/icn_folder.png) no-repeat;
		}
		.post a.Custom {
			background: none;
		}
.featured .post {
	background-color: #dce1e8;
	margin-bottom: 1em;
}
.featured .post:hover {
	background-color: #c8d5e6;
	cursor: pointer;
}
.featured .post img {
	display: block;
	/*width: 20%;*/
	float: left;
	max-width: 5.250em;
	margin: -3px 0 0 0;
}
.featured .post p {
	display: block;
	line-height: 1em;
}
.featured .post p a {
	font-size: 0.75em;
	float: left;
	width: 80%;
	margin: 0;
	padding-left: 0.917em;
}
.featured .post h3 {
	width: 80%;
	float: left;
	margin: 0;
	padding: 0.5em;
	padding-top: 0;
	font-family: 'Source Serif Pro', serif;
	margin-top: 0 !important;
}
.featured .post h3 a {
	background-color: transparent;
	margin: 0 !important;
	font-size: 0.842em;
	font-weight: strong;
	
}
.viewAll a{
	font-size: 0.842em;
	font-weight: normal;
	color: #ba2419 !important;
	text-decoration: none;
}
.featured .post h3.viewAll {
	width: 100% !important;
	padding-left: 0;
	font-size: 1em;
}
.featured .post h3 a:link, .featured .post h3 a:active, .featured .post h3 a:visited, .resources ul li a:link, .resources ul li a:active, .resources ul li a:visited, .featured .post p a:link, .featured .post p a:active, .featured .post p a:visited {
	text-decoration: none;
	color: #000;
	
}
.featured .post .viewAll a, .featured .post .viewAll a:link, .featured .post .viewAll a:visited {
	color: #ba2419 !important;
	text-decoration: none;
}
.featured .post .viewAll a:hover {
	color: #da291c;
	text-decoration: underline;
}

.formContainer .featured .post.formsViewer p {
	color:#000000
}


.formContainer .featured .post.formsViewer a {
	font-family:'Source Sans Pro', sans-serif;
}

.formContainer .featured .post.formsViewer h3 {
	line-height:1em !important;
}


/* RESOURCES SECTIONS */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*FEATURED EXPERT SECTION*/

.expert .overlay h2 {
	font-size: 0.688em !important;
}
.expert .headshot {
	position: relative;
	height: 9em;
	overflow: hidden;
	width: 31.666666666667%;
	float: left;
	margin-right: 2%;
	background-size: cover;
	background-position: center;
	-ms-behavior: url(../../backgroundsize.min.htc);
}
.expert .headshot:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
	filter: alpha(opacity=80) !important;
	-moz-opacity: 0.8 !important;
	-khtml-opacity: 0.8 !important;
	opacity: 0.8 !important;
}
.expert .headshot .imgLink {
	height: 100%;
	width: 100%;
}
.headshot h2 {
	font-size: 0.75em;
}
.expert .featContent {
	width: 66.33333333333%;
	float: left;
}
.expert .featContent h2.subSectionHeading {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.expert .bio {
	display: block;
	width: 100%;
	float: left;
}
/*RELEVANT RESOURCES*/
.resources {
	margin: 2%;
	margin-top: 2.0em;
}
.resources ul {
	list-style: none;
	margin: 0;
	margin-bottom: 2em;
	padding: 0;
}
.resources ul li a {
	font-size: 1em;
}
.featuredResourcesMore {
	margin-left: 87px;
}
/*COLUMNS*/
.col {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/*PROMOTION AREA*/
.promotion {
	position: relative;
	margin: 0.5em;
	max-height: 12em;
	overflow: hidden;
}
.promotion img {
	width: 28%;
	margin: 0 10px 10px 10px;
	vertical-align: top;
}
.promotion h2 {
	position: absolute;
	top: 40%;
	width: 100%;
	text-align: center;
	color: #fff;
}
/* ---- 3. CAROUSEL / FEATURED BANNER ---- */
/*CHANGE: Moved carousel to home.css*/
#featBanner {
	position: relative;
}
/*--CHANGED: added max-height and overflow--*/
#carousel .slideHolder, #featBanner .slideHolder {
	height: 15em;
	overflow: hidden;
	background-color: #fff;
	width: 100%;
	background-size: cover;
	background-position: center;
	float: left;
	-ms-behavior: url(../../backgroundsize.min.htc);
	background-color:#EEE;
}
a.imgLink {
	display: block;
}
a.imgLink:hover {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
	/* IE 5-7 */
	filter: alpha(opacity=80) !important;
	/* Netscape */
	-moz-opacity: 0.8 !important;
	/* Safari 1.x */
	-khtml-opacity: 0.8 !important;
	/* Good browsers */
	opacity: 0.8 !important;
}
/*CHANGE: position, bottom, bg color*/
.slideOverlay {
	width: 100%;
	/*background-color: #dce1e8;*/
	color: #000;
	position: absolute;
	bottom: 0;
}
#featBanner .slideOverlay {
	z-index: 2;
}
#featBanner .slideOverlay h2 {
	margin-top: -2.833em;
	background-color: rgb(250,250,250);
	background-color: rgba(250,250,250,0.5);
}
/*CHANGE: Position: relative*/
.slideDesc h2, .featured h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	position: relative;
}
.slideDesc a.headline, .featured .overlay a, #footer ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.slideDesc a.headline, #featBanner .slideDesc h2 {
	padding: 1em 0.5em;
	line-height: 1.3em;
}
.slideDesc a.headline:link, .slideDesc a.headline:active, .slideDesc a.headline:visited {
	text-decoration: none;
	color: #000;
	line-height: 25px;
}
.featured .overlay a:link, .featured .overlay a:active, .featured .overlay a:visited {
	text-decoration: none;
	color: #000;
	background-color: rgb(250,250,250);
	background-color: rgba(250,250,250,0.5);
}
.featured .overlay a:hover {text-decoration:underline;}
.headshot .overlay a:link, .headshot .overlay a:active, .headshot .overlay a:visited {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
	color: #fff;
}
#footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
	text-decoration: none;
	color: #fff;
}
/*CHANGE:moved headline link style to home.css*/

.slideDesc h3, .featured .overlay h3 {
	display: none;
}
/*--CHANGE: Moved slideshow controls to home.css--*/

/* ---- 4. BUTTONS ---- */
.button {
	display: block;
	font-size: 0.7em;
	height: 2em;
	padding: .5em 1em;
	margin: 1em 0;
	text-align: center;
	cursor: pointer;
}
.button:link, .button:active, .button:visited {
	text-decoration: none;
	color: #000;
}
.button:hover {
}
.left {
	float: left;
}
.half {
	width: 49%;
	margin-right: 2%
}
.half:nth-child(odd) {
	margin-right: 0;
}
.cta_btn {
	display: block;
	height: 3em;
	background-color: #da291c;
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.1em;
	padding-left: 1em;
	padding-right: 1em;
	text-decoration: none;
	border:0px;
}
.asLink {
	text-decoration: none;
	text-align: center;
	margin: 10px 0;
	padding: 5px;
}
.cta_btn:hover {
	border-bottom: solid 5px #981e15;
	border-top: solid 5px #ba2419;
	background-color: #ba2419;
}
.help_section .cta_btn {
	width: 30%;
}
.newsletter_wrapper {
	padding: 1.2em 1em 1.2em 1em;
	background-color: #dce1e8;
	margin: 2.5em 2% 2.5em 2%;
	display: block;
	clear: both !important;
}
.newsletter_wrapper h4 {
	margin: 0 0 0.8em 0;
	font-weight:bold;
	font-family: 'Source Serif Pro', serif;
	font-size: 0.875em;
}
.newsletter_wrapper .field {
	display: block;
	float: left;
	width: 75%;
	height: 2.5em;
	border: solid 3px #c7ccd4;
	padding-left: 0.75em;
}
.newsletter_wrapper .cta_btn {
	width: 25%;
}
div#LoginLeftCol{
	width:46%;
	/*margin-right:8%;
	float:left;*/
}
div#LoginRightCol{
	width:46%;
	/*float:left;*/
}


/* ---- 5. MEDIA QUERIES ---- */

/*--CHANGED: Added media query at 31.25em--*/
@media screen and (min-width: 17.500em) {
.featured .post {
	padding: 2%;
}
}
 @media screen and (min-width: 31.25em) {
#carousel .slideHolder, #featBanner .slideHolder {
	height: 20em;
}
.featured .featImg {
	height: 17em;
}
.expert .headshot {
	height: 14em;
}
}
 @media screen and (max-width:25.00em) {
.newsletter_wrapper .field {
width:68%;
}
 .newsletter_wrapper .cta_btn {
width:32%;
}
}
 @media screen and (max-width:37.5em) {
.featured .headshot .overlay {
	margin-top: -0.1em;
}
.headshot .overlay a:link, .headshot .overlay a:active, .headshot .overlay a:visited {
	background-color: rgb(0,0,0);
	color: #fff;
}
.featured .expert .post p {
	margin-top: 0;
	margin-bottom: .5em;
	float: right;
	width: 75%;
}
.featured .expert .post p a {
	width: 98%
}
.featured .expert .post img {
	padding-top: .7em;
	padding-left: .7em;
	width: 25%;
}
.featured .expert .post h3 {
	width: 75%;
	float: right;
	line-height: 1em;
}
}

/*600px*/
@media screen and (min-width:37.5em) {
.featured .post {
	margin-bottom: 1em;
	background: #dce1e8;
	padding: 2%;
}
.featured .post h3 a.viewAll {
	background-color: transparent !important;
	height: 3em;
	line-height: 2em;
}
.featured .post h3 a.viewAll:hover {
	background-color: transparent !important;
	color: #000;
}
.featured .post h3 {
	width: 80%;
	float: left;
	font-weight:bold;
	font-family: 'Source Serif Pro', serif;
}
.featured .post h3 a {
	margin-top: 0;
	font-size: 0.875em;
	padding-bottom: 0.25em;
	padding-top: 0.5em;
	margin-bottom: 0;
	background-color: transparent;
}
.featured .post p {
	display: block;
	width: 80%;
	float: right;
	margin: 0;
}
.featured .post p a {
	font-size: 0.75em;
	float: left;
	width: 80%;
	margin: 0;
	padding-left: 0.917em;
}
.featured .post:hover {
	background-color: #c8d5e6;
}
.expert .overlay h2 {
	font-size: 0.75em !important;
}
.resources {
	/*margin-right:0;*/
	width: 100%;
}
.resources .col {
	width: 47%;
	display: inline-block;
	margin-left: 0;
	margin-right: 2% !important;
	margin-top: 0 !important;
	vertical-align: top;
}
#dashboard {
	padding-left: 2%;
	padding-right: 2%;
}




}
 /*760px*/
 @media screen and (min-width: 47.5em) {
/*--CHANGE: Moved slideshow controls and headline to home.css--*/

#bodyContent .intro {
/*	width: 63.333333%;  Removing centering of intro */
	margin: 3em auto 3em;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.5em;
}
.featured {
	position: relative;
	width: 47%;
	margin: 2%;
	margin-bottom: 0;
}
.featured .featImg {
	height: 12em;
}
.expert {
	width: 98% !important;
}
.featured > .overlay {
	color: #000;
	background-color: transparent;
	top: 0;
	left: 104%
}
.featured .headshot .overlay {
	position: absolute;
	width: 100%;
	bottom: 0;
}
.featured h2 a {
	padding-left: 0 !important;
	padding-top: 0 !important;
	height: auto;
	padding-bottom: 0 !important;
}
.featured h2 a:link, .featured h2 a:hover, .featured h2 a:active, .featured h2 a:visited {
	color: #0141a9 !important;
}
.featured .headshot h2 a {
	padding: 0.571em !important;
	color: #fff !important;
}
.featured .overlay h3 {
	display: block;
	font-weight: normal;
	font-size: 1em;
}
.promotion {
	width: 100%;
	margin: 2em 0;
}
.promotion img {
	width: 30%;
	margin: 0 10px 10px 10px;
}
.expert .featContent {
	width: 63.33333333333%;
	float: left;
}
.expert .overlay h2 {
	font-size: 1em !important;
}
.expert .bio {
	width: 63.33333333333%;
	float: left;
	margin-left: 33.6666666667%;
	margin-top: 2em;
}
.featured .fullBio {
	margin-left: inherit;
	margin-top: inherit;
}
#bodyContent h2.subSectionHeading {
	margin-top: 0;
	color: #0141a9;
}
.newsletter_wrapper {
	width: 47%;
}
}

/*--CHANGED: Added media query at 51.25em--*/
@media screen and (min-width: 51.25em) {
#carousel .slideHolder, #featBanner .slideHolder {
	height: 20.313em;
}
.expert .headshot {
	height: 20em;
}
}

/*CHANGE: media query to 62.875em from 62.5 to match Nav breakpoint*/
/*1006px*/

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

#bodyContent {
                margin-left: 1em;
                margin-right: 1em;
}


#content h1 {
	margin-top: 1.5em;
	margin-left:2% !important;
}
.featured .post h3.viewAll {
	margin-top: 0 !important;
}
.featured .post h3 a:link, .featured .post h3 a:hover {
	color: #000 !important;
}
.formContainer .featured .post {
	width: 50% !important;
}
}
 @media screen and (min-width: 62.875em) {


#mainWrap {
	max-width: 75em;
	margin: 0 auto;
}
.bareHeader {
	margin-top: 6em !important;
}
#carousel {
	margin-top: 0.8em
}
#featBanner {
	margin-top: 4.5em;
}
.fullBio {
	width: auto;
}
/*CHANGE: removed #carousel .slideHolder*/
#featBanner .slideHolder {
	position: relative;
	left: 0;
	right: 0;
	z-index: 1;
}
/*CHANGE: removed height, removed #carousel .slideHolder*/
#featBanner .slideOverlay {
	background-color: transparent;
}
#featBanner .slideDesc {
	overflow: hidden;
}
#featBanner .slideOverlay h2 {
	margin-top: 0;
}
/*--CHANGE: Moved slideshow controls to home.css--*/

#carousel .slideOverlay .slideDesc, #featBanner .slideOverlay .slideDesc {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 2;
}
/*--CHANGE: moved headline, headline hover and slideDesc h3 style to home.css*/

#bodyContent {
	margin: 3.5em 1em;
}
.featured {
	width: 31.66666666666666%;
	float: left;
	margin: 1.5%; /* CHANGED BY ALEX - ADJUSTED MARGIN TO FIX FLOATING ISSUE */
	min-height: 400px; /* Edit to allow multiple rows of featured boxes */
	margin-left: 0;
	background-color: transparent;
}
.expert {
	margin-top: 0 !important;
	/*margin-bottom: 3em;*/
	min-height: inherit;
}
#bodyContent .lastFeatured {
	margin-right: 0;
}
.featured > .overlay {
	position: relative;
	left: 0;
	top: 0;
}
.featured > .overlay a {
	margin-top: 0.5em;
}
#bodyContent h2.sectionHeading {
	margin-left: 0;
}
.featured .headshot, .featured .featContent, .featured .bio {
	width: 31.66666666666667%;
	margin-left: 0;
}
.featured .fullBio {
	width: 63%;
}
.featured .bio {
	margin-top: 0;
}
.featured .bio h2 {
	padding-top: 0 !important;
	padding-bottom: 0.35em !important;
}
.featured .headshot {
	margin-right: 2.5%;
}
.featured .post {
	padding: 0;
}
.featured .post h3 {
	padding-top: 0 !important;
	font-weight:bold;
	font-family: 'Source Serif Pro', serif;
	font-size: 1.25em;
	line-height: 0.85em;
}
.featured .post h3 a.viewAll {
	padding-left: 0;
	height: auto;
	line-height: 1em;
	font-size: 0.875em;
}
.featured .bio p {
	font-size: 0.75em;
}
.featured .featContent {
	margin-right: 2.5%;
}
.featured .post, .featured .post:hover {
	background-color: transparent;
}
.featured .post h3 a:hover, .featured .post p a:hover {
	text-decoration: underline;
}
.featured .post h3 a {
	padding-top: 0;
	font-size: 0.75em;
}
.featured .post p {
	padding-left: .5em;
}
.featured .post p a {
	font-size: 0.75em;
}
.resources {
	margin-left: 0;
	width: 100%;
}
.resources .col {
	width: 32%;
}
.resources .col:nth-child(3n) {
	margin-right: 0 !important;
}
.newsletter_wrapper {
	float: left;
	margin-left: 0;
	margin-top: 0;
	width: 31.66666666666667%;
	clear: none;
}
.newsletter_wrapper .field {
	width: 70%;
}
.newsletter_wrapper .cta_btn {
	width: 30%;
}
.promotion {
	float: right;
	margin-top: 0;
	width: 65.8333333333%;
}
}
 /*1200px*/

 @media screen and (min-width: 75em) {
#bodyContent {
	/*margin: 0em 0;*/
}
#carousel .slideHolder, #featBanner .slideHolder {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.newsletter_wrapper {
	margin: 0;
	width: 31.66666666666667%;
	float: left;
}
.promotion {
	width: 65.8333333333%;
	float: right;
	margin: 0;
}
.promotion img {
	width: 30%;
	margin: 0 10px 10px 10px;
	height: auto;
}
.featured .post p {
	padding-left: 0;
}
}
 /*1600px*/
 /*
 @media screen and (min-width: 100em) {
#carousel .slideHolder, #featBanner .slideHolder {
	width: 100em;
	margin: 0 auto;
}
}
*/

/* Events and Breeds page */

.events #featBanner {
	margin-top: 0.7em;
}
.events .intro {
	margin: 0em !important;
	float: left;
}
.events .featured {
	width: 47% !important;
}
.events .right {
	float: right;
	width: 30%;
	font-family: 'Source Sans Pro', sans-serif;
}
.events .left {
	width: 63.33333%; 
	float:left;
	font-family: 'Source Sans Pro', sans-serif;
}
.events .right .agilityEventNews {
	background: #dce1e8;
	margin: 10px 0;
	padding: 15px;

}
.events .right .agilityEventSearch {
	background: #dce1e8;
	margin: 10px 0;
	padding: 15px;
}
.events .right .agilityEventResults {
	background: #dce1e8;
	margin: 10px 0;
	padding: 15px;
}
 
@media screen and (max-width: 760px) {
	.events .right {
		float: inherit;
		width: inherit;
		padding: 10px;
	}
	.events .left, .pull-left {
		width: 100% !important;
		float: none;
		padding: 10px;
	}
	.events .left .resources {
		
		margin: 0;
	}
	.events .intro {
		float: inherit;
	}
	.events .featured {
		width: 100% !important;
	}
	.sectionSponsors .sponsor-item {
		width: 40%;
	}
	.formContainer .featured .post {
		width: 95% !important;
	}
	div#LoginLeftCol {
    width: 100%;
    margin-right:0%;
    float:none;
  }
div#LoginLeftCol {
    width: 100%;
    float:none;
  }
}
@media screen and (max-width: 420px) {
	.news-item .thumb {
		width: 100% !important;
		margin: 0 0 20px 0;
		padding: 0px !important;
	}
	.featured .post img {
		max-width: 3.25em;
	}
}
.news-item {
	padding: 10px;
	background: #f1f1f1;
	margin: 10px 0;
	overflow: auto;
}
.news-item .summary {
	
}
.news-item .date {
	margin: 10px 0;
	font-weight: bold;
	color: #303030;
}
.ifNoDataFound {
	margin: 20px 0 0 0;
	display:none;
}

.news {
	margin: 1em 0em !important;
}
.newsEventInfo {
	background: #f1f1f1;
	padding: 10px;
	margin-top: 1.1em;
	font-size: 0.875em;
}
.newsEventInfo div b {
	float: left;
}
.newsEventInfo h3 {
	color: #ba2419;
	font-size: 1em !important;
}
.news .right .archives {
	background: #f1f1f1;
	padding: 15px;
	margin: 15px 0;
}
.archives ul li:before {
	content: '>';
}
.achives ul li:active:before {
	content: '^';
}
.archives ul li {
	cursor: pointer;
	font-weight: bold;
}
.news .right ul {
}
.news .right ul li {
	list-style-type: none;
}
.PagerResults {
	display: none;
}
.news-item:hover {
	opacity: 0.8;
	cursor: pointer;
}
.news-item .thumb {
	float: left;
	padding: 0 20px 0 0;
	height: auto;
	width: 210px;
}
.news-item .thumb img {
	height: 100% !important;
	width: 100%;
}
.news-item .title h3 {
	font-size: 1.5em !important;
	margin: 0px;
}
.news-item .summary p {
	text-align: justify;
}
.news-item .summary a.readMore {
	font-weight: bold;
	color: #ba2419 !important;
	text-decoration: none;
}
.news-item .summary p a {
	text-decoration: none;
	color: #000000;
}
.news-item .summary p a:hover {
	text-decoration: underline;
}


.PollGraph {
padding:15px;
}
.PollGraph div{
background-color:#002868;
}
 
#breadCrumbCapture{
max-width:45%;
}

#homeSponsors div.sponsor-item {
    border: 1px solid #efefef;
    float: left;
    height: 145px;
    margin-left: 20px;
    margin-top: 20px;
    min-width: 240px;
    padding: 20px 0;
    position: relative;
    text-align: center;
    width: 23%;
}
#homeSponsors div.sponsor-name {
    bottom: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}
#homeSponsors div img {
    max-height: 80px;
    max-width: 200px;
}


@media (min-width: 1220px) {

	.flex-viewport {
		min-height:326px;
	}

}

.arrowLeft, .arrowRight{
	display:none;
}


/* Choosing a Dog CSS   */


@media (max-width: 759px) {
	div.subpagesListing .featured .overlay {
		background-color: rgba(250,250,250,0.8);
	}
	

}
#bodyContent div.introChoosingaDog {
	margin-top:3.5em;
}

@media (min-width: 849px) {

	#bodyContent div.introChoosingaDog {
		width:47%;
		float:left;
		margin-right:3em;
		margin-top:.5em;
	}
	 
	div.subpagesListing {
		width:47%;
		float:left;
	}
	
	div.subpagesListing .featured {
		position: relative;
		width: 47%;
		margin: 2%;
		margin-bottom: 3.5em;
		min-height:200px; 
	}
	div.subpagesListing .featured > .overlay {
		position: absolute;
		color: #000;
		background-color: transparent;
		top: 0;
		left: 104%;
	}
	.subpagesListing  h2{
		min-height:17px !important;
		line-height:.2em !important;
	}
}

/*    Breeder Landing Page 
-------------------------------------------------*/
div .FAQuestion {
	width:46%;
	float:left;
	margin-right:3.5%
}

div .KeyFeature {
	width:30%;
	float:left;
	margin-right:2.5%;
	min-height: 200px;
}
div.KeyFeature img{
	padding-top: 34px;
    position: absolute;
}

div .KeyFeatureDescription{
	margin-left:75px;
}

@media (max-width: 955px) {
	 div .FAQuestion {
		width:86%;
		margin-right:3.5%
	}
}

@media (max-width: 875px) {
	 div .KeyFeature {
		width:46%;
		float:left;
		margin-right:3.5%
	}
}
@media (max-width: 584px) {
	 div .KeyFeature {
		width:96%;
		float:left;
		margin-right:3.5%;
		min-height:75px;
	}
}


/* 2015-07-30 */

	/* News Caption styles */

	.topLeft {
		float: left;
		margin: 0 10px 10px 0;
	}
	.topRight {
		float: right;
		margin: 0 0 10px 10px;
	}
	.hideOnPage {
		display: none;
	}

@media(max-width: 767px) {
	.topLeft, .topRight {
		float: none;
		margin: 10px 0;
	}
}