/* ==============LARGE SCREEN===START========================================================= */

@media (min-width: 950px) {

	#container{
		position:relative;
		top: 0px;
	}
	


	#topmenu{
		position: absolute;
		top: 0px;
		right: 80px;
		width: 450px;
		height: 46px;
		z-index: 21;
		padding: 12px 0 0 0;
		text-align: right;
		-webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
		transition:  top .2s;
	
	}



		#topmenu ul{
			position:relative;
			margin:0;
			padding:8px 0;
			font-family: 'source_sans_proregular';
			z-index: 10;
			
		}
		
		#topmenu ul a{
			text-decoration: none;
			
		}
		
		
		#topmenu ul li{
			list-style: none;
			border-right:1px solid white;
			display:inline;
			margin:0px 0px 0px -4px;
			padding:5px 20px;
			font-size:15px;
			color:#540713;
			background: url("../images/topItemBk_off.png");
			background-repeat: no-repeat;
			white-space: nowrap;
			-webkit-transition: background .2s; /* For Safari 3.1 to 6.0 */
			transition: background .2s;
			
		}
		#topmenu ul li a{
		
				color:#540713;
		}
		
		#topmenu ul li:last-child{ 
			border:none;
		}
		
		
		#topmenu ul li:hover{
			background: url("../images/topItemBk.png");
			color:darkred;
			text-decoration: underline;
			cursor: pointer;
		}
		
		
		#topmenu li ul {
				position:relative;
				display: none; 
				background: rgba(215,205,154,0.8);
				white-space: nowrap;
				-moz-border-radius: 0px 0px 5px 5px;
				-webkit-border-radius: 0px 0px 5px 5px;
				-khtml-border-radius: 0px 0px 5px 5px;
				border-radius: 0px 0px 5px 5px;
		   }
		   
		#topmenu li:hover ul{
		   display: block;
		   position: absolute;
		   margin: 5px 0 0 9px;
		   padding: 0; 
		   float: left
		   	-moz-box-shadow: 0px 3px 10px rgba(000,000,000,0.3);
			-webkit-box-shadow: 0px 3px 10px rgba(000,000,000,0.3);
			box-shadow: 0px 3px 10px rgba(000,000,000,0.3);
		   }
		   
		#topmenu li li {
		   display: list-item;
		   text-align: left;
		   border:none;
		   padding:10px 20px;
		   margin:0px;
		   
		   }
		   
		#topmenu li li:hover {
		   	background: rgba(243,239,228,0.8);
			color:darkred;
			text-decoration: underline;
			cursor: pointer;
		
		   }
		
		
		#topmenu li li a {
		
			color: inherit;
		
		   }






		/* -------- ROTATING IMAGE AREA -- START ----------- */
			.camera_pag { 
				bottom: 20px; /* or top */ 
				position: absolute; 
				right: 10px; /* or left */ 
				z-index: 2; 
			} 
			.camera_bar {
			width:784px;
			margin-left:auto;
			margin-right:auto;
			}
			
			.cameraSlide_0{
				margin-right: -1000px !Important;
			}
			
			#camera_wrap_1{
			  position: absolute;
		  top: 57px;
		  left: 0;
		  width: 100%;
		  height: 360px;
		  z-index: 1;
		  background-size: cover;
		  background-position: center;
		  background-repeat: no-repeat;
		  color:white;
			-webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
			transition:  top .2s;
			}
			
		/* -------- ROTATING IMAGE AREA -- END ----------- */


		#mainMenu{
			position: absolute;
			top: 60px;
			left: 0px;
			width: 300px;
			height: 330px;
			z-index: 2;
			padding: 26px 0 0 80px;
			-webkit-transition: top .2s, left .2s; /* For Safari 3.1 to 6.0 */
			transition:  top .2s, left .2s;
			background-image: url("../images/shade.png");
			background-repeat: repeat-y;
			
			
		}
		
		
		#lowerBar{
		  position: absolute;
		  background-image: url("../images/topBar.png");
		  background-repeat: repeat-x;
		  top: 417px;
		  left: 0;
		  width: 100%;
		  height: 20px;
		  z-index: 2;
		  border-bottom: 1px solid #A39A71;
		  -webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
			transition:  top .2s;
			
		}
				
		#content{
			position: absolute;
			top: 438px;
			left: 0;
			width: 100%;
			margin: 0 auto -550px auto; /* the bottom margin is the negative value of the footer's height */
			-webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
			transition:  top .2s;
		}
	

		div.searchBox{
			
			position: absolute;
			top: 386px;
			right: 10px;
			height: 20px;
			width: 320px;
			z-index: 200;
			font-size: 20px;
			padding: 0;  	
			background:none;
			min-width:310px;
			-webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
			transition:  top .2s;
			
		}
		
		
		
			/* -------- INSIDE PAGES -- START----------- */
			
			
			.sectionImage {
				
				position: relative;
				top:38px;
				width: 100%;
				height: 200px;
			
			
				margin: auto;
				padding: 10px;
				clear: both;
				-webkit-transition: top .2s,  background-position .4s,  background-size .4s; /* For Safari 3.1 to 6.0 */
				transition: top .2s,  background-position .4s,  background-size .4s;
			}
			
			
			
			.sectionImage .searchBox{
			
				position: absolute;
				top: 186px;
				right: 24px;
				height: 20px;
				width: 320px;
				z-index: 200;
				font-size: 20px;
				padding: 0;  	
				background:none;
				min-width:310px;
				-webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
				transition:  top .2s;
				
				
			}
				
			.cpeipMain{
				background-image: url("../images/main1.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.trauma{
				background-image: url("../images/toxic-stress.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.covid{
				background-image: url("../images/covid19_inside.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.toxic{
				background-image: url("../images/toxic.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.traumaresources{
				background-image: url("../images/banners/trauma.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.storm{
				background-image: url("../images/banners/storm.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.helpdesk{
				background-image: url("../images/banners/helpdesk1.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.webinar{
				background-image: url("../images/banners/webinar3.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
				
			}
			
			.webinarArchive{
				background-image: url("../images/banners/webinar3_Archive.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;				
			
			}
			.gold{
				background-image: url("../images/banners/gold.jpg");
				background-size: cover;
				background-position: top center;
				background-repeat: no-repeat;
			
			}
			
			.court{
				background-image: url("../images/court.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			.courtecc{
				background-image: url("../images/FECC.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.cppcos{
				background-image: url("../images/banners/cppcos.jpg");
				background-size: cover;
				background-position: center top;
				background-repeat: no-repeat;
			
			}
			
			.gold{
				background-image: url("../images/gold.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.handouts{
				background-image: url("../images/handouts.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.homeVisiting{
				background-image: url("../images/hv.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			.researchBasis{
				background-image: url("../images/researchBasis.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.twoGenBig{
				background-image: url("../images/twoGenBig.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.hvProgramBig{
				background-image: url("../images/hvProgramBig.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.homeLoveBig{
				background-image: url("../images/homvisLove_big.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.compCurricBig{
				background-image: url("../images/compCurric_big.png");
				background-size: cover;
				background-position: center -30px;
				background-repeat: no-repeat;
			
			}
			
			
			.newPHB{
				background-image: url("../../phb/assets/images/newPHB.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.qualityChildcare{
				background-image: url("../images/qcc.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.tenComp{
				background-image: url("../images/10comp.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality1{
				background-image: url("../images/quality1.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
							
			}
			
			
			.quality2{
				background-image: url("../images/quality2.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality3{
				background-image: url("../images/quality3.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			
			.quality4{
				background-image: url("../images/quality4.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality5{
				background-image: url("../images/quality5.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			
			.quality6{
				background-image: url("../images/quality6.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality7{
				background-image: url("../images/quality7.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			
			.quality8{
				background-image: url("../images/quality8.png");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.infantMentalhealth{
				background-image: url("../images/imh.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.teenParents{
				background-image: url("../images/teen.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.earlyHeadstart{
				background-image: url("../images/ehs.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.training{
				background-image: url("../images/training2.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.OnsiteTraining{
				background-image: url("../images/OnsiteTraining.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.cpp{
				background-image: url("../images/banners/cpp.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.newsletter{
				background-image: url("../images/newsletter2.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			.aboutus{
				background-image: url("../images/aboutus.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.error{
				background-image: url("../images/xy.gif");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.sectionImage .sectionTitle{
				font-family: 'source_sans_prolight';
				font-size: 38px;
				letter-spacing: 1.5px;
				color:white;
				position: absolute;
				bottom: 10px;
				left:80px;
				text-shadow: 0px 0px 5px rgba(000,000,000,1);
			
			}
			
		
		
		
	/*----------------------*/
	
	
			
			
			#colContainer{
				margin:20px auto;
				width: 90%;	
				padding: 0;
				position: relative;
			}
			
			#col1{
				display: inline-block;
				color:black;
				width: 45%;
				margin:0px;
				vertical-align: top;
				padding: 20px;
				text-align: justify;
				//-webkit-transition: width .2s; /* For Safari 3.1 to 6.0 */
				//transition:  width .2s;
				}
				
			
			
			#col1 h3{
				font-family: 'source_sans_prolight';
				font-size:150%;
				color:#1a5173;
				font-weight: bold;
				letter-spacing: .5px;
				margin: 30px 0 10px 0;
				text-align: left;
			}
			
			#col1 p{
				line-height: 24px;
			}
			
			#col1 a{
				color: #2773b0;
				text-decoration: none;
			}
			
			
			
			
			#col1 a:hover{
				color: darkred;
			}
			
			
			.col1{
				background: rgba(255,255,255,.08);;
			}
			
			.col2{
				background: #F2ECCE;
			}
			
			.sectionMenu{
				text-align: left;
				width:200px;
				float: left;
				background: #F2ECCE;
				margin: 30px 30px 30px 0px;
				padding: 15px;
				
			}
			
			
			
			.sectionMenu ul{
				list-style-type:none;
				padding: 0;
				margin: 0;
			}
			.sectionMenu ul li{
				padding: 3px 1px 3px 4px;
				margin: 0;
			}
			
			.sectionMenu ul li.current{
				background: rgba(255,255,255,0.75);
			}
			.sectionMenu ul li.current:before{
				content: "\f0da ";
	  			font-family: 'FontAwesome';
	  			margin: 0 2px 0 0;
			}
			
			.sectionMenu ul li:hover{
				background: white;
			}



		
		/* -------- 2nd SECTION UNDER MAIN MENU -- START----------- */
		/* ------------------- */
		/* ------------------- */
		/* ------------------- */
		
		.secondImageContainer{
			width: 100%;
			text-align: center;	
			padding: 0;
			padding: 0;
			display: table;
			border-collapse: separate;
			 border-spacing: 36px 18px;
			 position: relative;
			 vertical-align: text-top;
		}
		.secondImage {
			background-color: white;
			position: relative;
			content: "";
			width: 50%;
			height: 250px;
			z-index: 2;
			background-size: cover;
			background-position:  center center;
			background-repeat: no-repeat;
			color:white;
			padding: 10px;
			border:1px solid #F5F5DC;
			display: table-cell;
			-webkit-transition: top .2s,  background-position .4s,  background-size .4s; /* For Safari 3.1 to 6.0 */
			transition: top .2s,  background-position .4s,  background-size .4s;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
		}
		
		.secondImage:hover {
			border:1px solid #A39A74;
			-webkit-transition: top .2s,  background-position .4s,  background-size .4s; /* For Safari 3.1 to 6.0 */
			transition: top .2s,  background-position .4s,  background-size .4s;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		.secondImage .textContainer{
			position: absolute;
			top: 10px;
			right:10px;
			width: 50%;
			clear:both;
			padding: 2px 20px 2px 2px;
			
			border-radius:5px;
			-moz-border-radius: 5px;
		    -webkit-border-radius: 5px;
		    -khtml-border-radius: 5px;
			overflow:none;
			padding-bottom:10px;
			background: rgb(255, 255, 255);
			background: rgba(255, 255, 255, 0.60);

			-webkit-transition: width .4s; /* For Safari 3.1 to 6.0 */
			transition: width .4s;

		}
		
		
		
		
		
		
		
		
		
		
		.secondImage .titleText{
			font-size:140%;
			font-family: 'source_sans_probold';
			color:#660000;
			position: relative;
			float:left;
			clear:both;
			text-align: right;
			width: 100%;
		}
		
		.secondImage .subtitleText{
			color:darkred;
			position: relative;
			float:right;
			clear:both;
			text-align: right;
			width: 100%;
		}
		
		.secondImage .descText{
			font-size:14px;
			color:#777777;
			position: relative;
			clear:both;
			text-align: right;
			float:right;
			width: 90%;
			padding: 6px ;
			margin: 10px -5px 0 0;
			background: rgba(255,255,255,0.3);
			-moz-border-radius: 5px;
		    -webkit-border-radius: 5px;
		    -khtml-border-radius: 5px;
		    border-radius: 5px;
		}
		
		
		.secondImage  div.learnMore{
				border: 1px solid #A39A74;
				position: absolute;
				color:#540713;
				bottom: 20px;
				right:20px;
				height: 20px;
				width: 100px;
				white-space: nowrap;
				font-size: 14px;
				padding: 4px 2px 2px 2px;  	
				background:#DAD092;
				text-align: center !important;
				-webkit-transition: width .2s; /* For Safari 3.1 to 6.0 */
				transition:  width .2s;
		}
		
		.secondImage  div.learnMore:hover{
			color:white;
			cursor:pointer;
			background:#540713;
		
			-webkit-transition: top .2s, background .2s; /* For Safari 3.1 to 6.0 */
			transition:  top .2s, background .2s;
		}
		
		
			/* -------- 2nd SECTION UNDER MAIN MENU -- END----------- */
}

/* ==============LARGE SCREEN===END========================================================= */





















/* ==============SMALL SCREEN===START========================================================= */

@media (max-width: 949px) {


	#container{
		position:relative;
		top: 80px;
		-webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
		transition:  top .2s;
	}


	#topmenu{
		position: absolute;
		top: 60px;
		right: 0px;
		width: 100%;
		height: 46px;
		z-index: 300;
		padding: 12px 0 0 0;
		text-align: center;
		
		-webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
		transition:  top .2s;
		
		
	}
	
		#topmenu ul{
			position:relative;
			margin:0 auto;
			padding:8px 0;
			font-family: 'source_sans_proregular';
			z-index: 10;	
			width: 500px;
			
		}
		#topmenu ul ul{
			width:200px;
		}
		
		#topmenu ul a{
			text-decoration: none;
			
		}
		
		
		#topmenu ul li{
			list-style: none;
			border-right:1px solid white;
			display:inline;
			margin:0px 0px 0px -4px;
			padding:5px 20px;
			font-size:15px;
			color:#540713;
			background: url("../images/topItemBk_off.png");
			background-repeat: no-repeat;
			white-space: nowrap;
			-webkit-transition: background .2s; /* For Safari 3.1 to 6.0 */
			transition: background .2s;
						
			
		}
		#topmenu ul li a{
		
				color:#540713;
		}
		
		#topmenu ul li:last-child{ 
			border:none;
		}
		
		
		#topmenu ul li:hover{
			background: url("../images/topItemBk.png");
			color:darkred;
			text-decoration: underline;
			cursor: pointer;
		}
		
		
		#topmenu li ul {
				position:relative;
				display: none; 
				background: rgba(215,205,154,0.8);
				white-space: nowrap;
				-moz-border-radius: 0px 0px 5px 5px;
				-webkit-border-radius: 0px 0px 5px 5px;
				-khtml-border-radius: 0px 0px 5px 5px;
				border-radius: 0px 0px 5px 5px;
				
		   }
		   
		#topmenu li:hover ul{
		   display: block;
		   position: absolute;
		   margin: 5px 0 0 9px;
		   padding: 0; 
		   float: left
		   	-moz-box-shadow: 0px 3px 10px rgba(000,000,000,0.3);
			-webkit-box-shadow: 0px 3px 10px rgba(000,000,000,0.3);
			box-shadow: 0px 3px 10px rgba(000,000,000,0.3);
		   }
		   
		#topmenu li li {
		   display: list-item;
		   text-align: left;
		   border:none;
		   padding:10px 20px;
		   margin:0px;
		   
		   }
		   
		#topmenu li li:hover {
		   	background: rgba(243,239,228,0.8);
			color:darkred;
			text-decoration: underline;
			cursor: pointer;
		
		   }
		
		
		#topmenu li li a {
		
			color: inherit;
		
		   }
	
	
	
	
	
	
	
	
	
	
	
		/* -------- ROTATING IMAGE AREA -- START ----------- */
			.camera_pag { 
				bottom: 20px; /* or top */ 
				position: absolute; 
				right: 10px; /* or left */ 
				z-index: 2; 
			} 
			.camera_bar {
			width:784px;
			margin-left:auto;
			margin-right:auto;
			}
			
			.cameraSlide_0{
				margin-right: -1000px !Important;
			}
			
			#camera_wrap_1{
			  position: absolute;
		  top: 117px;
		  left: 0;
		  width: 100%;
		  height: 360px;
		  z-index: 1;
		  background-size: cover;
		  background-position: center;
		  background-repeat: no-repeat;
		  color:white;
		  -webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
			transition:  top .2s;
			
			}
			
		/* -------- ROTATING IMAGE AREA -- END ----------- */


		#mainMenu{
			position: absolute;
			top: 120px;
			left: 0px;
			width: 300px;
			height: 330px;
			z-index: 2;
			padding: 26px 0 0 80px;
			-webkit-transition: top .2s, left .2s; /* For Safari 3.1 to 6.0 */
			transition:  top .2s, left .2s;
			background-image: url("../images/shade.png");
			background-repeat: repeat-y;
		}
		
		#lowerBar{
		  position: absolute;
		  background-image: url("../images/topBar.png");
		  background-repeat: repeat-x;
		  top: 477px;
		  left: 0;
		  width: 100%;
		  height: 20px;
		  z-index: 2;
		  border-bottom: 1px solid #A39A71;
		  -webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
			transition:  top .2s;
		}



		#content{
			position: absolute;
			top: 498px;
			left: 0;
			width: 100%;
			margin: 0 auto -550px auto; /* the bottom margin is the negative value of the footer's height */
			-webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
			transition:  top .2s;
		}
			

		div.searchBox{
			
			position: absolute;
			top: 446px;
			right: 10px;
			height: 20px;
			width: 310px;
			z-index: 1;
			font-size: 20px;
			padding: 0;  	
			background:none;
			min-width:310px;
			-webkit-transition: top .2s; /* For Safari 3.1 to 6.0 */
			transition:  top .2s;
		}
		
		
		
		
			/* -------- INSIDE PAGES -- START----------- */
			
			
			.sectionImage {
				
				position: relative;
				top:98px;
				width: 100%;
				height: 200px;
			
			
				margin: auto;
				padding: 10px;
				clear: both;
				-webkit-transition: top .2s,  background-position .4s,  background-size .4s; /* For Safari 3.1 to 6.0 */
				transition: top .2s,  background-position .4s,  background-size .4s;
			}
			
			.sectionImage .searchBox{
	
				position: absolute;
				top: 220px;
				left: 0px;
				height: 28px;
				width: 100%;
				z-index: 200;
				font-size: 20px;
				padding: 10px 0px;  	
				background:#DAD09C;
				text-align: center;
				margin: auto;
				-webkit-transition: top .2s,  background .2s; /* For Safari 3.1 to 6.0 */
				transition:  top .2s,  background .2s;
				
			}
			
			
						
			.gsc-search-box  input[type="text"]{
				display: block;
				float:left !important;
				
				width: 90% !important;
				height: 34px;
				border: 1px solid #FFF;
				margin: 1px 1px 1px 20px !important;
				padding: 3px  2px  3px  6px !important;
				font-size: 16px !important;
				font-family: Arial, Helvetica, sans-serif;
				background: rgba(255,255,255,0.8);
				
				
			}
			
			
			.searchBox  input[type="button"]{
				display: block;
				float:left !important;
				font-size: 16px;
				
				width: 74px !important;
				height: 30px !important;
				margin: 0px 10px  !important;
				padding:0;
				border:1px solid  rgba(238,231,187,0.7);
				background: rgba(238,231,187,0.5);
			}
			
			.cpeipMain{
				background-image: url("../images/main1.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.trauma{
				background-image: url("../images/toxic-stress.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			.covid{
				background-image: url("../images/covid19_inside.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.toxic{
				background-image: url("../images/toxic.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.traumaresources{
				background-image: url("../images/banners/trauma.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.storm{
				background-image: url("../images/banners/storm.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.helpdesk{
				background-image: url("../images/banners/helpdesk1.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.webinar{
				background-image: url("../images/banners/webinar3.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.webinarArchive{
				background-image: url("../images/banners/webinar3_Archive.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;				
			
			}			
			.gold{
				background-image: url("../images/banners/gold.jpg");
				background-size: cover;
				background-position: top right;
				background-repeat: no-repeat;
			
			}
			
			
			.court{
				background-image: url("../images/court.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			.courtecc{
				background-image: url("../images/FECC.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			
			
			.cppcos{
				background-image: url("../images/banners/cppcos.jpg");
				background-size: cover;
				background-position: center top;
				background-repeat: no-repeat;
			
			}
			
			.handouts{
				background-image: url("../images/handouts.jpg");
				background-size: cover;
				background-position: center left;
				background-repeat: no-repeat;
			
			}
			
			
			.homeVisiting{
				background-image: url("../images/hv.jpg");
				background-size: cover;
				background-position: center left;
				background-repeat: no-repeat;
			
			}
			.researchBasis{
				background-image: url("../images/researchBasis.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			.twoGenBig{
				background-image: url("../images/twoGenBig.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.hvProgramBig{
				background-image: url("../images/hvProgramBig.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			
			.homeLoveBig{
				background-image: url("../images/homvisLove_big.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.compCurricBig{
				background-image: url("../images/compCurric_big.png");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.newPHB{
				background-image: url("../../phb/assets/images/newPHB.jpg");
				background-size: cover;
				background-position: center left;
				background-repeat: no-repeat;
			
			}
			
			
			
			.qualityChildcare{
				background-image: url("../images/qcc.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.tenComp{
				background-image: url("../images/10comp.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality1{
				background-image: url("../images/quality1.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality2{
				background-image: url("../images/quality2.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality3{
				background-image: url("../images/quality3.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality4{
				background-image: url("../images/quality4.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality5{
				background-image: url("../images/quality5.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality6{
				background-image: url("../images/quality6.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality7{
				background-image: url("../images/quality7.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.quality8{
				background-image: url("../images/quality8.png");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.infantMentalhealth{
				background-image: url("../images/imh.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.teenParents{
				background-image: url("../images/teen.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.earlyHeadstart{
				background-image: url("../images/ehs.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.training{
				background-image: url("../images/training2.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.OnsiteTraining{
				background-image: url("../images/OnsiteTraining.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.cpp{
				background-image: url("../images/banners/cpp.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.newsletter{
				background-image: url("../images/newsletter2.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			.aboutus{
				background-image: url("../images/aboutus.jpg");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			.error{
				background-image: url("../images/xy.gif");
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			
			}
			
			.sectionImage .sectionTitle{
				font-family: 'source_sans_proregular';
				font-size: 38px;
				letter-spacing: 1.5px;
				color:white;
				position: absolute;
				bottom: 10px;
				left:40px;
				text-shadow: 0px 0px 5px rgba(000,000,000,1);
			
			}
			
			
			
			#colContainer{
				margin:40px auto 20px auto;
				width: 90%;	
				padding: 0;
				position: relative;
				
			}
			
			#col1{
				float: left;
				color:black;
				width: 100%;
				margin:0px;
				vertical-align: top;
				padding: 20px;
				text-align: justify;
				//-webkit-transition: width .2s; /* For Safari 3.1 to 6.0 */
				//transition:  width .2s;
				
				}
				
			
			
			#col1 h3{
				font-family: 'source_sans_prolight';
				font-size:150%;
				color:#1a5173;
				font-weight: bold;
				letter-spacing: .5px;
				margin: 30px 0 10px 0;
				text-align: left;
			}
			
			#col1 p{
				line-height: 24px;
			}
			
			#col1 a{
				color: #2773b0;
				text-decoration: none;
			}
			
			
			
			
			#col1 a:hover{
				color: darkred;
			}
			
			
			.col1{
				background: rgba(255,255,255,.08);;
			}
			
			.col2{
				background: #F2ECCE;
			}
			
			.sectionMenu{
				text-align: left;
				width:180px;
				float: left;
				background: #F2ECCE;
				margin: 30px 30px 2px 0px;
				padding: 15px;
				
			}
			
			
			
			.sectionMenu ul{
				list-style-type:none;
				padding: 0;
				margin: 0;
			}
			.sectionMenu ul li{
				padding: 3px 1px 3px 4px;
				margin: 0;
			}
			
			.sectionMenu ul li.current{
				background: rgba(255,255,255,0.75);
			}
			.sectionMenu ul li.current:before{
				content: "\f0da ";
	  			font-family: 'FontAwesome';
	  			margin: 0 2px 0 0;
			}
			
			.sectionMenu ul li:hover{
				background: white;
			}

				
			
			/* -------- 2nd SECTION UNDER MAIN MENU -- START----------- */
			
			.secondImageContainer{
				width: 100%;
				text-align: center;	
				padding: 0;
				padding: 0;
				display: table;
				border-collapse: separate;
				 border-spacing: 10px;
				 position: relative;
			}
			.secondImage {
				background-color: white;
				position: relative;
				content: "";
				width: 50%;
				height: 250px;
				z-index: 2;
				background-size: cover;
				background-position:  center center;
				background-repeat: no-repeat;
				color:white;
				padding: 10px;
				border:1px solid #F5F5DC;
				display: table-cell;
				vertical-align: top;
				-webkit-transition: top .2s,  background-position .4s,  background-size .4s; /* For Safari 3.1 to 6.0 */
				transition: top .2s,  background-position .4s,  background-size .4s;
			}
			
			.secondImage:hover {
				border:1px solid #A39A74;
				-webkit-transition: top .2s,  background-position .4s,  background-size .4s; /* For Safari 3.1 to 6.0 */
				transition: top .2s,  background-position .4s,  background-size .4s;
			}
			
			/* ------------------- */
			/* ------------------- */

			.secondImage .textContainer{
				position: relative;
				float:right;
				width: 90%;
				clear:both;
				padding: 2px 20px 0 0;
				border-radius:5px;
				-moz-border-radius: 14px;
				-webkit-border-radius: 14px;
				-khtml-border-radius: 14px;
				overflow:none;
				padding-bottom:10px;
				background: rgb(255, 255, 255);
				background: rgba(255, 255, 255, 0.70);
				-webkit-transition: width .4s; /* For Safari 3.1 to 6.0 */
				transition: width .4s;
			}
			/* ------------------- */
			/* ------------------- */
			
			.secondImage .titleText{
				font-size:110%;
				font-family: 'source_sans_probold';
				color:#660000;
				position: relative;
				float:left;
				clear:both;
				text-align: right;
				width: 100%;
			}
			
			.secondImage .subtitleText{
				font-size:90%;
				color:darkred;
				position: relative;
				float:right;
				clear:both;
				text-align: right;
				width: 100%;
			}
			
			.secondImage .descText{
				font-size:14px;
				color:#777777;
				position: relative;
				clear:both;
				text-align: right;
				float:right;
				width: 90%;
				padding: 6px ;
				margin: 10px -5px 0 0;
				background: rgba(255,255,255,0.3);
				-moz-border-radius: 5px;
			    -webkit-border-radius: 5px;
			    -khtml-border-radius: 5px;
			    border-radius: 5px;
			}
			
			
			.secondImage  .learnMore{
				border: 1px solid #A39A74;
				position: absolute;
				color:#540713;
				bottom: 20px;
				right:20px;
				height: 20px;
				width: 100px;
				white-space: nowrap;
				font-size: 14px;
				padding: 4px 2px 2px 2px;  	
				background:#DAD092;
				text-align: center !important;
				-webkit-transition: width .2s; /* For Safari 3.1 to 6.0 */
				transition:  width .2s;
			}
			
			.secondImage  .learnMore:hover{
				color:white;
				cursor:pointer;
				background:#540713;
			
				-webkit-transition: top .2s, background .2s; /* For Safari 3.1 to 6.0 */
				transition:  top .2s, background .2s;
			}
			
			
			/* -------- 2nd SECTION UNDER MAIN MENU -- END----------- */	
		


}

/* ==============SMALL SCREEN===END========================================================= */












.mainImage {
  background-image: url("../images/main1.jpg");
  content: "";
  position: absolute;
  top: 57px;
  left: 0;
  width: 100%;
  height: 360px;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color:white;
  
    	-webkit-transition: top .2s,  background-position .4s; /* For Safari 3.1 to 6.0 */
	transition: top .2s,  background-position .4s;
}



#fsuLogo{
  background-image: url("../images/fsuLogo.png");
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: 40px;
  width: 400px;
  height: 70px;
  z-index: 4;
	padding: 10px 0 0 0;
}













#sectionMenu ul{
	position:relative;
	margin:0;
	padding:8px 0;
	font-family: 'source_sans_proregular';
	background: #660000;
	text-align: center;
}

#sectionMenu ul a{
	text-decoration: none;
	
}


#sectionMenu ul li{
	list-style: none;
	border-right:1px solid white;
	display:inline;
	margin:0px 0px 0px -4px;
	padding:5px 20px;
	font-size:15px;
	color:white;
	background: url("../images/topItemBk_off.png");
	background-repeat: no-repeat;
	white-space: nowrap;
	-webkit-transition: background .2s; /* For Safari 3.1 to 6.0 */
	transition: background .2s;
	
}


#sectionMenu ul li.active{
	
	font-size:15px;
	background: White;
	color:#660000;
}


#sectionMenu ul li.active:before{
	  content: "\f101";
	  font-family: 'FontAwesome';
	  padding: 0 2px 0 0;
	  font-size: 15px;
	  line-height: 12px;
	  font-weight: normal;
	  
	}



#sectionMenu ul li:last-child{ 
	border:none;
}


#sectionMenu ul li:hover{
	background: rgba(243,239,228,0.9);
	color:#660000;
	text-decoration: underline;
	cursor: pointer;
}











div.searchBoxContainer{
	width: 100%;
	margin: 0;
}

div.searchBox input[type="text"]{
	display: block;
	float: left;
	width: 240px;
	height: 16px;
	border: 1px solid #FFF;
	margin: 0;
	padding: 2px 0px ;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background: rgba(255,255,255,0.8);
}

 .gsc-input  input[type="text"]{
	display: block;
	float: left;
	width: 240px;
	height: 16px;
	border: 1px solid #FFF;
	margin: 0;
	
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background: rgba(255,255,255,0.8) !important;
}
 
 
 
div.searchBox input[type="button"]{
	display: block;
	float: left;
	width: 60px;
	height: 22px;
	margin: 0 0 0 -11px;
	padding:0;
	border:1px solid  rgba(238,231,187,0.7);
	background: rgba(238,231,187,0.5);
}



/* ------------------- */
/* -------- 1st SECTION UNDER MAIN MENU -- START----------- */
/* ------------------- */




.firstImage {

	content: "";
	position: relative;
	width: 99%;
	height: 275px;
	z-index: 2;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color:white;
	padding: 10px;
	//border:1px solid #F5F5DC;
	border-top: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px dotted rgb(214,204,154);
	margin:0 0 12px 0;

	
	
	-webkit-transition: top .2s,  background-position .4s,  background-size .4s; /* For Safari 3.1 to 6.0 */
	transition: top .2s,  background-position .4s,  background-size .4s;
}

.firstImage:hover {

	border:1px solid #A39A74;


}

.firstImage .textContainer{
	position: relative;
	float:right;
	width: 40%;
	clear:both;
	padding: 2px 20px 0 0;
	border-radius:5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	overflow:none;
	padding-bottom:10px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.40);
}

.firstImage .titleText{
	font-size:140%;
	font-family: 'source_sans_probold';
	color:#540713;
	position: relative;
	float:right;
	clear:both;
	text-align: right;
	width: 100%;
}

.firstImage .subtitleText{
	color:#555555;
	position: relative;
	float:right;
	clear:both;
	text-align: right;
	width: 100%;
}

.firstImage .descText{
	font-size:14px;
	color:#777777;
	position: relative;
	clear:both;
	text-align: right;
	float:right;
	width: 90%;
	padding: 6px ;
	background: rgba(255,255,255,0.3);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.firstImage  div.learnMore{
	border: 1px solid #A39A74;
	position: absolute;
	color:#540713;
	top: 230px;
	right: 40px;
	height: 20px;
	width: 100px;
	z-index: 300;
	font-size: 14px;
	padding: 4px 2px 2px 2px;  	
	background:#DAD092;
	text-align: center;
	-webkit-transition: top .2s, background .2s; /* For Safari 3.1 to 6.0 */
	transition:  top .2s, background .2s;
}

.firstImage  div.learnMore:hover{
	color:white;
	cursor:pointer;
	background:#540713;

	-webkit-transition: top .2s, background .2s; /* For Safari 3.1 to 6.0 */
	transition:  top .2s, background .2s;
}


/* -------- 1st SECTION UNDER MAIN MENU -- END----------- */



.boldishTitle{
	color:black;
	font-weight: bold;
}




.imagebox{
	width: 100%;
	height: 400px;
	margin-top: 30px;
	}
	
.imageboxzoom:hover{
	cursor: zoom-in;
	cursor: -webkit-zoom-in; 
	cursor: -moz-zoom-in;
	-moz-box-shadow: 0px 3px 10px rgba(000,000,000,0.3);
			-webkit-box-shadow: 0px 3px 10px rgba(000,000,000,0.3);
			box-shadow: 0px 3px 10px rgba(000,000,000,0.3);
	}

.babycourtkids{
		background-image: url('../images/babycourtkids.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 300px;
}

.flcourtStand{
		background-image: url('../images/FLCourtStand.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 500px;
}

.babycourtwhat{
		margin: 30px 0 0 0;
		background-image: url('../images/what.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.babycourtsavings{
		margin: 30px 0 0 0;
		background-image: url('../images/BabyCourt_PotentialSavingsGraph.jpg');
		background-size: contain;
		  background-position: top;
		  background-repeat: no-repeat;
		height: 300px;
}


.babycourtslide1{
		margin: 30px 0 0 0;
		background-image: url('../images/slide1.jpg');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.babycourtslide2{
		margin: 30px 0 0 0;
		background-image: url('../images/slide2.jpg');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.babycourtslide4{
		margin: 30px 0 0 0;
		background-image: url('../images/slide4.jpg');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.babycourtslide7{
		margin: 30px 0 0 0;
		background-image: url('../images/slide7.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.babycourtslide8{
		margin: 30px 0 0 0;
		background-image: url('../images/slide8.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.babycourtslide9{
		margin: 30px 0 0 0;
		background-image: url('../images/slide9.jpg');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}


.BCPartners{
		background-image: url('../images/BabyCourtPartnersLogos.jpg');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 500px;
}


.BCSites{
		background-image: url('../images/BC_Sites.jpg');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 500px;
}


.CantWait{
		background-image: url('../images/CantWait_FlowChart.jpg');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 500px;
}


.component4{
		margin: 30px 0 0 0;
		background-image: url('../images/component4.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.component6{
		margin: 30px 0 0 0;
		background-image: url('../images/component6.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.component8{
		margin: 30px 0 0 0;
		background-image: url('../images/component8.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.component10{
		margin: 30px 0 0 0;
		background-image: url('../images/component10.jpg');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.component11{
		margin: 30px 0 0 0;
		background-image: url('../images/component11.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.component12{
		margin: 30px 0 0 0;
		background-image: url('../images/component12.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.component13{
		margin: 30px 0 0 0;
		background-image: url('../images/component13.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.centerImage{
		margin: 30px 0 0 0;
		background-image: url('/assets/images/center01.jpg');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ehs1{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_1.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ehs2{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_2.png');
		background-size: auto;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}


.ehs4_1{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_4_1.png');
		background-size: cover;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ehs4_2{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_4_2.png');
		background-size: cover;
		background-position: center bottom;
		  background-repeat: no-repeat;
		height: 500px;
}

.ehs4_3{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_4_3.png');
		background-size: auto;
		background-position: center top;
		  background-repeat: no-repeat;
		height: 400px;
}

.ehs5{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_5.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ehs6_1{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_6_1.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ehs6_2{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_6_2.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ehs7{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_7.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ehs8{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_8.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ehs9{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_9.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ehs10{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_10.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ehs10{
		margin: 30px 0 0 0;
		background-image: url('../images/ehs_10.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}


.Timeline{
		background-image: url('../images/Timeline.jpg');
		background-size: contain;
		  background-position: top;
		  background-repeat: no-repeat;
		height: 800px;
}


.ypp1_1{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_1_1.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp1_2{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_1_2.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}


.ypp2_1{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_2_1.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp2_2{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_2_2.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp3_1{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_3_1.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 150px;
}

.ypp3_2{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_3_2.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp3_3{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_3_3.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp4_1{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_4_1.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp4_2{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_4_2.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp4_3{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_4_3.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp4_4{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_4_4.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp5{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_5.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp6_1{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_6_1.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp6_2{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_6_2.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 400px;
}

.ypp7_1{
		margin: 30px 0 0 0;
		background-image: url('../images/ypp_7_1.png');
		background-size: contain;
		  background-position: center;
		  background-repeat: no-repeat;
		height: 300px;
}


.quickIndent{
	margin-left: 20px;
	text-indent: -15px;
	}

.zoomed{
	border: 10px solid gray;
	background-color: white;
	cursor: zoom-out !important;
	cursor: -webkit-zoom-out !important;
	cursor: -moz-zoom-out !important;
	}