/*

	CHSRF - main stylesheet
	Created by Industrial Media
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

ul, ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff url('../images/rebrand/body-bg.jpg') top center repeat-x;
	margin: 0 auto 0 auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

table tr td {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 1px;
	clear: both;
	width: 100%;
}

.cleared {
	clear: both;
}

.clearit:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* =Branding
---------------------------------------------------------------------------------------------------- */
#branding {
	/*background: url('../images/wrapper-home/en/branding-bg.jpg') 0 100% no-repeat;*/
	min-height: 122px;
	height: auto !important;
	height: 122px;
}

#branding #logo {
	float: left;
	padding: 32px 0 0 25px;
}

/* Toolbar */
#branding #toolbar {
	float: right;
	padding: 32px 22px 0 0;
	font-family: arial, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
}

#branding #toolbar a {
	text-decoration: none;
	color: #003366;
}

#branding #toolbar a:hover {
	color: #003366;
	text-decoration: underline;
}

/* =Search block
---------------------------------------------------------------------------------------------------- */
#wrapper #search-field {
	background: url('../images/rebrand/search-block-bg.gif') 0 0 no-repeat;
	width: 325px;
	height: 32px;
	padding: 8px 0 0 15px;
	position: absolute;
	top: 82px;
	left: 640px;
}

#search-field form label {
	float: left;
	padding: 6px 4px 0 0;
}

/* =Layout (homepage)
---------------------------------------------------------------------------------------------------- */
#home #wrapper {
	width: 980px;
	margin: 0 auto 0 auto;
	position: relative;
}

#home #wrapper #inner-wrapper {
	background: url('../images/wrapper-home/en/inner-wrapper-bg.gif') 0 0 repeat-y;
	margin: 12px 0 0 0;
}

#home #inner-wrapper .main-content-border-btm {
	background: url('../images/wrapper-home/en/main-content-border-btm.gif') 0 0 no-repeat;
	clear: both;
	height: 7px;
	font-size: 1px;
}

#home #inner-wrapper #main-content {
	background: url('../images/wrapper-home/en/main-content-bg.jpg') 0 0 no-repeat;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#home #inner-wrapper .left-col {
	float: left;
	width: 679px;
	padding: 15px 18px 30px 13px;
}

#home #inner-wrapper .right-col {
	float: right;
	width: 268px;
}

#home #inner-wrapper .featured-left {
	float: left;
	width: 312px;
	margin: 28px 0 0 0;
	padding: 0 0 0 14px;
}

#home #inner-wrapper .featured-left2 {
	float: left;
	width: 312px;
	margin: 0 0 0 0;
	padding: 28px 0 0 14px;
	clear: left;
}

#home #inner-wrapper .featured-right {
	float: right;
	width: 324px;
	margin: 28px 0 0 0;
	clear: right;
}

#home #inner-wrapper .featured-left ul li, #home #inner-wrapper .featured-right ul li {
	clear: both;
	padding: 14px 0 14px 0;
}

#home #inner-wrapper .featured-left .feature-img, #home #inner-wrapper .featured-right .feature-img {
	float: left;
	display: block;
}

#home #inner-wrapper .featured-left .txt {
	float: left;
	width: 298px;
	padding: 0 0 0 0px;
}

#home #inner-wrapper .featured-right .txt {
	float: left;
	width: 225px;
	padding: 0 0 0 10px;
}

#home #inner-wrapper #text-content {

}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 980px;
	margin: 0 auto 0 auto;
	position: relative;
}

#wrapper #inner-wrapper {
	background: url('../images/wrapper-home/en/inner-wrapper-bg.gif') 0 0 repeat-y;
	margin: 12px 0 0 0;
}

#inner-wrapper .main-content-border-btm {
	background: url('../images/wrapper-home/en/main-content-border-btm.gif') 0 0 no-repeat;
	clear: both;
	height: 7px;
	font-size: 1px; /* IE6 */
}

#inner-wrapper #main-content {
	background: url('../images/wrapper-home/en/main-content-bg.jpg') 0 0 no-repeat;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#inner-wrapper #left-col {
	float: left;
	width: 710px;
}

#inner-wrapper #right-col {
	float: right;
	width: 268px;
}

#inner-wrapper #text-content {
	
}

/* =Sub content
---------------------------------------------------------------------------------------------------- */
#sub-content {
	width: 250px;
	margin: 10px 0 0 7px;
	padding: 0;
}

/* Calendar */
#sub-content #calendar {
	background: url('../images/wrapper-home/en/calendar-bg.gif') 0 0 repeat-y;
	margin: 10px 0 0 0;
}

#sub-content #calendar #prev-next {
	background: url('../images/wrapper-home/en/canlendar-border-btm.gif') 0 100% no-repeat;
	min-height: 5px;
	height: auto !important;
	height: 5px;
}

#sub-content #calendar #prev-next ul {
	padding: 11px 9px 0 9px;
}

#sub-content #calendar #prev-next ul li {
	display: inline;
}

#sub-content #calendar #prev-next ul li.next {
	padding: 0 0 0 145px;
}

#sub-content #calendar #prev-next ul li a {
	color: #90182C;
}

#sub-content #calendar #prev-next ul li a:hover {
	color: #00395A
}

#prev-next-tool a {
color: #90182C;
}
/* Podcasts and Webcasts */
#sub-content #podcasts-webcasts {
	background: #ffffff url('../images/wrapper-home/en/podcasts-webcasts-bg.gif') 0 0 repeat-y;
	margin: 10px 0 0 0;
}

#sub-content #podcasts-webcasts ul {
	border-top: 1px solid #988E78;
}

#sub-content #podcasts-webcasts ul li {
	color: #5C5841;
	text-decoration: none;
	clear: both;
	padding: 15px 8px 8px 8px;
}

#sub-content #podcasts-webcasts ul li .icon {
	display: block;
	float: left;
}

#sub-content #podcasts-webcasts ul li .txt {
	float: left;
	padding: 0 0 0 8px;
	width: 170px;
}

#sub-content #podcasts-webcasts ul li a {
	color: #2BAD34;
}

#sub-content #podcasts-webcasts ul li a:hover {
	color: #2BAD34;
}

#podcasts-webcasts .webcasts-podcasts-border-btm {
	background: url('../images/wrapper-home/en/webcasts-podcasts-border-btm.gif') 0 100% no-repeat;
	font-size: 1px; /* IE6 */
}

/* =Left nav 
---------------------------------------------------------------------------------------------------- */

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {

}

#breadcrumb a, #breadcrumb a:hover {

}

/* =font resize
---------------------------------------------------------------------------------------------------- */
#font-resize {
	color: #ffffff;
	font-size: 11px;
	margin: 0 0 10px 0;
}

#font-resize td {
	padding: 0 0 0 0;
}

#font-resize td img {
	margin-right: 2px; 
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:focus {
	outline: none;
	color: #5eb8d5;
}

a:hover {
	outline: none;
	color: #5eb8d5;
	text-decoration: underline;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#text-content p {
	margin: 10px 0 10px 0;
	line-height: 17px;
}

#text-content h1 {
	font-size: 20px;
	margin: 0 0 10px 0;
}

#text-content h2 {
	font-size: 15px;
	margin: 0 0 10px 0;
}

#text-content h3 {
	font-size: 14px;
	margin: 0 0 10px 0;
}

/* Sub content / sidebar */
#sub-content h3 {
	margin: 0;
}

#sub-content #podcasts-webcasts p {
	margin: 0;
	padding: 0 10px 10px 0;
}

#sub-content #podcasts-webcasts h3 {
	color: #5C5841;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}

/* Homepage */
#home #inner-wrapper .featured-left h2, #home #inner-wrapper .featured-right h2 {
	background: url('../images/wrapper-home/en/featured-header-bg.gif') 0 100% no-repeat;
	margin: 0;
	padding: 0 0 18px 0;
}

#home #inner-wrapper .featured-left h3, #home #inner-wrapper .featured-right h3 {
	color: #00395A;
	font-size: 12px;
	margin: 0;
}	

#home #inner-wrapper .featured-left .txt p, #home #inner-wrapper .featured-right .txt p {
	line-height: 17px;
	margin: 0;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	font-size: 11px;
	width: 980px;
	margin: 0 auto 0 auto;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

#footer p {
	padding: 22px 0 0 25px;
}

#footer p a { 
	color: #2BAD34;
}

#footer p a:hover  {
	color: #2BAD34;
}

/* =forms
---------------------------------------------------------------------------------------------------- */
form .search-field {
	background: #ffffff;
	border: 0;
	width: 252px;
	height: 15px;
	padding: 5px 0 5px 2px;
	border: 1px solid #96AEBB;
}

/* =CSS Menus / Main nav
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default; }
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}
.qmmc {position:relative;width:100%;}
.qmmc a, .qmmc li {float:left;display:block;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}

/* =Main nav
---------------------------------------------------------------------------------------------------- */   
#main-nav {
	width: 980px;
	margin: 0 auto 0 auto;
}

#main-nav a {
	margin: 0 1px 0 0;
}

#main-nav a#last {
	margin-right: 0;
}

/* (MAIN) Container */	
#qm0 {	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (MAIN) Items */	
#qm0 a {	
	background: none;
	border: none;
}

/* (MAIN) Hover State */	
#qm0 a:hover {	
	background: none;
	border: none;
}

/* (MAIN) Parent items */	
#qm0 .qmparent {	
	background: right 0 no-repeat;
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {	
	background: none;
	border: none;
}

/* (SUB) Container */	
#qm0 div {	
	background: #E8E8E8;
	margin: 1px 0 0 0;
	padding: 0;
	border: 1px solid #00395A;
}

/* (SUB) Items */	
#qm0 div a {	
	background: #E8E8E8;
	color: #515C78;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding: 6px 20px 6px 10px;
	border-bottom: 3px solid #ffffff;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	background: #00395A;
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	padding: 6px 20px 6px 10px;
	border-bottom: 3px solid #ffffff;
}

/* (SUB) Active State */	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background: #00395A;
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	padding: 6px 20px 6px 10px;
	border-bottom: 3px solid #ffffff;
}