/* lifecycle widget */
.lc {
	position: relative;
	padding:0;
	margin: 0 auto;
	width: 100%;
	min-height: 60px;
}
.lc-step {
	width: 100%;
}

/* tab heading  */
	.lc-step-h1 { 
		position: absolute; 
		top: 0px;
		width: 30%;
		margin: 0;
	}
	.lc-step-h1-a {
		display: block;
		width: 320px;
		width: 100%;
		overflow: hidden;
		height: 60px;
		background-color: rgba(28,81,147,1);
		background-color: rgba(82,114,153,1);
		line-height: 60px;
		text-align: center;
		
		font-family: "Open Sans Condensed", "Arial Narrow", Arial, Tahoma, Helvetica, sans-serif;
		text-decoration: none;
		color: #eee;
		color: rgba(122,154,193,1);
		font-weight: normal;
		
		/* inset text shadow trick: */
		color: rgba(142,174,213,.8);
		text-shadow: 1px 1px 1px rgba(82,114,153,1), 0 0 0 #000, 1px 1px 1px rgba(82,114,153,1);
	}
	/* tab headings when hovered */
	.lc-step-h1-a:hover {
		color: rgba(122,154,193,1);
		text-shadow: none;
	}
	
	/* tab headings when active */
	
	.lc-step-active .lc-step-h1-a,
	.lc-step-active .lc-step-h1-a:hover,
	.lc-step:target .lc-step-h1-a,
	.lc-step:target .lc-step-h1-a:hover {
		color: #fff;
		text-shadow: 1px 1px 3px #000;
	}
	/* tab heading internal styling */
	.lc-step-h1-a-number { 
		padding: .1em 0px 0 30px;
		margin-right: -10px;
		font-size: 2em;
		font-family: sans-serif;
		line-height: 60px;
		display: inline-block;
		vertical-align: bottom;
		float: left;
	}
	.lc-step-h1-a-head {
		display: block;
		font-family: sans-serif;
		line-height: 60px;
		font-size: 23px;
		padding-top: .1em;
	}
	.lc-step-h1-a-shorthead {
		display: block;
		font-family: sans-serif;
		line-height: 44px;
		font-size: 23px;
	}
	.lc-step-h1-a-longhead {
		display: block;
		line-height: 16px;
		font-size: 16px;
	}
	/* when longhead is on top, pad the top. when it's on bottom, pull it up */
	.lc-step-h1-a-number + .lc-step-h1-a-longhead { margin-bottom: -8px; padding-top: 8px; }
	.lc-step-h1-a-shorthead + .lc-step-h1-a-longhead { margin-top: -8px;}
	
	/* for when it's smaller and numbers are gone:
	#two .shorthead,
	#two .longhead { margin-left: 5%;}*/
	
	/* tab headings step specific */
		.lc-step1-h1-a:after,
		.lc-step2-h1-a:after, 
		.lc-step3-h1-a:after, 
		.lc-step4-h1-a:after {
			content: "";
			display: block;
			height: 42px;
			width: 42px;
			background: rgba(122,154,193,.95);
			background-color: rgba(82,114,153,1);
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			position: absolute;
			right:-21px;
			top:9px;
			z-index: -1;
		}
		.lc-step2-h1-a:before,
		.lc-step3-h1-a:before,
		.lc-step4-h1-a:before,
		.lc-step5-h1-a:before {
			content: "";
			display: block;
			height: 42px;
			width: 42px;
			background-color: rgba(122,154,193,.95);
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			position: absolute;
			left:-21px;
			top:9px;
		}
		/* step1 specific heading */
		.lc-step1-h1 { left: 0%; z-index: 5; width: 18%;}
		.lc-step1.lc-step-active .lc-step-h1-a,
		.lc-step1.lc-step-active .lc-step-h1-a:after, 
		.lc-step1:target .lc-step-h1-a,
		.lc-step1:target .lc-step-h1-a:after, 
		.lc-step1-h1-a:hover,
		.lc-step1-h1-a:hover:after { background-color: rgba(28,81,147,1); }
		.lc-step1-h1-a-number {padding-left: 10px;}
		/* step2 specific heading */
		.lc-step2-h1 { left: 18.5%; z-index: 4; width: 17%;}
		.lc-step2.lc-step-active .lc-step-h1-a,
		.lc-step2.lc-step-active .lc-step-h1-a:after,
		.lc-step2:target .lc-step-h1-a,
		.lc-step2:target .lc-step-h1-a:after,
		.lc-step2-h1-a:hover,
		.lc-step2-h1-a:hover:after{ background-color: rgba(186,84,18,1); }
		/* step3 specific heading */
		.lc-step3-h1 { left:36%; z-index: 3; width: 21.5%;}
		.lc-step3.lc-step-active .lc-step-h1-a,
		.lc-step3.lc-step-active .lc-step-h1-a:after,
		.lc-step3:target .lc-step-h1-a,
		.lc-step3:target .lc-step-h1-a:after,
		.lc-step3-h1-a:hover,
		.lc-step3-h1-a:hover:after { background-color: rgba(228,196,123,1); }
		
		/* step4 specific heading */
		.lc-step4-h1 { left:58%; z-index: 2; width: 21%;}
		.lc-step4.lc-step-active .lc-step-h1-a,
		.lc-step4.lc-step-active .lc-step-h1-a:after,
		.lc-step4:target .lc-step-h1-a,
		.lc-step4:target .lc-step-h1-a:after,
		.lc-step4-h1-a:hover,
		.lc-step4-h1-a:hover:after { background-color: rgba(57,134,95,1); }
		
		/* step5 specific heading */
		.lc-step5-h1 { left:79.5%; z-index: 1; width: 20.5%;}
		.lc-step5.lc-step-active .lc-step-h1-a,
		.lc-step5.lc-step-active .lc-step-h1-a:after,
		.lc-step5:target .lc-step-h1-a,
		.lc-step5:target .lc-step-h1-a:after,
		.lc-step5-h1-a:hover,
		.lc-step5-h1-a:hover:after { background-color: rgba(91,71,60,1); }

/* tab content */
	.lc-step-content {
		display:none;
		padding: 1px 1%;
		position: relative;
		top: 70px;
		margin-bottom: 90px;
		min-height: 500px;
	}
	.lc-step-content  h4 { font-weight: 600;}
	.lc-step-active .lc-step-content, 
	.lc-step:target .lc-step-content {
		display: block;
	}
	.lc-step-content-3q,
	.lc-step-content-1q {vertical-align: top; display:inline-block;}
	.lc-step-content-3q {width: 60%;}
	.lc-step-content-1q {width: 33%; width: 38%; margin-right: -2%;}
	
	/* step1 specific content 
	.lc-step1-content { background-color: rgba(28,81,147,.8);}
	/* step2 specific content 
	.lc-step2-content { background-color: rgba(186,84,18,.8); }
	/* step3 specific content 
	.lc-step3-content  { background-color: rgba(228,196,123,.8); }*/
	.lc-step-content { background-color: rgba(255,255,255,.1); }

/* Accordion widget */

.acdn {
  position: relative;
  margin: 10px 0;
}

[id*="acdn-open"], [id*="acdn-close"] {
  /*border-bottom: 1px dashed #f00;*/
  position: relative;
  display: block;
  background-color: rgba(82,114,153,1);
  height: 60px;
  line-height: 60px;/*
  text-decoration: none;
  font-weight: bold;
  color: rgba(142,174,213,.8);
  text-shadow: 1px 1px 1px rgba(82,114,153,1), 0 0 0 #000, 1px 1px 1px rgba(82,114,153,1);*/
}
[id*="acdn-close"] {
  display: none;
}
.acdn > div > a[title=open],
.acdn > div > a[title=close]{
  color: #fff;
  font-size: 1.25em;
  font-weight: normal;
  padding: 0 2%;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.acdn > div > a.longtext {font-family: "Open Sans Condensed", "Arial Narrow", Arial, Tahoma, Helvetica, sans-serif;}
.acdn > div > a {font-family: "Open Sans", Arial, Tahoma, Helvetica, sans-serifsans-serif;}
 
[id*="acdn-open"]:after, [id*="acdn-close"]:after {
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(255, 255, 255, 0.6);
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top:-5px;
  z-index: 999;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.target-fix {
  display: block;
  top: 0;
  left: 0;
  position: fixed;
}
.acdn-content {
  background: rgba(55,55,55,.2);
  height: 0;
  margin: 0px auto 2px auto;
  padding: 0 2.5%;
  position: relative;
  overflow: hidden;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}
.acdn span:target ~ .acdn-content {
  display: block;
  height: auto;
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: solid 5px rgb(115,147,186);
  border-bottom: solid 8px rgb(115,147,186);
}
.acdn span:target ~ [id*="acdn-close"] {
  display: block;
  text-shadow: 1px 1px 3px #000;
  background-color: rgba(57,89,138,1);
}
.acdn span:target ~ [id*="acdn-open"] {
  display: none;
}
.acdn span:target ~ [id*="acdn-close"]:after {
  border-top: 10px solid #fff;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* end accordion widget */

.accordion-section {
 float: left;
 width:49%;
 min-width: 300px;
}
.accordion-section-left {
 margin-right: .9%;
}

.accordion-section-right {
 margin-left: .9%;
 margin-right: -1%;
}
.accordion-section > h1 {
 height: 60px;
 line-height: 60px;
 text-align: center;
 font-weight: normal;
 background-color: rgba(28,81,147,1);
 color: #fff;
 text-shadow: 1px 1px 3px #000;
 margin: 5px 0;
}

/* flaticon items */

.flaticon-teach {
    display: block;
    width: 100px;
    text-align: center;
    font-size: .8em;
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle;
    text-shadow: 1px 1px 0px rgba(5,5,5,0.3);
}
.flaticon-teach:before {
    display: block;
    font-size: 50px;
    text-align: center;
    line-height: 50px;
}
.flaticon-teach:before {
	content: "\e03d";
}

/* guide button */
.guide-button {
   border-top: 1px solid #96d1f8;
   background: mediumseagreen;
   padding: 0px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 20px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   height: 100px;
   width: 90%;
   margin: 0 auto;
}
.guide-button span,
.guide-button a {
 padding: 0;
 display: inline-block;
 height: 75px;
 color: #fff;
}
.guide-button span {
 margin: 12.5px 0;
 width: 30%;
 margin-left: 5%;

}
.guide-button a {
 line-height: 100px;
 font-size: 20px;
 text-decoration: none;
 /* font-weight: bold; */
 font-family: Open sans, sans-serif;
 width: 60%;
 white-space: nowrap;
 overflow: visible;
 text-overflow: ellipsis;
}

.guide-button a:hover { text-decoration: none;}

/* internal only CSS */
.internal #blurbs {padding:0; margin:0;}
.internal #blurbs .dark {background-color: transparent;}
.internal th { text-align: left; font-weight: 300; padding-right: .2em;}
.internal th, .internal td { vertical-align: text-top;}
.internal hr {
    border-top: solid 1px rgba(186,84,18,1);
    width: 100px;
    margin: 0 auto;
    clear:both;
    float: none;
}