#pcontent{ display:none;}

p { font-family: 'Roboto Condensed', sans-serif; font-weight:400;  }
p.big { font-family: 'Roboto Condensed', sans-serif; font-weight:700; }

#XmasBanner img { display: block; width: 100%; }

/* XXXXXXXXXXXXXXXXXXXXXXX  FIRST SECTION  XXXXXXXXXXXXXXXXXXXXXXX */

#sectFirst { background:url("/pix/MainHeader1.jpg") no-repeat right bottom; background-size:cover;   }

#sectFirst .MainText {   margin:4em 0 9em 0; padding:0; font-size:3em; }

#sectFirst .MainText h2 { color:#fff; padding:0; margin-bottom:.4em; font-size:2em; font-family: 'Roboto Condensed', sans-serif; font-weight:700; line-height:1.15; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.63);  }
#sectFirst .MainText h2.Two {background:#ed560b; padding: .6em 2em; font-size:1.2rem; display:inline-block; width:auto; margin-bottom:0; font-weight:400; text-shadow:none;  }


@media screen and (max-width: 1360px) {
	#sectFirst .MainText {   margin:4em 0 7em 0; font-size:2.8em; }
}

@media screen and (max-width: 900px) {
	#sectFirst .MainText {   margin:4em 0 7em 0; font-size:2.5em; }
	#sectFirst .MainText h2.One { background:rgb(0,0,0); background:rgba(0,0,0,0.75); padding:.3em; display:inline-block; width:auto; text-shadow:none;  }
}

@media screen and (max-width: 710px) {
	#sectFirst .MainText {   margin:4em 0 5em 0; font-size:2.3em; }
}

@media screen and (max-width: 500px) {
	#sectFirst { background:url("/pix/MainHeader1.jpg") no-repeat center bottom; background-size:cover; }
	#sectFirst .MainText h2 { font-size:1.4em;   }
}




/* XXXXXXXXXXXXXXXXXXXXXXX  ABOUT SECTION  XXXXXXXXXXXXXXXXXXXXXXX */


#sectWelcome { background:#fff;  padding:0; position:relative;   }

#About { position:absolute; margin-top:-100px; }

#sectWelcome .TextWrap { width:50%; margin:6em 0; position:relative; z-index:4; }
#sectWelcome .PicWrap1 { position:absolute; top:-30px; right:-90px; width:55%; z-index:1;  }
#sectWelcome .PicWrap1 img { width:100%; display:block;  }

#sectWelcome h2 {  margin:1em 0 .2em;  }
#sectWelcome p {  font-size:1.1em; margin-top:0; }
#sectWelcome ul {   font-size:1.1em; margin-top:0; list-style-type:square; }
#sectWelcome p.big { font-size:1.2em; color:#ed560b;   }


@media screen and (max-width: 1130px) {
	#sectWelcome .TextWrap { width:60%; margin:4em 0; position:relative; z-index:4; }
	#sectWelcome .PicWrap1 {  top:-30px; right:-90px; width:50%;   }
}



@media screen and (max-width: 1105px) {
	#sectWelcome .PicWrap1 { right:-160px; width:55%; }
	}

@media screen and (max-width: 950px) {
	#sectWelcome .TextWrap { width:100%; }
	#sectWelcome h2 { font-size:1.8em; }
	#sectWelcome .PicWrap1 { position:relative; display:block;  width:90%; margin:0 auto; right:0;  }
	}



/* XXXXXXXXXXXXXXXXXXXXXXX  COURSES SECTION  XXXXXXXXXXXXXXXXXXXXXXX */

#Courses { position:absolute; margin-top:-125px; }

#CourseSect { background:#222; background:#e1e1e1; padding:6em 0; position:relative; margin-left: -2%;  }

#CourseSect h2 {  margin-bottom: 0; margin-left: 2%; text-align: center; color:#ed560b;  font-weight:400;  }
#CourseSect h3 {  margin-bottom: 0.8em; margin-left: 2%; text-align: center; color:#ed560b; font-weight:400;    }

#CourseSect .CourseBox {
	box-sizing: border-box;
	float: left;
	margin-left: 2%;
	padding: 0.5em;
	text-align: left;
	width: 23%;
}

/* ------------- BEGIN: Drop reveal styles -----------------------------*/
#CourseSect .CourseBox .viewport{
	position: relative;
	overflow: hidden;
	max-height: 1600px;
	padding-bottom: 2em;
	transition:all 220ms cubic-bezier(0.5, 0, 0.5, 1) 0s;
	transition: max-height 0.3s;-webkit-transition: max-height 0.3s;
}
#CourseSect .CourseBox .viewport.Contracted {max-height: 13.25em;}

#CourseSect .CourseBox .toggleBtn {
	box-sizing: border-box;
	position: absolute;
	background:#ED560B;
	color: white;
	width: 100%;
	padding: 0.25em;
	text-align: center;
	bottom:0;
	cursor: pointer;
}
#CourseSect .CourseBox .toggleBtn:hover {background: #FFAE17;}
#CourseSect .CourseBox .toggleBtn.doLess {background: #FFAE17;}
#CourseSect .CourseBox .toggleBtn span { margin-left: 0.7em;}
#CourseSect .CourseBox .toggleBtn.doMore :before {content:"\f0d7"; font-family:FontAwesome; padding-right: 0.2em;}
#CourseSect .CourseBox .toggleBtn.doLess :before {content:"\f0d8"; font-family:FontAwesome; padding-right: 0.2em;}
/* ------------- END: Drop reveal styles -----------------------------*/


#CourseSect .CourseBox img {
	display: block;
	width: 100%;
}

#CourseSect .CourseBox h4 {
	color:#ed560b;
	font-size: 1.3em;
	font-weight: 400;
	height: 43px;
	margin: 2em 0 0;
}

#CourseSect .CourseBox p {
	font-size: 1em;
}

#CourseSect .CourseBox ul {
	font-size: 1em;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

#CourseSect .CourseBox ul li {
	border-bottom: 1px solid #CCC;
	list-style: outside none none;
	margin: 0;
	padding: 3px 0 4px;
	line-height:1.1;
}

@media screen and (max-width: 865px) {
	#CourseSect .CourseBox { width: 48%; }
}

@media screen and (max-width: 455px) {
	#CourseSect .CourseBox { width: 98%; }
}



/* XXXXXXXXXXXXXXXXXXXXXXX  TRAINING RESOURCE SECTION  XXXXXXXXXXXXXXXXXXXXXXX */

#ResSect { background:#222; background:#444; padding:6em 0; position:relative; margin-left: -2%;  z-index: 99; }
#ResSect * { box-sizing: border-box;}
#TrainingRes { position:absolute; margin-top:-125px; }

#ResSect .ResCat {
	position: relative;
	float: left;
	margin-left: 2%;
	xpadding: 0.5em;
	text-align: left;
	width: 31.33%;
	z-index: 1;
	margin-bottom: 1em;
}


#ResSect h2 {  margin-bottom: 0; text-align: center; color:#ed560b;  font-weight:400;  }
#ResSect p {  max-width:1000px; text-align: center; margin:0 auto 2em auto; color: #aaaaaa;  }
#ResSect h3 {
	position: relative;
	display: inline-block;
	margin: 0em;
	padding:1em;
	text-align: center;
	color:#999;
	font-weight:400;
	background:#333;
	cursor:pointer;
	box-sizing: border-box;
}
#ResSect h3:hover { background:#000; color:#fff; }

/* ------------- BEGIN: Drop reveal styles -----------------------------*/
#ResSect .viewport{
	position: absolute;
	z-index: 99999;
	overflow: hidden;
	background: #333;
	max-height: 0;
	width:100%;
}
#ResSect .viewport .inner{margin: 1em;}
#ResSect .ResCat.Xpanded{z-index: 99; }
#ResSect .ResCat.Xpanded .viewport {max-height: 1000px;background: black;}
#ResSect .ResCat.Xpanded h3  {background: black;}
/* ------------- END: Drop Xpanded styles -----------------------------*/
#ResSect .ResCat p {font-size: 1em;}
#ResSect .ResCat ul {
	font-size: 1em;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
#ResSect .ResCat li {
	position: relative;
	border-bottom: 1px solid #383838;
	list-style: outside none none;
	margin: 0;
	padding: 0.25em 0 0.25em 1.5em;
	line-height:1.5;
}
#ResSect .ResCat li a {	color: #fff; text-decoration: none;}
#ResSect .ResCat li a:hover {	color:#ed560b;}
#ResSect .ResCat li a:before {content:"\f0ed"; font-family:FontAwesome;position:absolute; left:0; }






@media screen and (max-width: 1080px) {
	#ResSect .ResCat { width: 48%; }
}

@media screen and (max-width: 700px) {
	#ResSect .ResCat { width: 100%; }
	#ResSect .ResCat {margin-left: 2%;}
}




/* XXXXXXXXXXXXXXXXXXXXXXX FULL SIZE Pic SECTION  XXXXXXXXXXXXXXXXXXXXXXX */
#WM CummingPic { background:url("/pix/WM Cumming-Full.jpg") no-repeat center #fff; background-size:cover; height:800px;  }

@media screen and (max-width: 1200px) { #WM CummingPic { height:700px;  } }
@media screen and (max-width: 1000px) { #WM CummingPic { height:600px;  } }
@media screen and (max-width: 800px) { #WM CummingPic { height:500px;  } }
@media screen and (max-width: 600px) { #WM CummingPic { height:400px;  } }
@media screen and (max-width: 450px) { #WM CummingPic { height:240px;  } }


/* XXXXXXXXXXXXXXXXXXXXXXX  TILES SECTION  XXXXXXXXXXXXXXXXXXXXXXX */

#Tiles { position: relative; overflow:hidden; z-index: 1;}

#Tiles #Gallery { position:absolute; /*margin-top:-125px;*/ }


#Tiles h2 { color:#fff; font-size:6em; line-height:1.2; padding-bottom:28px; }
#Tiles h2 span { color:#222; }
#Tiles h3 { color:#fff; font-size:2em;  }
#Tiles ol { color:#fff; padding-left:20px;  }
#Tiles ul { list-style-type:square;  }

#Tiles .box.Text1 { background:#ed560b; }
#Tiles .box.Text2 { background:#FFAE17; color:#fff; }
#Tiles .box.Text3 { background:#3295C7; }
#Tiles .box.Text4 { background:#fff; }
#Tiles .box.Text5 { background:#ed560b; color:#fff; }

#Tiles .box.Text4 h3 { color:#858687; }


#Tiles .box {
	float:left;
	width: 33.33333%;
	padding-bottom: 33.33333%;
	position: relative;
}

#Tiles .box .innerContent {
	position: absolute;
	left:65px;
	right:65px;
	top:65px;
	bottom:65px;
	overflow:hidden;
}

#Tiles .box .innerContent.Pic {
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:none;
}

#Tiles .box .innerContent img {
	width:100%;
}

#Tiles .box .innerContent img.Acc { display:inline-block; margin:25px 30px 0 0; height:50px; width:auto;   }

@media screen and (max-width : 1835px) {
	#Tiles h2 { color:#FFAE17; font-size:4.8em; }
}

@media screen and (max-width : 1550px) {
	#Tiles .box .innerContent {	left:40px; right:40px; top:40px; bottom:40px; }
}

@media screen and (max-width : 1400px) {
	#Tiles .box .innerContent {	left:30px; right:30px; top:30px; bottom:30px; }
	#Tiles h3 { font-size:1.6em; padding-bottom:0; }
	#Tiles ol {font-size: 0.95em; }
	#Tiles h2 { color:#fff; font-size:4.4em; }
}

@media screen and (max-width : 1235px) {
	#Tiles .box .innerContent {	left:20px; right:20px; top:20px; bottom:20px; }
	#Tiles h3 { font-size:1.5em; padding-bottom:0; }
	#Tiles h2 { font-size:4.2em; }
	#Tiles ol { margin:0; padding-top:10px; font-family: 'museo300';}
}

@media screen and (max-width : 1135px) {
	#Tiles .box { width:50%; padding-bottom:50%; }
	#Tiles .box .innerContent {	left:40px; right:40px; top:40px; bottom:40px; }
	#Tiles h3 { font-size:1.6em;  }
	#Tiles .box.Text3 { float:right; }
	#Tiles .box.Text5 { float:right; }
}

@media screen and (max-width : 870px) {
	#Tiles .box .innerContent {	left:20px; right:20px; top:20px; bottom:20px; }
	#Tiles h3 { font-size:1.5em;  }
}

@media screen and (max-width : 765px) {
	#Tiles .box .innerContent {	left:10px; right:10px; top:10px; bottom:10px; }
	#Tiles h3 { font-size:1.2em;  }
	#Tiles ol {font-size: 0.9em; }
}

@media screen and (max-width : 750px) {
	#Tiles .box { width:100%; padding-bottom:80%; }
	#Tiles .box.Text2, #Tiles .box.Text3, #Tiles .box.Text4, #Tiles .box.Text5 { padding:0;}
	#Tiles .box.Text2 .innerContent, #Tiles .box.Text3 .innerContent, #Tiles .box.Text4 .innerContent, #Tiles .box.Text5 .innerContent { position:relative; padding:2em; left:0; right:0; top:0; bottom:0;  }
	#Tiles h3 { font-size:1.6em;  }
	#Tiles ol {font-size: 0.95em; }
}

@media screen and (max-width : 590px) {
	#Tiles .box { width:100%; padding-bottom:100%; }
	#Tiles h2 { font-size:4em; }
}

@media screen and (max-width : 380px) {
	#Tiles .box { width:100%; padding-bottom:100%; }
	#Tiles h2 { font-size:3em; }
}

/* XXXXXXXXXXXXXXXXXXXXXXX  FORM SECTION  XXXXXXXXXXXXXXXXXXXXXXX */


#sectForm .Acreds { margin:0 3em 4em 3em;  }
#sectForm .Acreds .AccLogo { float:left; width:46%; margin-right:4%;  }
#sectForm .Acreds .AccLogo.Last {  margin-right:0;  }
#sectForm .Acreds .AccLogo img { display:block; max-width:100%; height:55px; margin:0 auto; }

@media screen and (max-width: 840px) {
	#sectForm .Acreds .AccLogo { width:45%; margin-right:5%; margin-bottom:20px;  }
	#sectForm .Acreds .AccLogo.Second {  margin-right:0;  }
}


#sectForm .heading::after, .heading::before {
	border: medium solid transparent;
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 0;
}

#sectForm .heading::before {
	border-top-color: #d8d8d8;
	border-width: 14px 22px;
	left: 49.5%;
	margin-left: -14px;
}

#sectForm .heading::after {
	border-top-color: #fff;
	border-width: 12px 20px;
	left: 49.5%;
	margin-left: -12px;
}

#sectForm .heading {
	border-bottom: 1px solid #d8d8d8;
	margin: 0 0 60px;
	padding: 0 0 30px;
	position: relative;
	text-align:center;
}

#sectForm .heading span { font-family:'FontAwesome'; color:#FFAE17; font-size:4em; }
#sectForm .heading h3 { color:#FFAE17; font-size:3em; margin-bottom:.2em; padding-bottom:0; }
#sectForm .heading p { color:#46494b; margin:0; padding:0;  }



#sectForm { background:#fff;  padding-top:6em; }
#sectForm form.Wfrm1 { margin:2em 0 3em 0; display:block; width:50%; float:right;   }
#sectForm .Text { color: #46494b; font-size:1.4em;  float:left; width:34%; margin:20px 0 0 9%; }
#sectForm .Text p a { color:#FFAE17; text-decoration:none; }
#sectForm .Text p a:hover { color:#FFAE17; text-decoration:underline; }



@media screen and (max-width: 930px) {
#sectForm .Text { font-size:1.2em; width:30%; margin:20px 0 0 12%; }

}

@media screen and (max-width: 860px) {
#sectForm {  background-size:auto 45%; }

}



@media screen and (max-width: 800px) {
	#sectForm {   }
	#sectForm form.Wfrm1 { width:100%; float:none; margin-top:4em;   }
	.FormTextIntro p { font-size:1.3em; margin-bottom:1em;  }
	#sectForm .Text {  width:100%; float:none; margin:0 0 0 0;  }

}




#FrmInfo { margin-top:20px; background:#222; padding:2.5em 1em; color:#fff;  margin-bottom: 8em; }
#FrmInfo h2{ padding-bottom:0.4em; font-size:1.9em; line-height:1; color:#fff; }
#FrmInfo .Btn2{ font-size:2em; background:#fff; color:#222; float:right; width:35%; }
#FrmInfo .Btn2:hover {  color:#f57542; }
#FrmInfo p { float: left; width: 60%; }
#FrmInfo ul { float: left; width: 60%; }

@media screen and (max-width: 865px) {
	#FrmInfo .Btn2{ float:none; width:auto; }
	#FrmInfo p { float: none; width: 100%; }
	#FrmInfo ul { float: none; width: 100%; }

}





#FrmInfo.error { background:#f57542;}
#FrmInfo.error h2{  color:#fff;}




form.Wfrm1 h1 { padding-bottom:0.5em; font-size:2.5em; line-height:1.9;}
form.Wfrm1 h4 { color:#505155; position:absolute; left:0; font-size:1.5em; width:auto; max-width:19%;}
form.Wfrm1 .FrmSection{ width:100%;  margin-top:1.25em; padding-bottom:15px;}
form.Wfrm1 .FrmSection ul{ margin:0 0 0 0; padding:0; list-style:none;}
form.Wfrm1 .FrmSection ul li{ margin:0 0 2em 0; padding:0; list-style:none; float:left; position:relative; }
form.Wfrm1 .FrmSection ul.fields3 li{ width:32.32%; }
form.Wfrm1 .FrmSection ul.fields2 li{ width:48.99%; }
form.Wfrm1 .FrmSection ul.fields1 li{ width:98.99%; }

form.Wfrm1 .FrmSection p.sidenote { margin: 0; color: #888; font-style: italic; font-size: 0.9em;}
form.Wfrm1 .FrmSection div[class^="icheck"] {display:inline-block; position: absolute; left:0;top:0;}
form.Wfrm1 .FrmSection div[class^="iradio"] {display:inline-block; position: absolute; left:0;top:0;}
form.Wfrm1 .radioItem {position:relative; float:left; padding-right:1em; margin-top:0.5em; line-height: 1.8;}
form.Wfrm1 .FrmSection.BtnCtrls { margin-top:0;}
form.Wfrm1 .FrmSection.BtnCtrls ul li{ margin-bottom:0;}

form.Wfrm1 .FilterSection ul{ margin:0 0 0 0;padding:0; list-style:none;}
form.Wfrm1 .FilterSection ul li{ margin:0 0 0 0;padding:0; list-style:none; float:left; position:relative;}
form.Wfrm1 .FilterSection input { font-size:1.0em;}
form.Wfrm1 .FilterSection li.Search { width:40%; min-width:150px;margin-right:0.3em; }
form.Wfrm1 .FilterSection .InlineBtn{ font-size:1.05em; margin-left:0; margin:0 0.3em 0 0;}
@media screen and (max-width:510px) {
	form.Wfrm1 .FilterSection li.Search { width:100%; }
	form.Wfrm1 .FilterSection .InlineBtn{ font-size:1.05em; margin-top:0.2em;}
}

form.Wfrm1 label {color:#46494b;font-size:1em;position:absolute; top:-1.5em; left:0; white-space:pre;}
form.Wfrm1 label.icheckLbl {position:relative; top:auto; white-space:normal; margin-left: 35px; display: inline-block; }

form.Wfrm1 label.radio {position:relative; top:auto; margin-right:0.7em;  white-space:pre; line-height:2em;font-size:1.2em; }
form.Wfrm1 label.radio input{ margin-right:0.2em;}

form.Wfrm1 span.sidenote{color:#777;font-size:0.8em; margin-left:0.9em; line-height:1; }


form.Wfrm1 .field {display:block;margin:0 0 15px; position:relative;}
form.Wfrm1 textarea {height: 5em;}
form.Wfrm1 input[type=text],
form.Wfrm1 input[type=password],
form.Wfrm1 input[type=email],
form.Wfrm1 input[type=date],
form.Wfrm1 select,
form.Wfrm1 textarea {
	background:#f6fef3;
	border:0;
	border:1px solid #978d6a;
	color:#555;
	padding:8px 10px;
	width:100%;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; *width:83%;
	}
form.Wfrm1 input, form.Wfrm1 textarea {
font-size:1.2em;
line-height:1.2em;
font-weight:500;
}



form.Wfrm1 input:focus { border:1px solid #222; background: #e6e5e1;}


form.Wfrm1 input.w75p, form.Wfrm1 textarea.w75p, form.Wfrm1 *.w75p{ width:75%;}
form.Wfrm1 *.FrmCntrl{margin-right:1em; margin-bottom:1em;}
form.Wfrm1 *.FrmCntrl.last{ margin-right:0;}


form.Wfrm1 .CompleteReqNote { color:#888; padding:0.25em; display:inline-block; margin-bottom: 1em;}
form.Wfrm1 .required { border-right:3px solid #ffa0a0 !important;}
form.Wfrm1 *.postErr { border:1px solid red!important; background:#FFCFCF !important; }
form.Wfrm1 .asoffscr {position: absolute; left: -9999px;} /* used for antispam form - positioned off screen */



@media screen and (max-width:680px) {
	form.Wfrm1 .FrmSection ul.fields3 li{ width:48.99%; }
}

@media screen and (max-width:540px) {
	form.Wfrm1 .FrmSection ul.fields3 li{ width:98.99%; }
	form.Wfrm1 .FrmSection ul.fields2 li{ width:98.99%; }
}


@media screen and (max-width:420px) {
	form.Wfrm1 .FrmSection{ width:100%!important; margin-left:0!important; margin-top:3.0em; position:relative; }
	form.Wfrm1 h4 { left:0; top:-2.1em; width:auto;max-width:100%; text-align:center; font-size:1.3em;}
	form.Wfrm1 .FrmSection ul.fields1 li,
	form.Wfrm1 .FrmSection ul.fields2 li,
	form.Wfrm1 .FrmSection ul.fields3 li,
	form.Wfrm1 input.w75p, form.Wfrm1 textarea.w75p, form.Wfrm1 *.w75p{ width:100%; margin-left:0; }
	form.Wfrm1 input, form.Wfrm1 textarea { font-size:1.0em;}
  form.Wfrm1 .FrmSection li.nolabel{ margin-top: -1.5em;}
}