﻿/* CPSA Custom template */















/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */















.quote-right {



	float: right;



	margin-right: 1em;



	margin-bottom: 1em;



	padding: 2px;



	font-size: 80%;



}



table.events {



	border-collapse: collapse;



	width: 100%;



	font-size: 90%;



	margin-bottom: 15px;



	border: 1px solid #003399;



}



table.events th {



	/* background: #336699 url(../images/hope-th-bg.jpg) top left repeat-x; */



	background: #003366;



	vertical-align: top;



	padding : 5px;



	/* border: 1px solid #334499; */



	border: 1px solid #000;



	color: #FFF;



}



table.events td {



	/* background: #336699 url(../images/hope-th-bg.jpg) top left repeat-x; */



	background: #fff;



	vertical-align: top;



	padding : 5px;



	border: 1px solid #000;



	color: #000;



}



table.events th.left {



	text-align: left;



}



.blueEvents {



	color: #334499;



	background-color: transparent;



	font-weight: bold;



}



.eventsBox {



	font-size: 90%;



	background: #003366;



	font-weight: bold;



	text-align: left;



	border-style: solid;



	border-width: thin;



	border-color: #000;



	padding: 6px;



	color: #fff;



}



.strong {



	font-weight:bold;



}



.tableCalendar {



	font-size: 80%;



}



table.tableCalendar td {



	vertical-align: top;



	padding: 5px;



}



.tableTitle {



	font-size: 110%;



	font-weight: bold;



	text-align: center;



	vertical-align: top;



	background-color: #274d7a;



	color: white;



}



.tableAwards {



	font-size: 80%;



}



.AwardsSpecialText {



	font-size: 80%;



	font-weight: normal;



}



.AwardsSubheadingColor {



	font-size: 9pt;



	font-weight: bold;



	color: #274d7a;



}



.AwardsSubheading {



	font-size: 9pt;



	font-weight: normal;



}



#bluebox2 {



	font-size: 90%;



	text-align: left;



	border-style: solid;



	border-width: thin;



	border-color: #274d7a;



	padding: 10px;



}



#bluebox {



	font-size: 90%;



	font-weight: bold;



	text-align: left;



	border-style: solid;



	border-width: thin;



	border-color: #274d7a;



	padding: 10px;



}



#blackbox {



	font-size: 90%;



	font-weight: normal;



	text-align: left;



	border-style: solid;



	border-width: medium;



	border-color: #000000;



	padding-left: 40px;



	padding-right: 40px;



	padding-top: 20px;



	padding-bottom: 20px;



}



#newsletterheader {



	font-size: 10.5pt;



	font-family: Verdana, Arial, Helvetica, sans-serif;



	font-weight: bold;



}



#c4 {



	color: #274D7A;



	font-weight: bold;



	font-size: 100%



}



#c5 {



	color: #274D7A;



	font-weight: bold;



	font-size: 110%



}



.top-line {



	border-top: 1px dashed #CCC;



	padding-top: 1em;



}



.bottom-line {



	border-bottom: 1px dashed #CCC;



	padding-bottom: 1em;



}



.context-box {



	border: 1px solid #999;



}



.context-box-inner {



	background: #EEE;



	padding: 5px;



	border-bottom: 1px solid #999;



	color: #40719F;



	font-size: 1.1em;



}



.context-box-text {



	padding: 1em;



}



.bg-lightgray {



	background: #EEE;



}



.font-midgray {



	color: #666666;



}



.font-darkgray {



	color: #333333;



}



.font-darkred {



	color: #770000;



}



.font-blue {



	color: #006699;



}



p.serif {



	font-family: Georgia, "Times New Roman", Times, serif;



	line-height: 1.4em;



}



.fill-intro {



	font-size: 1.4em;



}



.image-with-caption-3 {



	float: left;



	margin: 0 1em 1em 0;



}



.image-with-caption-3 p {



	width: 300px;



	font: 10px Georgia, "Times New Roman", Times, serif;



}



.caption {



	text-align: center;



font-size: 90%;



font-family: Georgia, "Times New Roman", Times, serif;



color: #334499;



}



blockquote.new {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-size: 1.4em;



	border: none;



	text-align: left;



	margin: 1.5em 0;



	padding: 0 36px;



	background: url(/coaching/images/top-quote.jpg) top left no-repeat;



}



div.center blockquote.new p.subtitle {



	font-size: .8em



}



div.center blockquote.new p {



	font-family: Georgia, "Times New Roman", Times, serif;



	font-size: 1em;



	font-weight: normal;



}



div.center div.bottom-line h3 {



	margin-bottom: .5em;



}



.image-center-cap2 {



	width: 480px;



	text-align: center;



	margin: 0 auto;	



	



}



.img-right3 {



	float: right;



	margin-right: 1em;



	margin-bottom: 1em;



	



}



.img-right2 {



	float: right;



	margin-right: 1em;



	margin-bottom: 1em;



	border: 1px solid #ddd;



}



.img-left2 {



	float: left;



	margin-right: 1em;



	margin-bottom: 1em;



	border: 1px solid #fff;



}



.image-right3-cap {



	width: 260px;



	text-align: center;



	margin: 0 auto;	



	



}



.img-right3 {



	float: right;



	margin-right: 1em;



	margin-bottom: 1em;



	border: 1px solid #ddd;



}



.img-center2 {



	float: center;



	margin-right: 1em;	



	border: 1px solid #CCC;



	padding: 2px;



}



.img-center2 {



	float: center;



	margin-right: 1em;	



	border: 1px solid #CCC;



	padding: 2px;



}



.img-center3 {



	float: center;



	margin-right: 1em;		



	padding: 2px;



}



div.center h1.blueline {



	border-bottom: 5px solid #274D7A;



	padding-bottom: 5px;



}



.row {



	margin-bottom: 5px;



	padding-bottom: 5px;



	width: 97.5%;



	overflow: hidden;



}



.cols2 {



	float: left;



	margin: 0 3px 0 0;



	padding: 0;



	color: #000;



	font-weight: normal;



	width: 410px;



}



.cols1 {



	float: left;



	width: 110px;



	margin: 0 3px 0 0;



	padding: 0;



	font-weight: bold;



	color: #ff0000;



}



.cols1-W150 {



	float: left;



	width: 195px;



	margin: 0 3px 0 0;



	padding: 0;



	font-weight: bold;		



}



.cols2-380 {



	float: left;



	margin: 0 0px 0 3px;



	padding: 0;



	color: #000;



	font-weight: normal;



	 width: 365px; 



}



.blackBorderAdd {



	border: 1px solid #000;



	padding: 2px;



	width: 544px;



	}



.blackBorderAddIndent {	



	padding: 5px;



	}







	.addTittle {	



	margin: 0 3px 3px;



	padding: 0;



	font-weight: bold;



	color: #638DD5;



	font-size: 100%;



}



.clear {



	clear: both;



	margin: 0;



	padding: 0;



	height: 1%;



}



.img-left-padtop { float: left; border: 1px solid #CCC; margin-top: 1em; margin-right: 1em; margin-bottom: 2em; padding: 2px; }



.img-left-w-cap { float: left; margin-right: 1em; margin-bottom: 1em; padding: 2px; text-align: center; }



.img-left-w-cap img { border: 1px solid #CCC; padding: 2px; }







.img-right-w-cap { float: right; margin-right: 1em; margin-bottom: 1em; padding: 2px; text-align: center; }



.img-right-w-cap img { border: 1px solid #CCC; padding: 2px; }







.promo_feedback2 {



	float: left;



	margin: 0 1em 1em 0;



	padding: 2px;



	width: 255px;



}



.promo_feedback-inner2 {



	width: 240px;



	border: 1px solid #999;



}







div.center .promo_feedback2 .promo_feedback-inner2 h3 {



	background: url(../images/promo_feedback.jpg) left center no-repeat;



	padding: 46px 13px 13px 95px;



	font-size: 1.2em;



	color: #333333;



	margin-left: .5em;



}



div.center .promo_feedback2 .promo_feedback-inner2 p {



	padding: 0 .5em;



}







.social_feedback {



	float: left;



	margin: 0 1em 1em 0;



	padding: 2px;



	



}



.social_feedback-inner {



	width: 540px; /* original width: 580px - 080410 */



	border: 1px solid #274D7A;



}







div.center .social_feedback .social_feedback-inner h3 {



	background: url(/images/social/icons/icons_gcpedia.gif) left center no-repeat;



	padding: 10px 13px 13px 45px;



	font-size: 1.2em;



	color: #274D7A;



	margin-left: .5em;



}



div.center .social_feedback .social_feedback-inner p {



	padding: 0 .5em;



}







#social-media-box {



	display: block;



	width: 232px;



	height:90px;



	background: url(/images/social/icons/social-media-bg.png) top center no-repeat;



}



#social-media-box ul {



	padding: 6px 0 0 18px;



	/*margin: 0; */



	margin: 18px;



}



#social-media-box ul li {



	margin: 0 2px 0 0;



	display: inline;



	list-style: none;



}



.sm-link {



	text-align: center;



	color: #FFF;



}



.sm-link a:link, .sm-link a:visited {



	color: #FFF;



	text-decoration: none;



}



.sm-link a:hover {



	text-decoration: underline;



}



/* Added for Newletter Ad boxes.  */

.grid-container { overflow: hidden; }

.grid-2 { float: left; width: 260px; margin: 18px 12px 18px 0; padding: 0; }

.last-grid-item { margin-right: 0; }

.grid-2 .promo-inner2 { width: 99%; border: 1px solid #999; }

div.center .grid-2 .promo-inner2 h3 { padding: 6px 13px 13px 60px; color: #770000; }

div.center h3.bluead { font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color: #006699; margin: 0 0 1.2em 0; padding-top: 6px; }

.social-row { margin: .6em 0 .6em 10px; }

.social-icons { float: left; width: 50px; }

.social-media-text { float: left; width: 160px; color: #003366; margin-top: 8px; font: 1.1em Verdana, Arial, Helvetica, sans-serif; }

.social-media-text a:link, .social-media-text a:visited, .social-media-text a:hover { text-decoration: none; }



/* Added for Special Table */

div.center #spec { width: 540px; border-collapse: collapse; margin: 1.2em auto; }

div.center #spec caption { padding-bottom: 1.1em; font: bold 1em Georgia, "Times New Roman", Times, serif; }

div.center #spec th { font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; } 

div.center #spec th, div.center #spec td { padding: 8px; }

div.center #spec th.blue { color: #006699; border: 1px solid #333; }

div.center #spec td.blue { color: #006699; }

div.center #spec td.fb { border: 1px solid #333; } /* full border */

div.center #spec td.lb  { border-left: 1px solid #333; } /* left border */

div.center #spec td.bb  { border-bottom: 1px solid #333; } /* bottom border */

div.center #spec td.rb  { border-right: 1px solid #333; } /* right border */

div.center #spec td.lbb { border-left: 1px solid #333; border-bottom: 1px solid #333; } /* left and bottom border */

div.center #spec td.lbrb { border-left: 1px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #333; } /* left, bottom and right border */

div.center #spec td.w150 { width: 150px; }

div.center #spec td.lg { background: #E6E6E6; } /* light gray */

div.center #spec td.mg { background: #C0C0C0; } /* mid gray */



.img-right4 { float: right; margin: 1em; margin-right: 0; border: 1px solid #ddd; }