﻿/* 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;
}
.context-box-text2 {
	padding: 1.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-left: 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;
}
.grid-3 {
	float: left;
	width: 250px;
	margin: 12px 12px 4px 0;
	padding: 0;
}
.grid-4 {
	float: left;
	width: 250px;
	margin: 12px 12px 28px 0;
	padding: 0;
}
.last-grid-item {
	margin-right: 0;
}
.grid-2 .promo-inner2 {
	width: 99%;
	border: 1px solid #999;
}
.grid-2 .promo-inner5 {
	width: 95%;
	background: #F3F3F3;
	margin: 0px 10px 4px 0;
	padding: 3px 7px 7px 8px;
	border: 1px solid #999;
}
.box2 {
	background: #F3F3F3;
	width: 99%;
	border: 1px solid #999;
	margin: 7px 0 4px 0;
	padding: 7px 7px 7px 7px;
}
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;
}
div.center h3.bluead2 {
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	margin: 0 0 .2em 0;
	padding-top: 3px;
}
.social-row {
	margin: .6em 0 .6em 10px;
}
.social-row2 {
	margin: .8em 0 .8em 6px;
}
.social-icons {
	float: left;
	width: 50px;
}
.social-icons2 {
	float: left;
	width: 40px;
}
.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;
}
.box {
	background-color:#f3f3f3;
	padding:5px 20px;
}

.calendarbox{
	background-color:#CFEDFF;
	padding:5px 15px;
	border: 5px #036 double;
	
}
/* Please consolidate - added to fix issue in IE 7  not displaying promo box */

.pos-rel {
	position: relative;
}
/*New Boxes*/



.content-box-left {
	width: 45%;
	float: left;
	margin: 12px 12px 12px 0;
	border: 1px solid #CCC;
}
.content-box-right {
	width: 45%;
	float: right;
	margin: 12px 0 12px 12px;
	border: 1px solid #CCC;
}
div.center .content-box-left h2, div.center .content-box-right h2 {
	color: #006699;
	font-size: 140%;
	padding-bottom: .8em;
	margin-bottom: .8em;
	margin-top: .8em;
	border-bottom: 1px dashed #CCC;
}
div.center .content-box-left h3, div.center .content-box-right h3 {
	color: #000;
}
.flashback {
	margin: 3px;
	padding: 12px; /*background: #F4F4F4; */
}
div.center .flashback h3 {
	margin-bottom: 1em;
	display: block;
}
div.center .flashback h3.red {
	color: #990000;
	font-size: 110%;
	padding-bottom: .4em;
	margin-bottom: .8em;
	border-bottom: 1px solid #CCC;
}
div.center .flashback h3.darkgray {
	color: #333;
	font-size: 110%;
	padding-bottom: .4em;
	margin-bottom: .8em;
	border-bottom: 1px solid #CCC;
}
/* added 4-19-2010 */

table.historyBox {
	border-collapse: collapse;
	width: 100%;
	font-size: 90%;/*border: 1px solid #CCC;*/



}
table.historyBox td {
	background: #FFF;
	vertical-align: top;
	padding : 1em;
	border-bottom: 1px solid #CCC;
	color: #333;
}
table.historyBox td.year {
	width: 12%;
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
	text-align: center;
}
table.champions {
	border-collapse: collapse;
	width: 20%;
	font-size: 90%;
	margin-bottom: 15px;
	border: 1px solid #003399;
	text-align: center;
}
table.champions td {
	background: #004;
	vertical-align: top;
	padding : 5px;
	border: 1px solid #aaa;
	color: #fff;
}
.bordered {
	border: none;
	padding: 3px;
}
blockquote.mid {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	border: none;
	text-align: left;
	margin: 1.5em 0;
	padding: 0 26px;
	background: url(../images/top-quote-small.jpg) top left no-repeat;
}
div.center blockquote.mid p.subtitle {
	font-size: .85em;
	font-style: italic;
}
div.center blockquote.mid p {
	font-style: normal;
}
blockquote.stories {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	border: none;
	text-align: left;
	margin: 1.5em 0;
	padding: 0 36px;
	background: url(../images/top-quote-stories.jpg) top left no-repeat;
}
div.center blockquote.stories p.subtitle {
	font-size: .85em;
	color: #333;
	font-style: italic;
}
div.center blockquote.stories p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
	color: #336666;
	font-style: normal;
}
.champion-grid {
	width: 130px;
	float: left;
	background: #F4F4F4;
	border: 1px solid #CCC;
	display: inline;
	margin-right: 5px;
	text-align: center;
	padding: 12px 0;
}
.champion-grid img {
	background: #FFF;
	padding: 5px;
	border: 1px solid #999;
	margin-bottom: .8em;
}
div.center ul.separated {
	margin: 1.5em 15px 1.5em 15px;
	padding-left: 5px;
}
div.center ul.separated li {
	margin-bottom: .8em;
	padding-bottom: .8em;
	padding-left: 10px;
	border-bottom: 1px dashed #CCC;
}

