/* GENERAL */
* {
    margin: 0;
}
body {
    background-image:url(images/mainBG.png);
    background-repeat:repeat-x; 
    background-position: top;
    background-color: #ffffff;
    line-height: 1.5em;
}
html, body {
    height: 100%;
}
.DownloadButton {border-radius: 8px; cursor: pointer; padding: 5px 10px; border: none; background: #076291; color: #FFFFFF !important; text-align: center; display: inline-block;}
.QuizButton {border-radius: 8px; cursor: pointer; padding: 5px 10px; border: none; background: #B10021; color: #FFFFFF !important; text-align: center; display: inline-block;}
.headerCommunityLinkText {font-family: Maiandra,sans-serif;}
.WordDoc {display:none;}
.adminEditFormTitle {
    color: #000;
    font-weight: bold; 
    background:transparent;}
.headerCommunityLinkTextLogon {
min-width:140px;
max-height:40px;
Float:right;
	background-image:url(images/navBG.png);  background-repeat: repeat;
	font-size: x-small;
	font-family: Maiandra,sans-serif;
	color: #ffffff;
	background-color: #004370;
	border: 1px solid #004370;
	padding: 14px;
	border-top: 0px;
	text-align: right;
}
span.logonCell {
	text-align: left;
	clear: none;
	display: inline-block;
	color: #ffffff;
	margin: 0px 4px 4px 0px;
}
.AdminTitle {display:none;}
.AJAXDivTasks, .AJAXDivSkills {Display:none;}
 .Print_Title {color: #b8351a;
    font-size: 13pt;
    font-weight: bold;
    padding: 30px 0 10px; text-align:right;}
.Cert_Header {height:198px; width: 100% margin: 0 auto;}
.headerTable th,td{text-align:left}
.footerTable1{margin-bottom:-10px;}
.footerTable2{margin-top:-10px; margin-bottom:-10px;}
.logoTable td{
	margin-top:-10px;
	padding:10px 0px;
}
.logoTable_One{float:left; width:18%;}
.logoTable_Two{float:left; width:30%;}
.logoTable_Three{float:left; width:20%;}
.logoTable_four{float:left;width:20%;}
.logoTable_five{float:right; text-align:right;}
.logo{width:365px; height:195px;}
.Banner {float:left; font-size: 14pt; font-weight: bold;}
.madein{float:left; margin-top:100px}
.Cert_Header_Info {float:left; margin-top:30px;} 
.vol_text {font-weight: bold; font-size: 28pt;}
.org_text {font-size: 18pt;}
.vol_text_full{font-weight: bold; font-size: 26pt;}
.org_text_full {font-size: 15pt;}
.logo{float:left; width:365px; height:195px;}
.Banner {float:left;  height:100px; width:345px;   font-size: 16pt; display: inline-block; 
    font-weight: bold;}
.Cert_Header_Info {float:right;height:80px; width:645px;} 
.Cert_Title_sect {width: 100% margin: 0 auto; height:60px; background-image:url(images/titlebg.png);background-color:#004370;}
.Cert_Title {color:#ffffff; float:left; width:350px; font-weight: bold; font-size: 16pt; height:40px; padding:10px; text-align: left;}
.Cert_sign {height:120px; width:100%;}
.super {Float:left; }
.trainer{Float:right;}
.Updatebutton {margin 0 auto; text-align: center !important;}
.adminEditBorderTbl {width:100%; background-color:#FFFFFF;}
.test  {width:100%; height:210px; background-image:url(images/taskBG.png);}
.third {width:100%; height:190px; background-image:url(images/taskBG.png);}
.rightContent{float:right; width:485px; height:180px;  padding:10px; text-align: left;}
.leftContent{float:left; width:486px; height:180px;  padding:10px; text-align: left;}
.task {background-color:#FFFFFF; padding:3px; height:160px;}
.second {width:100%; height:20px; background-color:#51a347;}
.Sub_Title {color:#ffffff; }
.leftContentTitle {float:left; width:498px; height:20px;  color:#FFFFFF; text-align: left; padding-left:10px;}
.rightContentTitle {float:right; width:493px;height:20px; color:#FFFFFF; text-align: left; padding-left:10px;}
.Cert_Space {width:100%; height:10px;}
.Cert_Hours { float:left; width:200px; height:40px; padding:10px; text-align: left;}
.Cert_date { float:left; width:400px; height:40px; padding:10px; text-align: left;}
.white{ float: right; background-color:#ffffff; padding-right:10px;padding-left:10px; width:70%; font-weight: bold; font-size: 14pt; padding-top:5px;padding-bottom:5px; height:36px;}
.white2{ float: right; background-color:#ffffff; padding-right:10px;padding-left:10px; width:85%; font-weight: bold; font-size: 12pt; padding-top:5px;padding-bottom:5px; height:36px;}
.white3{ float: right; background-color:#ffffff; padding-right:8px;padding-left:8px; width:60%; font-weight: bold; font-size: 12pt; padding-top:4px;padding-bottom:4px; height:36px;}
.white4{ float: right; background-color:#ffffff; padding-right:8px;padding-left:8px; width:75%; font-weight: bold; font-size: 10pt; padding-top:4px;padding-bottom:4px; height:36px;}

.Cert_Header_Info {text-align: left;}
.vol_text {font-weight: bold; font-size: 28pt;}
.org_text {font-size: 18pt;}
.navsurround {background-image:url(images/navBG.png);  background-repeat: repeat;}
.headerTablelt  {float:left; min-width:300px;}
.headerTableRightTOP {float:right; min-width:300px;}

.preTopNavTableSurround {
    height:35px;
    width:100%;}
    .titre_form01 {color: #b8351a;
    font-size: 13pt;
    font-weight: bold;
    padding: 30px 0 10px;}
Table.footerTable {background-image:url(images/footerBG.png);  
    background-repeat:repeat-x;
    background-position: bottom;
    color:white!important;
    font-size:13px!important;
    font-family: Maiandra,sans-serif;
    height: 190px;}
    .footerTablePartnerLegal {  font-size:13px!important;
    font-family: Maiandra,sans-serif; height:95px;}
    .footerTablePartner {height:95px; width:100%;}
#body_container {
    max-width:1100px;
    width:90%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
    background-color: #FFFFFF;
}
.mainBodyPageTable, .bodyHomeTable {
    padding: 0 50px 2em 30px;
    width:100%;
}
.HCtitrechamps {color: #b8351a;
    font-size: 10pt;
    padding-bottom: 6px;
    padding-top: 13px;}

.bodyPageTitle {display:none;}
 h2 {  color:#67ac44; 
    font-family: Maiandra,sans-serif;
    font-size:28px;
    font-weight: bold;
    margin:0 0 10px;
     }
h4 {    line-height: 1.33em;
	font-family: Maiandra,sans-serif;
    margin: 1em 0 0.33em;}
 h5 {font-size:18px;}
.page_content2 {text-align:center;}
.page_content {text-align:left;}
p, li,div,span,td,table{margin: 0 0 0.66em;  color: #4c4c4c;
    font-family: Maiandra,sans-serif; font-size:18px; }
/* navigation */
#sidenavtable, #prenavtable, .PrintableVersion {display:none;}

.AEFCCAdmin_certificatesSearch, .AEFCCcertificatesSearch  {width:Auto !important;  padding-left: 47%;}
.navLinkTable1 {color:#1a74a2; padding-right:10px; padding-left:10px;}
.preTopNavTableSurround {padding-top:10px;}

       
a:link.navLink1,a:visited.navLink1								{text-decoration: none; font-size: medium; font-weight: bold; color: #FFFFFF;}
a:active.navLink1, a:hover.navLink1								{text-decoration: underline; font-size: medium; font-weight: bold;}

/* Reports */
.reportEntryName {width:160px; font-weight: bold; vertical-align: top;}
.logo2{float:left; width:265px; height:216px;}
.Banner2 {float:left;  height:100px; width:300px;   font-size: 16pt; display: inline-block; 
    font-weight: bold;}
.Cert_Header_Info2 {float:left;height:80px; width:460px;}
.Cert_Title2 {color:#ffffff; float:left; width:290px; font-weight: bold; font-size: 16pt; height:40px; padding:8px; text-align: left;}
.Cert_Hours2 { float:left; width:140px; height:40px; padding:10px; text-align: left;}
.Cert_date2 { float:left; width:260px; height:40px; padding:10px; text-align: left;}
.leftContentTitle2 {float:left; width:390px; height:20px;  color:#FFFFFF; text-align: left; padding-left:10px;}
.rightContentTitle2 {float:right; width:403px;height:20px; color:#FFFFFF; text-align: left; padding-left:10px;}
.rightContent2{float:right; width:395px; height:180px;  padding:10px; text-align: left;}
.leftContent2{float:left; width:396px; height:180px;  padding:10px; text-align: left;}

.Formaction {color:red; font-size: 250%;}
.listCellNoMatch {font-size: 250%; padding:2%;}
.sidebuttons a{
	border:none;
	color:white;
	cursor:pointer;
	height:77px;
	font-family: Maiandra,sans-serif; 
	font-size:17px;
	float:left;
	line-height:78px;
	max-width:280px;  
	width:100%;
	padding-bottom:6px;
	text-align:center;
	text-decoration: none;
	background-size:contain;
}
.sidebuttons .volunteerBT{
	background-image:url(images/benevoleBT.png); 
	background-repeat:no-repeat;
	background-position: center;
	text-shadow: 1px 0 0 #4b7528, 
	           -1px 0 0 #4b7528, 
	            0 1px 0 #4b7528, 
	            0 -1px 0 #4b7528, 
	            1px 1px #4b7528, 
	            -1px -1px 0 #4b7528, 
	            1px -1px 0 #4b7528, 
	            1px 1px 0 #4b7528;
}
.sidebuttons .volunteerBT:hover{
	background-image:url(images/benevoleBT_Over.png); 
	background-repeat:no-repeat;
	background-position: center;
	text-shadow: 1px 0 0 #73a63e, 
	        -1px 0 0 #73a63e, 
	        0 1px 0 #73a63e, 
	        0 -1px 0 #73a63e, 
	        1px 1px #73a63e, 
	        -1px -1px 0 #73a63e, 
	        1px -1px 0 #73a63e, 
	        1px 1px 0 #73a63e;
}
.sidebuttons .secureBT{
	background-image:url(images/securiseBT.png); 
	background-repeat:no-repeat;
	background-position: center;
	text-shadow: 1px 0 0 #c33d20, 
	        -1px 0 0 #c33d20, 
	        0 1px 0 #c33d20, 
	        0 -1px 0 #c33d20, 
	        1px 1px #c33d20, 
	        -1px -1px 0 #c33d20, 
	        1px -1px 0 #c33d20, 
	        1px 1px 0 #c33d20;
}
.sidebuttons .secureBT:hover{
	background-image:url(images/securiseBT_Over.png); 
	background-repeat:no-repeat;
	background-position: center;
	text-shadow: 1px 0 0 #c33d20, 
	        -1px 0 0 #c33d20, 
	        0 1px 0 #c33d20, 
	        0 -1px 0 #c33d20, 
	        1px 1px #c33d20, 
	        -1px -1px 0 #c33d20, 
	        1px -1px 0 #c33d20, 
	        1px 1px 0 #c33d20;
}

.navTable {width:880px;}

  

@media screen and (min-width: 770px) {

        ul.siteNav1TOP > li > a, ul.siteNav1TOP > li > label, input#siteNav-TOP + label[for="siteNav-TOP"] {
	    width: 100%;
	    color: #ffffff;
	    text-align: center;
       }
	ul.siteNavTOP {
		width: 100%;
		text-align: right;
		background-color: transparent;
	}
	.mobile  {display:none;}
	ul.siteNavTOP ul {
		padding-left: 0px;
		width: 200px;
		background-color: #000;
		text-align: left;
	}
	ul.siteNavTOP ul ul {
		padding-left: 1em;
		width: 100%;
	}
	ul.siteNavTOP li {
		display: inline-block;
	}
	ul.siteNavTOP ul li {
		display: block;
	}
	ul.siteNav1TOP > li.nodisplay {display:none;}
}



/* general styling for links/labels */
ul.siteNav a, ul.siteNav label, label[for=siteNav-TOP] {
	display: block; 
	padding: 0.5em;
	margin: 0px;

	background-color: transparent;
	color: #333333;

	text-align: left;
	text-decoration: none;
	font-weight: bold;

	border: none; 
	border-bottom: 1px dotted black;
	cursor: pointer;
	width: 100%;
}
ul.siteNav ul {
	border-bottom: 1px dotted black;
}
ul.siteNav li:last-child a, ul.siteNav li:last-child label, ul.siteNav li:last-child ul, label[for=siteNav-TOP] {
	border-bottom: 0px;
}
ul.siteNav a:hover, ul.siteNav label:hover, label[for=siteNav-TOP]:hover {
	text-decoration: underline;
}
.siteNavSelected {
	font-style: italic;
}

@media screen and (min-width: 770px) {

	
	/* special styling for first level of top nav links/labels */
	ul.siteNavTOP a, ul.siteNavTOP label, label[for=siteNav-TOP] {
		border: none;
		/*
		background-color: #666666;
		color: #ffffff;
		border: 1px solid #999999;
		border-bottom: 0px;
		*/
	}
	ul.siteNavTOP ul a, ul.siteNavTOP ul label {
		/*
		background-color: transparent;
		color: #333333;
		*/
	}
	
	label[for=siteNav-TOP] {
		display: none;
	}

	/* other styling for secondary levels of top nav */
	ul.siteNavTOP ul {
		background-color: #ffffff;
		border: 1px solid #999999;
		position: absolute;
		z-index: 9999;	
	}
	ul.siteNavTOP ul ul {
		border: none;
		border-bottom: 1px dotted black;
		position: static;
	}
	ul.siteNavTOP ul li:last-child ul {
		border-bottom: 0px;
	}
	ul.siteNavTOP ul a, ul.siteNavTOP ul label {
		border: none; 
		border-bottom: 1px dotted black;
	}
	ul.siteNavTOP ul li:last-child a, ul.siteNavTOP ul li:last-child label {
		border-bottom: 0px;
	}

	/* allow the top nav to expand/contract */
	label[for=siteNav-TOP] + ul > li > label[for^=siteNav-]:hover + ul,
	label[for=siteNav-TOP] + ul > li > label[for^=siteNav-] + ul:hover { 
		display: block;
	}
	ul.siteNavTOP ul {
		display: none;
	}
}


@media screen and (max-width: 770px) {
	/*
	.navsurround {
		width: 100%;
	}
	*/
	.topNavTableTR {
		width: 100%;
	}
	ul.siteNav1TOP {
		position: absolute;
		left: 0px;
		top: 450px;
		
	}
	ul.siteNavTOP input[id^=siteNav-] + label::after, ul.siteNavTOP input[id^=siteNav-]:checked + label::after {
		content: '';
	}
	ul.siteNavTOP input[id^=siteNav-] + label::before {
		content: '\2b9f\A0\A0';
	}
	ul.siteNavTOP input[id^=siteNav-]:checked + label::before {
		content: '\2b9d\A0\A0';
	}
	ul.siteNav a, ul.siteNav label, label[for=siteNav-TOP] {
		padding: 10px 10px;
	}

	label[for=siteNav-TOP] {
			position: absolute;
			left: 0px;
			z-index: 22;
			width: auto;
			color:#fff;
		}
		.preTopNavTable {
			position: absolute;
			left: 36px;
			z-index: 33;
	}

	ul.siteNav {
		width: auto;
		display: none;
	}
	ul.siteNav ul {
		padding-left: 36px;
	}
	ul.siteNavTOP input[id^=siteNav-]:checked + label + ul { 
		display: block;
	}
}