﻿/* GENERAL ELEMENTS */
*{
	margin:0;
	padding:0;
	}
	
html,body{
	height: 100%;/*for footer stick to the bottom*/
	background:white/*#1d4f7a*/;
	color:#222;
	font-size:12px /*0.85em*/;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	line-height:16px;
	/*min-width:960px;*/
	}
	
/*  GENERAL     */	

.center{
	text-align:center;
	}
		
.central_block{
	width:100%;
	margin: 0 auto;
	text-align:center;
	}
	
.small{
	font-size:75%;
	}
.source {
	font-size:9px;
	line-height:12px;
	margin-left:25px;
}
	
.comment{
	font-size:85%;
	line-height:1.3em;
	}		
	
.clear_both{
	clear:both;
	}
		
hr{
	margin:1em 0;
	background-color:#e7e7e7;
	height:2px;
	border:0;
	}
	
p{
	padding:.5em 0;
	}
	
dl dt{
	font-weight:bold;
	}
	
cite{
	color:grey;
	padding-left:1em;
	}	
	
sup{
	position:relative;
	top:.1em;
	right:0;
	}
	
sub{
	position:relative;
	bottom:.2em;
	right:0;
	font-size:9px;
	line-height:5px;
	}
	
h1 sup, h2 sup, h3 sup, h4 sup{
	top:.1em;
	}	
	
	
/***********   Headlines	*****************/
	
	
.text_column h1,h2, h3, h4{
	font-family: Georgia, Times, "Times New Roman", serif;
	line-height:120%;
	}

.text_column h1{
	margin-bottom:.3em;
	color:#7e001c;
	font-size:150%/*200%;*/
	}
	
.text_column h2{
	margin: 1.1em 0 .5em;
	color:#294766;
	font-size:140%/*160%;*/
	}
	
.text_column h3{
	margin:1em 0 .7em;
	color:#364759;
	font-size:130%;
	}


.text_column h4{
	margin-top:.5em;
	color:#36414d;
	font-size:120%;
	}
	
.text_column h5{
	margin-top:1em;
	color:#292e33;
	font-size:100%;
	}
	
	
.text_column h1.top_h1{
	margin-top:50px;
	margin-bottom:0;
	padding:0;
	color:/*#dd1515*/#164c80;
	font-size:300%;
	font-weight:normal;
	text-align:right;
}

.text_column1 h1,h2, h3, h4{
	font-family: Georgia, Times, "Times New Roman", serif;
	line-height:120%;
	}

.text_column1 h1{
	margin-bottom:.3em;
	color:#7e001c;
	font-size:150%/*200%;*/
	}


/********** li *******************/
			
ul li, ol.iii li ul li{/*second is for .iii class*/
	padding:0 0 .3em 1em;
	margin: .5em 0 .5em 2em;
	background:url(../images/li1.png) no-repeat 0 0.4em;
	list-style-image: none;	
	list-style-type:none;
	}
	
ul.more_margin{
	margin:0 0 1.5em 3em;
	}	
	
ol{
	margin:.5em 0 .5em 2em;
	padding:0;
	}
		
ol li{
	padding:0 0 .5em 0;
	margin: .5em 0;
	}	
	
ol.a{
	list-style:lower-latin;
	}
	

	
ol li ul{
	margin:.5em 0 0 3em;
	padding:.3em 1em;
	/*background-color:#f7f7f7;
	border:1px solid #e7e7e7;*/    
	}
		
ol li ul li{
	padding-left:1em;
	}	
	
ol.capital_letters{
	list-style:upper-alpha;
	padding-left:3em;
	}	

ol.small_letters{
	list-style:lower-alpha;
	}

ol.iii li{
	list-style: lower-roman;
	background:none;	
	text-align:left;
	}	
ol.no_numbers li{
	list-style:none;
	}	
ol.no_numbers li ol li{
	list-style:decimal;
	}	
ol.latin_letters{
	list-style:upper-roman;
}	
/*************links*******************/
a{
	color:#7e001c;
	text-decoration:none;
	font-weight:bold;
	}
	
a:visited{
	color:#7e001c;
	text-decoration:none;
	}
	
a:hover, a:active{
	color:#000;
	text-decoration:underline;
	}	
/*external link images*/
a[href^="http:"]{
	/*background:url(/images/external_link.gif) no-repeat right top;
	padding-right:.9em;*/
	}
	
/*PDF images for all PDF files */	
/*a[href$=".pdf"]{
	background:url(../images/pdf.gif) no-repeat right top;
	padding-right:.8em;
	}*/

a[href$=".doc"], a[href$=".docx"]{
	background:url(../images/word.gif) no-repeat right top;
	padding-right:.9em;
	}
	
	
a[href^="http://www.ccac.ca"], a[href^="http://passwordreset.ccac.ca"]{
	background:none;
	padding-right:0;
	}	
	
/*a[href^="mailto:"]{
	background:url(/images/email.gif) no-repeat right top;
	padding-right:.9em;
	}*/
/*a.read_more{
	background:url(/images/more.gif) no-repeat right top;
	padding-right:1.1em;
	}*/
	
/*a[href$=".pdf"]:after{
content:url(/images/pdf.gif);
	}*/
	
	
	
	
	

/*--------BREADCRUMBS----------------------------*/
div#breadcrumbs{
	font-size:10px;
	height:auto;
	color: #000;
	padding:.2em 12% .4em;
	/*background:url(/images/breadcrumbs_gd.png) repeat-x bottom;*/
	line-height:100%;
	text-align:center;
	}
	


.B_firstCrumb a,.B_firstCrumb a:hover, .B_crumb{
	font-size:10px;
	padding:0 1.2em 0 .4em;
	margin-right:-.8em;
	/*background:url(/images/breadcrumbs_pointer.gif) no-repeat right 50%;*/
	}
	
		
.B_lastCrumb {
	font-size:10px;
	padding:0 1.2em 0 .4em;
	color:#000;
	cursor:text;
	}
	
.B_currentCrumb {
	font-size:10px;
	padding:0 1.2em 0 .4em;
	color:#000;
	cursor:text;
	}



/*********          IMAGES   *****************/
img{
	border:0;
	}	
	
img#floated_image{
	padding:.5em 0 0 .5em;
	float:right;
	}
	
	
/*float images blocks*/	
.floated_left{
	float:left;
	clear:both;
	text-align:left;
	}
.floated_right{
	float:right;
	clear:both;
	text-align:right;
	}
.floated_right1{
	float:right;
	clear:both;
	text-align:right;
	}
.floated_center{
	text-align:center;
	}
			
.hf {
	float:right;
	width:340px;
	margin:0 0 10px 15px;
	font-size:80%;
	line-height:14px;
	color:#3d454d;
	}
.hf img	{
	border:1px solid #901933;
	padding:2px;
	}
	
.floated_right img, .floated_left img, .floated_center img{
	margin:1em 0 0 1.5em;
	padding:3px 2px 2px 3px;
	border:1px solid #901933;
	}
	
.floated_right1 img, .floated_left1 img, .floated_center1 img{
	margin:1em 0 0 1.5em;
	padding:3px 2px 2px 3px;
	border:0px solid #901933;
	}
	
.floated_left img{
	margin:1em 1.5em 0 0 ;
	}	
	
.floated_center img{
	margin:1em 0 0 0 ;
	}
		
.floated_right p, .floated_left p, .floated_center p{
	padding:0 1em 0 0;
	margin-top:0;
	font-size:80%;
	color:#3d454d;
	line-height:13px;
	}
	
img.scallable{
	width:90%;
	height:auto;	
	} 

img#audf_figure{
	/*width:100%;*/
	height:auto;	
	} 

	
/*********             BLOCKS	 *******************/
.container_for_block{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-right:5%;
	text-align:center;
	}

.text_column .blocks div, .text_column .block{
	margin:.7em;
	padding:.7em 1.3em;
	background:#f0f0f0;
	border:solid 1px #d6d6d6;
	}

.demisize{
	width:40%;
	float:left;
	text-align:left;
	}
	
.third{
	width:33%;
	float:left;
	text-align:left;
	}

	
.contact_block{
	width:40%;
	height:7em;
	margin:.6em;
	padding:.7em .7em 15px .7em;
	background:#f7f7f7;
	border:solid 1px #e7e7e7;
	text-align:center;
	}
	
.contact_block strong, .centered_contact_block strong{
	font-family: Georgia, Times, "Times New Roman", serif;
	}
	
.two_column_contacts{
	float:left;
	margin-left:4%;
	}
	
.centered_contact{
	margin-left:25%;
	margin-right:25%;
	}	
	
.container_for_centered_contact{
	width:45%;
	margin:1em auto -1em;
	text-align:center;
	}
	
.centered_contact_block{
	width:100%;
	height:auto;
	padding:.9em .7em;
	margin-bottom:0;
	background:#f7f7f7;
	border:solid 1px #e7e7e7;
	text-align:center;;
	font-size:12px;
	line-height:15px;
	}

	
/* slide down addittional information in Standards-Guidelines*/

hr {
	margin:1em 0;
	border: 0; 
	height: 1px; 
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(34,107,169,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(34,107,169,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(34,107,169,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(34,107,169,0.75), rgba(0,0,0,0)); 
}

/*#slidedown1	hr, #slidedown2	hr, #slidedown3	hr, #slidedown4	hr, #slidedown5	hr, #slidedown6	hr, #slidedown7	hr, #slidedown8	hr, #slidedown9	hr, #slidedown10 hr, #slidedown11 hr, #slidedown12 hr, #slidedown13 hr, #slidedown14 hr, #slidedown15 hr{
	padding:0;
	margin:0;
	height:1px;*/
	} 
	
a.slidedown{
	cursor:pointer;
	font-size:100%;
	font-weight:bold;
	}


/******        references  *****/	
div#references{
	margin-top:.5em;
	padding:1em;
	background:#f0f0f0;
	border:1px solid #d6d6d6;
	font-size:90%;
	line-height:130%;
	}	
	

	

/*---------------TABLES ---------*/

/* ----table with animal background------------*/
table#background-image{
	width: 80%;
	margin:0 auto;
	text-align: left;
	border-collapse: collapse;
	background: url('/images/table-images/two_animals.jpg') top center no-repeat ;
	}

#background-image th{
	padding:2em 1em 0 1em;
	font-weight: bold;
	color: #114b77;
	}
	
#background-image td{
	font-size:12px;
	padding: 9px 12px;
	color: #114b77;
	border-top: 1px solid #fff;
	}
	
#background-image tbody td{
	background: url('/images/table-images/back.png');
	}

* html #background-image tbody td{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/table-images/back.png',sizingMethod='crop');*/
	background: none;
	}
		
#background-image tbody tr:hover td{
	color: #0b304d;
	background: none;
	}
	
tr#total td{
	font-weight:bold;
	background:#e5e5e5;
	}
/*-----------------the same blue table, but without animal backfground-------------*/
table.highlighted{
	width: 100%;
	margin-top: 1em;
	border-collapse: collapse;
	border: solid 1px #e7e7e7;
	text-align: left;
	}
.align_right, .align_right td, .align_right thead td{
	text-align:right;
	}	

table.highlighted td{
	border-top: 1px solid #e4e4e4;
	padding:.3em .5em;
	margin:10px;
	color:#33040c;
	}
	
table.highlighted thead td{
	font-weight: bold;
	background:white;
	}

table.highlighted tbody td{
	background: #f7f7f7;
	}
table.highlighted td.align_left{
	text-align:left;
	}
	
table.highlighted tbody tr.chess td{
	background: #f2f2f2;
	}
	
table.highlighted tbody tr.chess2 td{
	background:#ededed;
	}
	
	
table.highlighted tbody tr:hover td{
	color: black;
	background: white;
	}
table.highlighted tbody.add_padding tr td{
	padding:1em 2em;
	}
table.species td{
	text-align:center;
	padding:5px;	
}	
table.species img {
	border:1px solid #7e001c;
}	
	
/*--------blue table with all border lines-------------*/
table#publications{
	margin-top:1em;
	text-align: left;
	border-collapse: collapse;
	border:solid 1px #e7e7e5;
	}
	
#publications td{
	padding: 1em;
	border:solid 1px #e7e7e5;
	}

	
#publications thead td{
	font-weight: bold;
	text-align:center;
	}

#publications tbody td{
	background: #f7f7f7;
	}

#publications tbody tr.chess td{
	background: #ededed;
	}
	
	
#publications tbody tr:hover td{
	background: white;
	}

/*.not_underligned_letters a{
	text-decoration:none;
	}*/	
	
	
	
	
/******         Buttons       *********************/

/*button with images*/
.buttons{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	
.one{
	width:155px;	/*155*/
	}

.one_bg{
	width:175px;	/*155*/
	}	
	
.two{
	width:280px;
	}

.two_bg{
	width:400px;
    margin-left:100px;
	}
	
.three{
	width:420px;
	}
	
.three1{
	width:450px;
	text-align:center;
	}
	
.three2{
	width:420px;
    margin-left:80px;
	}
	
.four{
	width:560px;/*622*/
	margin-bottom:2em;
	}
	
.five{
	width:100%;/*622*/
	margin-bottom:2em;
	}
	
.right_side{
	width:200px;
	}

a.right_side_button:hover{
	text-decoration:none;
	}

a.button{
	/*display:block;*/
	float:left;
	width:120px;/*108*/
	height:79px;/*71*/
	padding-top:4px;
	margin:1em 1em 2em 0;
	background:#f7f7f7;
	border:1px solid #77001a;
	font-size:85%;
	line-height:120%;
	text-align:center;
	} 
	
a.button:hover{
	background:#dddddd;
	border:1px solid #000;
	text-decoration:none;
	color:#b30000;
	}

a.button img{
	margin-bottom:.5em;
	text-align:center;
	width:112px;
	height:75px;
	/*border:1px #e7e7e7 solid;*/
	background:#f7f7f7;
	}
	
a.button5{
	/*display:block;*/
	float:left;
	width:95px;/*108*/
	height:63px;/*71*/
	padding-top:4px;
	margin:1em 1em 2em 0;
	background:#f7f7f7;
	border:1px solid #77001a;
	font-size:85%;
	line-height:120%;
	text-align:center;
	} 
	
a.button5:hover{
	background:#dddddd;
	border:1px solid #000;
	text-decoration:none;
	color:#b30000;
	}

a.button5 img{
	margin-bottom:.5em;
	text-align:center;
	width:90px;
	height:60px;
	/*border:1px #e7e7e7 solid;*/
	background:#f7f7f7;
	}
	
a.button_bg{
	/*display:block;*/
	float:left;
	width:162px;/*108*/
	height:105px;/*71*/
	padding-top:4px;
	margin:1em 2em 2em 0;
	background:#f7f7f7;
	border:1px solid #77001a;
	font-size:85%;
	line-height:120%;
	text-align:center;
	} 
	
a.button_bg:hover{
	background:#dddddd;
	border:1px solid #000;
	text-decoration:none;
	color:#b30000;
	}

a.button_bg img{
	margin-bottom:.5em;
	text-align:center;
	width:150px;
	height:100px;
	/*border:1px #e7e7e7 solid;*/
	background:#f7f7f7;
	}	



a.button[href$=".pdf"]{
	padding-right:0;
	}
/*for core modules in Education section*/	
a.big_button{
	width:339px;
}
a.big_button img{
	width:331px;/*108*/
	} 
	
/*for right menu for Education section*/	
a.small_button{
	/*width:200px;
	height:100px;
	background:white;
	border:1px solid #e7e7e7;*/
	font-size:85%;
	text-align:center;
	line-height:100%;
	}
	
p.small_button_text{
	background:none;
	border:none;
	}	
	
a.small_button:hover{
	text-decoration:none;
	color:#b30000;
	}

a.small_button img{
	width:85px;
	height:57px;
	/*width:112px;
	height:75px;*/
	/*padding:4px 2px;*/
	/*margin-bottom:.5em;*/
	text-align:center;
	border:2px solid white;

	} 
a.small_button:hover img{
	border:2px solid #ccccca;
	} 
	
		
.description_and_image li{
	clear:both;	
	background:none;
	}	
	
.description_and_image p{
	width:70%;
	float:left;
	margin:0 .5em 2em 0;
	}
/***********smal image without picture*********(get involved! in assessment)*/

.small_button_no_image{ /*check if we need it*/
	width:20%;
	margin:.5em 0 .1em 2em;
	padding:0 .5em .5em;
	text-align:left;
	background:#f7f7f7;
	border:solid 1px #ccccca;
	}

	
.small_button_no_image a{
	background:none;
	padding:0;	
	}
	
alt{
	font-size:200%;
	}
	
div.padding_left{
	padding-left:50px;
	}
	
p.download a[href$=".pdf"]{
	background:url(../images/pdf.gif) no-repeat right top #f0f0f0;
	padding-right:.8em;
	}
	
p.download a[href$=".doc"], a[href$=".docx"]{
	background:url(../images/word.gif) no-repeat right top #f0f0f0;
	padding-right:.9em;
	}
.res {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight: bold;
	color:#398DCC;
}	
.newsdate {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight: bold;
	color:#333;
}
.exemple td{
	border:1px solid #D8D8D8;
	widows:100%;
	padding:15px;
		
}
.pic1 {
	margin:1em 0 0 1.5em;
	padding:3px 2px 2px 3px;
	border:1px solid #ccccca;
	}

.red {
	color: #FF0000;
}
.burg {
	color: #7e001c;
}
ul.niv1 li{
	list-style-type:square;	
	background: none;
	padding:0 0 .3em .1em;
	
}
ul.niv2 li{
	list-style-type:circle;	
	background: none;
	padding:0 0 0 .1em;
}
#scroll_area{
	overflow:auto;
	max-height:35em;
	}
	
table.highlighted1{
	/*margin:1em 0 0 -2em;*/
	clear:both;
	border-collapse:collapse;
	border:3px #bababa solid;
	/*font-size:86%;*/
	line-height: 120%;
	text-align:left;
	}
	
.highlighted1 th{
	background: #f4eec1;
	}	
	
.highlighted1 th{
	padding:.5em;
	font-weight: bold;
	font-size:80%;
	color:#600326;
	/*text-align:center;*/
	background:#eee;
	border-bottom:2px #bababa solid;
	}
	
.highlighted1 td{
	padding: .5em;
	color: black;
	border-top: 1px solid #bababa;
	font-size:80%;
	text-align:left;
	vertical-align:top;
	
	}
.highlighted1 th.status {
	text-align:left;
	
	}
	
.highlighted1 td.conv_method{
	font-size: 98%;
	background-color: #7e001c;
	color: #fff;
	border-right:3px solid #bababa;
	min-width:95px;
	text-align:left;
	}
		
/* .highlighted  tbody tr:hover {
	font-size: 100%;
	background: #f4eec1;
	color: black;
	} */ 
                                                                                                                      	
/*.highlighted tbody td{
	background: #f4eec8;
	border: 2px solid #bababa;
	}*/
	
/*.highlighted tbody tr.title td{
	background: #600326;
	font-size: 100%;
	font-weight:bold;
	color:white;*/
	
 /*.highlighted  tbody tr.title:hover td{
	font-size: 100%;
	background: #600326;
	color:white;
	}*/
	

/*.highlighted tbody tr:hover td{
	color: #0b304d;
	background: #fff;
	}*/
.highlighted1 p{
	text-align:left;
	}
	

.column{
	width:25%;
	float:left;
	margin-bottom:2em;
	background-color: white;
	border-top:#bababa 1px solid;
	}
/*a.active, a:hover.active{
	padding-right:1em;
	background-color: #f5f5f5;
	text-decoration:none;
	color:#600326;
	cursor:text;
	}	*/
a.abbr{
	clear:both;
	font-weight:bold;
	color:#600326;
	}
dl{
	padding:0 0 0 .5em;
	margin:0;
	color:black;
	font-weight:normal;
	font-size:100%;
	}

	 
dt{ 
	margin:.5em 0 0 0;
	font-weight: bold;
	color:#600326; 
	 }
dd{ 
	margin: 0;
	padding: 0;
	margin-bottom:1em;
	}
.ref {
	font-size:10px;
	font-weight:normal;
	line-height:10px;
	color: #600326;
   }   
.resp {
	text-align:right;
}
.resp a {
	font-size:12px;
} 
.methods {
	font-size: 13px;
	color: #222;
	font-weight:bold;
	margin-left:15px;
	line-height:13px;
}
.terms {
	font-size: 10px;
	line-height:12px;
	text-align: justify;
}

.splash {
	margin:20px;
	width:600px;
	height:490px;
	padding-top:5px;
	border:5px solid #b30000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	}
.notstrg {
	font-weight: normal;
}
blockquote {
	font-size:11px;
	font-weight:normal;
	line-height:11px;
   } 
sup {
	font-size:8px;
	line-height:5px;
}
.loginLoginFieldset {
	padding:10px;
}