/*



	CNA-Centennial - main stylesheet

	Created by Industrial media/Phil Champagne

	www.industrialmedia.ca



*/



/* =general

---------------------------------------------------------------------------------------------------- */

body {

	background: #ffffff;

	margin: 0 auto 0 auto;

	font-family: 'trebuchet ms', helvetica, arial, sans-serif;

	font-size: 13px;

	color: #000000;



}





p{

	font-family: arial;

	line-height: 16px;

	color: #000000;

	margin-left:22px;

	margin-right:15px;

	margin-top:8px;    

    }


table tr td {

	font-family: 'trebuchet ms', helvetica, arial, sans-serif;

	font-size: 13px;

	color: #000000;

}



/* =Splash

---------------------------------------------------------------------------------------------------- */

#splash {

	background: #ffffff;

	height: 160px;

	width: 100%;

}



#splash-btns {

	

	

}



#splash-btns a {

	font-family: helvetica, arial, sans-serif;

	display: block;

	color: #435D0C;

	text-decoration: none;

	font-weight: bold;

	font-size: 16px;

}



#splash-btns a:hover {

	text-decoration: underline;

}	



#splash-btns a#eng {

	display: block;



	

}



#splash-btns a#fr {

	display: block;

	

	

}



#splash-btns #englink {

	display: block;

	

	

}



#splash-btns #frlink {

	display: block;

	

	

}



/* =global layout

---------------------------------------------------------------------------------------------------- */

#wrapper_100 {

	margin: 0 auto 0 auto;

	text-align: center;

	width: 100%

}



#wrapper_100_sub {

	background: #ffffff url('wrapper-sub-bg.gif') repeat-x;

	margin: 0 auto;	

	width: 100%

}



#wrapper-top {

	position: relative;

	margin: 0 auto 0 auto;

	width: 980px;

	height: 186px;

}



#wrapper {

	position: relative;

	margin: 0 auto 0 auto;

	width: 980px;

	_width: 1010px;

}



.clear {

	margin: 0;

	padding: 0;

	font-size: 1px;

	clear: both;

	width: 100%;

}



#content {

	float: left;

	width: 754px;

	text-align: left;

}



#content #text-content {

	padding: 14px 16px 16px 16px;

	text-align: left;

}



/* =Branding (Homepage)

---------------------------------------------------------------------------------------------------- */

#home-branding {

	background: #e9a62c;

	width: 100%;

	border-bottom: 2px solid #B04C36;

}



/* =Branding

---------------------------------------------------------------------------------------------------- */

#logo {

	position: absolute;

	top: 6px;

	left: 0px;

	z-index: 0;

}



#wordmark {

	position: absolute;

	top: 43px;

	left: 199px;

	z-index: 0;

}



/* =global layout (Homepage)

---------------------------------------------------------------------------------------------------- */

#home-content {

	float: left;

	width: 500px;

	text-align: left;

	padding: 16px 0 0 0;

}



#home-content #text-content {

	padding: 0 15px 0 15px;

}



.news-boxes {

	background: url('news-box-bg.gif') repeat-y;

	width: 233px;

	color: #000000;

	font-size: 12px;

	line-height: 15px	

}

.news-boxes-content {

	padding: 0 12px 0 12px;

}



.news-boxes h2 {

	font-family: arial, sans-serif;

	color: #b04c36;

	font-size: 14px;

	margin: 0;

	padding: 6px 0 14px 0;

}



td.news-items h2 {

	font-family: arial, sans-serif;

	font-size: 16px;

	color: #70923d;

	margin: 0;

	padding: 20px 0 0 0;

}



td.news-items {

	padding: 0 10px 0 16px;

}



/* =Toolbar (Homepage) 

---------------------------------------------------------------------------------------------------- */

#toolbar-home {

	width: 100%;

	background: #004b85;

	color: #ffffff;

	text-align: center;

	margin: 0 auto 0 auto;

	border-bottom: 2px solid #ffffff;

}



#toolbar-home #toolbar-items {

	width: 980px;

	text-align: right;

	padding: 10px 18px 10px 0;

}



#toolbar-home #toolbar-items a {

	color: #ffffff;

	text-decoration: none;

	margin: 0 2px 0 2px;

}



#toolbar-home #toolbar-items a:hover {

	text-decoration: underline;	

}



#toolbar-home #toolbar-items td {

	color: #ffffff;

}



/* =Toolbar

---------------------------------------------------------------------------------------------------- */

#toolbar {

	width: 100%;

	color: #ffffff;

	text-align: center;

	margin: 0 auto 0 auto;

}



#toolbar #toolbar-items {

	width: 980px;

	text-align: right;

	padding: 10px 18px 10px 0;

}



#toolbar #toolbar-items a {

	color: #ffffff;

	text-decoration: none;

	margin: 0 2px 0 2px;

}



#toolbar #toolbar-items a:hover {

	text-decoration: underline;	

}



#toolbar #toolbar-items td {

	color: #ffffff;

}



/* =Breadcrumb

---------------------------------------------------------------------------------------------------- */

#breadcrumb {

	font-size: 12px;	

	text-align: left;

}



#breadcrumb #breadcrumb-items {

	padding: 0 0 0 238px;

}



#breadcrumb #breadcrumb-items a {

	color: #b04c36;

	font-size: 12px;

}

#breadcrumb #breadcrumb-items a:hover {

	color: #000000;

	font-size: 12px;

}



/* =Font-resize

---------------------------------------------------------------------------------------------------- */

#font-resize {

	float: right;

}



#font-resize td {

	font-size: 12px;

	color: #000000;

}



/* =sidebar

---------------------------------------------------------------------------------------------------- */

#sidebar {

	float: left;

	width: 175px;

	padding: 16px 0 0 0;

}	



#sub-content-box {

	background: url('sub-content-box-bg.gif') repeat-y;

	text-align: left;

	width: 175px

}



#sub-content-box-2 {

	background: url('sub-content-box-bg-lg.gif') repeat-y;

	text-align: left

}



#sub-content-box h2, #sub-content-box-2 h2 {

	font-size: 16px;

	color: #b04c36;

	margin: 0;

	padding: 0 0 13px 13px;

}



#sub-content-box-content, #sub-content-box-content-2 {

	color: #b04c36;

	line-height: 15px;

}



#sub-content-box-content td, #sub-content-box-content-2 td {

	color: #b04c36;

	padding: 8px 4px 4px 13px;

}



#sub-content-box-content td a, #sub-content-box-content-2 td a {

	color: #b04c36;

}



#sub-content-box-content td a:hover, #sub-content-box-content-2 td a:hover {

	color: #000000;

}



/* =Sidebar (Homepage green sidebar)

---------------------------------------------------------------------------------------------------- */

#home-sub-content {

	background: url('sub-content-bg.gif') repeat-y;

	color: #ffffff;

	text-align: left

}



#home-sub-content td {

	color: #ffffff;

}



#home-sub-content h2 {

	font-family: arial, sans-serif;

	font-size: 15px;

	color: #ffffff;

	margin: 0;

	padding: 5px 0 5px 10px;

}



#home-sub-content p {

	padding: 0 0 0 10px;

}



#home-sub-content .sub-content td {

	padding: 10px 3px 10px 10px;

}



#home-sub-content .sub-content td a {

	color: #ffffff;

}



#home-sub-content .sub-content td a:hover {

	color: #000000;

}



/* =Sidebar (Green & no green sidebar)

---------------------------------------------------------------------------------------------------- */

#sub-content {

	background: url('sub-content-bg.gif') repeat-y;

	color: #ffffff;

	text-align: left;

	float: right;

	width: 255px; 

	margin-left:20px; margin-right:0; margin-top:14px; margin-bottom:0

}



#sub-content2 {

	color: #ffffff;

	text-align: left;

	float: right;

	width: 255px; 

	margin: 14px 0 0 20px;

}



#sub-content h2, #sub-content2 h2 {

	font-family: arial, sans-serif;

	font-size: 15px;

	color: #ffffff;

	margin: 0;

	padding: 5px 0 0 10px;

}



#sub-content p {

	padding: 0 10px 0 10px;

	color: #ffffff;

}



#sub-content2 p {

	text-align: center;

	color: #ffffff;

}



#sub-content a {

	color: #ffffff;

}



#sub-content sa:hover {

	color: #000000;

}



/* =links

---------------------------------------------------------------------------------------------------- */

a {

	outline: none;

	color: #435D0C;

}



a:hover {

	outline: none;

	color: #435D0C;

}



/* =Typography

---------------------------------------------------------------------------------------------------- */

h1 {

	font-family: arial, sans-serif;

	font-size: 20px;

	color: #435D0C;

	margin-top:10px;

	margin-bottom:10px;

	margin-left:20px;

	margin-right:0px;



}



h2 {

	font-family: arial, sans-serif;

	font-size: 14px;

	color: #435D0C;

	margin-top:10px;

	margin-bottom:10px;

	margin-left:20px;

	margin-right:0px;

}



h2 span {

	font-family: arial, sans-serif;

	font-size: 16px;

	font-weight: normal;

	color: #435D0C;

	margin: 6px 0 0 0;

}



h3 {

	font-family: arial, sans-serif;

	font-size: 13px;

	color: #044e87;

	margin: 10px 0 10px 0;

	border-bottom: 1px solid #044e87;

}



p.quote {

	margin-bottom: 0;

	color: #505050;

}



p.quoter {

	margin-top: 0;

}



p.caption {

	font-size: 10px;

	color: #000000;

	margin-top:10px;

	margin-bottom:10px;

	margin-left:20px;

	margin-right:0px;

	text-align: left;

	line-height: 13px;

}



sup {

	font-size: 0.8em;

    vertical-align: baseline;

    position: relative;

    bottom: 0.33em;

}



/*=Footer

---------------------------------------------------------------------------------------------------- */

#footer {

	border-top: 1px solid #e2e2e2;

	margin: 20px 0 0 0;

	text-align: left;

}	



#footer #footer-items {

	color: #000000;

	font-size: 12px;

	padding: 40px 0 40px 0;

	text-align: left;

}



#footer #footer-items a {

	color: #b04c36;

	font-size: 12px;

	text-decoration: none;

}



#footer #footer-items a:hover {

	color: #b04c36;

	text-decoration: underline;

}



/* Lists

---------------------------------------------------------------------------------------------------- */

ul {

	list-style: square;

	margin-top:10px;

	margin-bottom:10px;

	margin-left:40px;

	margin-right:20px;

	padding: 0 0 0 15px;

}


ul li {

	padding: 3px 0 3px 0;
	
	font-family: arial;

	line-height: 16px;

	color: #000000;

}




ol {

	list-style: square;

	margin-top:10px;

	margin-bottom:10px;

	margin-left:20px;

	margin-right:0px;

	padding: 0 0 0 15px;

}


ol li {

	padding: 3px 0 3px 0;
	
	font-family: arial;

	line-height: 16px;

	color: #000000;

}


/* =Tables

---------------------------------------------------------------------------------------------------- */

.layout td {

	padding: 16px;

}



.data-img td {

	padding: 10px 14px 10px 14px

}



.data-img td p.caption {

	font-size: 11px;

	color: #505050;

	margin: 3px 0 0 0;

	text-align: left;

	line-height: 13px;

	width: 120px;

}



.webcasts td {

	padding: 0 8px 10px 16px;

}



.awards td {

	padding: 10px 16px 10px 16px;

	color: #666666;

	vertical-align: top;

}



.awards td p.quote {

	color: #666666;

	font-size: 11px;

	line-height: 13px;

	margin: 3px 0 3px 0;

}



.sponsors {

}



.sponsors td {

	border-bottom: 1px solid #c1c1c1;

	padding: 16px;

}



.toolkit-intro {

	margin: 10px 0 10px 0;

}



.toolkit-intro td {

	padding: 0 20px 10px 0;

}



.toolkit {

	margin: 10px 0 10px 0;

}



.toolkit td {

	padding: 0 20px 0 0;

}



/* =Buttons (Below left-nav)

---------------------------------------------------------------------------------------------------- */

#btn_1 {

	background: url('btn-1-bg.jpg') no-repeat 0 0;

	height: 71px;

	width: 222px;

	margin: 10px 0;

	text-align: left

}



#btn_1 #btn_1-items {

	color: #002745;

	line-height: 16px;

	padding: 10px 0 0 14px;

}



#btn_2 {

	background: url('btn-2-bg.jpg') no-repeat 0 0;

	height: 71px;

	width: 222px;

	margin: 10px 0;

	text-align: left

}



#btn_2 #btn_2-items {

	color: #002745;

	line-height: 17px;

	padding: 13px 0 0 14px;

}



#btn_1_f {

	background: url('btn-1-f-bg.jpg') no-repeat 0 0;

	height: 95px;

	width: 222px;

	margin: 10px 0;

	text-align: left

}



#btn_1_f #btn_1_f-items {

	color: #002745;

	line-height: 16px;

	padding: 12px 0 0 14px;

}



#btn_2_f {

	background: url('btn-2-f-bg.jpg') no-repeat 0 0;

	height: 95px;

	width: 222px;

	margin: 10px 0;

	text-align: left

}



#btn_2_f #btn_2_f-items {

	color: #002745;

	line-height: 17px;

	padding: 13px 0 0 14px;

}



/* =Misc

---------------------------------------------------------------------------------------------------- */

hr {

	color: #666666;

	background: #666666;

	height: 1px;

}



.pdf {

	background: url('icon-pdf.gif') no-repeat 0 3px;

	_height: 18px;

	min-height: 18px;

	padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0

}



#sub-content p.pdf {

	background: url('icon-pdf.gif') no-repeat 0 3px;

	_height: 22px;

	min-height: 22px;

	margin-left: 10px;

	margin-right: 10px; padding-left:22px; padding-right:0; padding-top:0; padding-bottom:0

}



/* =left-nav

---------------------------------------------------------------------------------------------------- */

#left-nav {

	float: left;

	width: 222px;

	padding: 16px 0 0 0;

	text-align: left;

}



#left-nav #left-nav-items {

	text-align: left;

	font-family: arial, sans-serif;

	font-size: 13px;

}



#left-nav #left-nav-items #sub-nav {

	background: url('left-nav-bg-on.jpg') repeat-y;

	width: 222px;

	color: #004b85;

	padding-left:0; padding-right:0; padding-top:0; padding-bottom:6px

}



#left-nav #left-nav-items #sub-nav #sub-nav-items {

	color: #004b85;

}



#left-nav #left-nav-items #sub-nav #sub-nav-items span {

	display: block;

	color: #004b85;

	margin: 0;

	padding: 0 3px 6px 36px;

}



#left-nav #left-nav-items #sub-nav #sub-nav-items a {

	background-image: none;

	display: inline;

	color: #004b85;

	text-decoration: none;

	border: 0;

}



#left-nav #left-nav-items #sub-nav #sub-nav-items a:hover {

	background-image: none;

	display: inline;

	color: #004b85;

	text-decoration: underline;

	border: 0;

}



#left-nav #left-nav-items #sub-nav #sub-nav-items a.sub-on {

	background-image: none;

	display: inline;

	color: #004b85;

	font-weight: bold;

	text-decoration: underline;

	border: 0;

}