/*



	CCME - Main Stylesheet

	www.industrialmedia.ca



*/



.validation {

	color: red;

}



/* =General

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

* {

	margin: 0;

	padding: 0;

}



body {

	background: #ffffff url('../images/wrapper/body-bg.jpg') 0 0 repeat-x;

	margin: 0;

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

	font-size: 13px;

	color: #000000;

}



table tr td {

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

	font-size: 12px;

	color: #000000;

}



.clear {

	clear: both;

	font-size: 1px;

	height: 1px;

	width: 100%;

	background: 0;

	margin: 0;

	padding: 0;

}



.clearit:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



ul {

	list-style: none;

	margin: 0;

	padding: 0;

}



ul.archives{

	list-style: disc;

	margin: 0 15px;

	padding: 5px;







}



/* =Branding

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

#branding {

	background: url('../images/wrapper/branding-bg.jpg') 100% 0 no-repeat;

	width: 100%;

	min-height: 155px;

	height: auto !important;

	height: 155px;

}



#branding #logo {

	width: 162px;

	float: left;

	padding: 43px 0 0 0;

	text-align: right;

}



#branding #wordmark-date {

	float: left;

	width: 816px;

	padding: 83px 0 0 0;

	position: relative;

}



.wordmark {

	margin-top: -15px;

}



/* =Toolbar

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

#toolbar {

	color: #3E4B54;

	padding: 20px 0 0 0;

	position: absolute;

	top: 0;

	right: 0;

}



#toolbar a {

	color: #3E4B54;

	text-decoration: none;

}



#toolbar a:hover {

	text-decoration: underline;

}



#toolbar a.on {

	color: #3E4B54;

	text-decoration: underline;

}





/* =Main nav

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

ul#main-nav {

	background: #0069AA;

	width: 100%;

	font-size: 13px;

	border-bottom: 1px solid #ffffff;

}



ul#main-nav-fr {

	background: #0069AA;

	width: 100%;

	font-size: 12px;

	border-bottom: 1px solid #ffffff;

}





ul#main-nav li {

	background: #0069AA url('../images/wrapper/main-nav-item-divider.gif') 100% 0 no-repeat;

	display: block;

	float: left;

	min-height: 38px;

	height: auto !important;

	height: 38px;

	text-align: center;

}



ul#main-nav-fr li {

	background: #0069AA url('../images/wrapper/main-nav-item-divider.gif') 100% 0 no-repeat;

	display: block;

	float: left;

	min-height: 38px;

	height: auto !important;

	height: 38px;

	text-align: center;

}



ul#main-nav li a {

	display: block;

	float: left;

	color: #ffffff;

	text-align: center;

	text-decoration: none;

	padding: 11px 13px 0 13px;

}



ul#main-nav-fr li a {

	display: block;

	float: left;

	color: #ffffff;

	text-align: center;

	text-decoration: none;

	padding: 11px 9px 0 9px;

}



ul#main-nav li a:hover {

	color: #eeeeee;

	text-decoration: underline;

}



ul#main-nav-fr li a:hover {

	color: #eeeeee;

	text-decoration: underline;

}





ul#main-nav li a.on {

	color: #eeeeee;

	text-decoration: underline;

}





ul#main-nav-fr li a.on {

	color: #eeeeee;

	text-decoration: underline;

}



ul#main-nav li.last {

	background: none;

}



ul#main-nav-fr li.last {

	background: none;

}





/* =Layout (homepage)

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

#home-container {

	background: #ffffff url('../images/wrapper/home-bg.gif') 0 0 repeat-y;

	width: 100%;

	clear: both;

	border-top: 4px solid #98B7DB;

}



#home #left-col {

	width: 719px;

	float: left;

}

	

#home #right-col {

	width: 261px;

	float: left;

	margin-bottom: 0;

}



#home #content {

	background: #ffffff url('../images/wrapper/main-content-bg.jpg') 0 0 repeat-x;

	min-height: 330px;

	height: auto !important;

	height: 441px;

	border-left: 1px solid #E6E2D9;

}



#home #text-content {

	padding: 25px 20px 0 25px;

	margin-bottom: 0;

}



#home #callout {

	float: right;

	display: inline;

	width: 251px;

	margin: 15px 10px 0 10px;

}



#home #callout #callout-items {

	background: #ffffff url('../images/wrapper/callout-bg.gif') 0 0 repeat-y;

	min-height: 255px;

	height: auto !important;

	height: 255px;

	padding: 1px 20px 0 24px;

}



#home #callout #callout-items p { 

	margin: 14px 0 0 0;

	font-size: 13px;

}



#home #callout #callout-items h3 {

	color: #948F72;

	font-size: 16px;

	margin: 0;

	padding: 10px 0 0 0;

}



#home #text-content-btm {

	clear: both;

	padding: 0 10px 16px 25px;

	border-left: 1px solid #E6E2D9;

	border-right: 1px solid #E6E2D9;



}



#home #text-content-btm h2 {

	padding: 6px 0 0 0;	

	border-top: 1px solid  #CFD6B1;

	color: #3E4B54;

	font-size: 18px;

	font-weight: normal;

	margin: 25px 0 8px 0;

	letter-spacing: -1px;

}



#home #text-content-btm td  {

	color: #948F72;

	padding: 10px 24px 0 0;

}



/* =Layout

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

#wrapper {

	width: 980px;

	margin: 0 auto 0 auto;

	line-height: 17px;

}



#layout-border {

	background: url('../images/wrapper/layout-border-bg.gif') 0 0 repeat-y;

}



#container {

	background: #ffffff url('../images/wrapper/box-content-bg.jpg') 0 0 no-repeat;

	width: 978px;

	clear: both;

	border-top: 4px solid #98B7DB;

	margin: 0 auto 0 auto;

}



.left-col {

	float: left;

	width: 200px;

	min-height: 441px;

	height: auto !important;

	height: 441px;

}



.middle-col {

	float: left;

	width: 513px;

}



.middle-col-full {

	float: left;

	width: 774px;

}



.middle-col #text-content {

	padding: 32px 25px 20px 0;

}



.middle-col-full #text-content {

	padding: 32px 25px 20px 0;

}



.right-col {

	background: #ffffff url('../images/wrapper/left-col-border-bg.jpg') 0 0 no-repeat;

	min-height: 500px;

	height: auto !important;

	height: 500px;

	float: right;

	width: 261px;

}



/* =left navigation

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

#left-nav {

	background: #ffffff;

	width: 170px;

	border-top: 1px solid #E6E2D9;

	border-right: 1px solid #E6E2D9;

	border-bottom: 1px solid #E6E2D9;

	margin: 30px 0 0 0;

}



#left-nav ul li {

	display: inline;

}



#left-nav ul li a {

	display: block;

	color: #3E4B54;

	text-decoration: none;

	border-bottom: 1px solid #E6E2D9;

	padding: 5px 10px 5px 10px;

}



#left-nav ul li a.last {

	border-bottom: 0;

}



#left-nav ul li a:hover {

	background: #F1F7D5;

}



#left-nav ul li a.on {

	background: #F1F7D5;

}



#left-nav ul li a.last-on {

	background: #F1F7D5;

}



#left-nav ul li #sub-nav {

	padding: 5px 5px 0 10px;

}



#left-nav ul li #sub-nav a {

	display: block;

	color: #B11F17;

	font-size: 11px;

	padding: 1px 0 1px 0;

}



#left-nav ul li #sub-nav a:hover {

	color: #680805;

}



#left-nav ul li #sub-nav a.on {

	color: #680805;

}



/* =Sub content

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

#sub-content {

	width: 220px;

	margin: 28px auto 0 auto;

	color: #948F72;

}



#sub-content #sub-content-items {

	padding: 0 6px 0 30px;

}



#sub-content #sub-content-items h3 {

	font-size: 16px;

	color: #B06010;

	font-weight: normal;

	margin: 0 0 18px 0;

}



/* =Links

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

a {

	color: #0069AA;

	outline: none;

}



a:hover {

	outline: none;

	color: #333333;

}



/* =Typography

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

#text-content p {

	margin: 10px 0 14px 0;

}



#sub-content p {

	margin: 10px 0 14px 0;

}



h1 {

	color: #3E4B54;

	font-size: 24px;

	font-weight: normal;

	margin: 0 0 14px 0;

	letter-spacing: -1px;

}



#text-content h2 {

	color: #3E4B54;

	font-size: 18px;

	font-weight: normal;

	margin: 25px 0 8px 0;

	letter-spacing: -1px;

}



#text-content h3 {

	color: #333333;

	font-size: 16px;

	font-weight: normal;

	margin: 20px 0 10px 0;

	letter-spacing: -1px;

}



/* =Footer

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

#footer {

	clear: both;

	background: url('../images/wrapper/footer-bg.jpg') 0 0 repeat-x;

	min-height: 123px;

	height: auto !important;

	height: 123px;

	border-left: 1px solid #D6D3CA;

	border-right: 1px solid #D6D3CA;

}	



#footer #footer-items {

	padding: 12px 0 0 0;

	text-align: center;

}



#footer #footer-items img {

	padding: 0 29px 0 28px;

}



p.copyright {

	padding: 18px 0 60px 25px;

}



p.copyright a {

	color: #000000;

}	



p.copyright a:hover {

	color: #0068A8;

}





.pdf {

	background: url('../images/icon-pdf.gif') 0 0 no-repeat;

	padding: 0 0 0 22px;

	line-height: 16px;

}



.web {

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

	line-height: 22px;

	padding-left: 24px;

	

}



ul li.web {

	list-style: none;

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

	line-height: 16px;

	padding-left: 22px;

	margin-top: 3px;

}



ul li.pdf {

	list-style: none;

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

	line-height: 16px;

	padding-left: 22px;

	margin-top: 3px;

}