#TempCSSVariantColorDiv{
		position: fixed;
		overflow: visible;
		background-color: #FFFFFF;
		position: absolute;
		top: 5px;
		left: 10vw;
		height: 20px;
		width: 20px;
		z-index: 16050;
		cursor: default;
		
		visibility: hidden;
	}
	.body{
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		transition: 3s opacity;
		opacity: 0.3;
		transition: 0s opacity;
		opacity: 1.0;
    	
	}
	



.menu_a a{
	color:#ff0000;
	text-decoration: none;
}

.menu_b a{
	color:#ff0000;
	text-decoration: none;
}

	
	.RSButton{
		font-size: 35px;
	}
	
	#HeaderCombinationDiv{
		position: fixed;
		overflow: hidden;
		top: 0px;
		left: 0px;
		width: 100vw;
		height: 142px;
		height: auto;
		height: clamp(20px, 100vw, 185px);
		height: 12vh;
		
		
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		background-color: #A71B1B;
		background-color: transparent;
		color: #FFFFFF;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 24px;
		text-align: left;
		vertical-align: middle;
		cursor: default;
		z-index: 1001;
	
	}
	#mainbar{
		position: relative;
		overflow: hidden;
		top: 0px;
		left: 0px;
		width: 100vw;
		height: 29px;
		padding-top: 3px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		background-color: #A71B1B;
		color: #FFFFFF;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 24px;
		text-align: left;
		vertical-align: middle;
		cursor: default;
		z-index: 1001;
		
	}
	
	
	#mainbarparagraph{
		display:inline-block;
		position: relative;
		overflow: hidden;
		width: 99vw; 
		top: 0px;
		left: 10px;
		cursor: default;
		color: #FFFFFF;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 12px;
		margin-left: 20px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#mainbarimage{
		position: relative;
		top: -4px;
    	background: transparent;
    	vertical-align: middle;
    	height: 40px;
    	width: 40px;
    	cursor: default;
	}
	#Menu6Line{
		position: fixed;
		display: inline-block;
		overflow: hidden;
		top: 4px;
		right: 10px;
		width: 25px;
		height: 35px;
		background-image: url("../images/Icon_GetMenu.png");
		background-color: transparent;
		background-size: cover;
 		background-repeat: no-repeat;
   		background-position: top;
		z-index: 6100;
}
	#MenuAdminCtrl{
		position: fixed;
		overflow: hidden;
		visibility: hidden;
		top: 10vw;
		right: 1vw;
		top: 75pt;
		top: 30pt;
		width: clamp(25pt, 4vw, 45pt);
		height: clamp(25pt, 4vw, 45pt);
		background-image: url("../images/Icon_GetAdminMenu.png");
		background-color: transparent;
		background-size: cover;
 		background-repeat: no-repeat;
   		background-position: top;
		z-index: 3100;
}
	#MenuAdminCtrl:hover{
		background-image: url("../images/Icon_GetAdminMenu2.png");
	}
	
	
	#menubar{
		position: fixed;
		overflow: visible;
		top: 30pt;
		left: 0pt;
		width: 100vw;
		height: clamp(10px, 2vw, 30px);
		
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 12px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		background-color: #EEEEEE;
		color: #FFFFFF;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 26px;
		text-align: right;
		overflow: hidden;
		vertical-align: middle;
		visibility: visible;
		opacity: 1.0;
		z-index: 20000;
	}
	#menutable1{
		position: relative;
		width: 99vw;
		height: auto;
		left: 0px;
		background-color: transparent;
		overflow: hidden;
		text-align: right;
	}
	.MainMenuLeftSide{
		position: relative;
		overflow: visible;
		left: 5px;
		text-align: left;
	}
	.MainMenuRightSide{
		text-align: right;
		padding-right: 20px;
	}
	.menu_a{
		display: inline-block;
		position: relative;
		overflow: hidden;
		top: 0px;
		width: auto;
		background-color: #EEEEEE;
		color: #FF0000;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
		cursor: pointer;
		height: 22px;
		font-size: 16px;
		opacity: 1.0;
	}
	.menu_b{
		display: inline-block;
		position: relative;
		overflow: hidden;
		top: 0px;
		width: auto;
		height: auto;
		background-color: #EEEEEE;
		color: #FF0000;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 2px;
		padding-right: 5px;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		cursor: pointer;
		height: 22px;
		font-size: 16px;
		
	}
	.menu_c{
		position: absolute;
		overflow: hidden;
		top: 15px;
		right: 20px;
		width: auto;
		height: auto;
		background-color: #A71B1B;
		color: #FFFFFF;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 2px;
		padding-right: 5px;
		cursor: pointer;
		z-index: 3000;
		
	}
	.menu_a a:hover{
		background-color: #A71B1B;
		color: #FFFFFF;
	}
	.menu_b a:hover{
		background-color: #A71B1B;
		color: #FFFFFF;
	}
	.menu_c:hover{
		background-color: #FFFFFF;
		color: #000000;
	}
		
	#TopImageBar{
		position: fixed;
		background-image: url("../images/TopImage1.png");
		background-image: none;
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center;
		background-color: #E3AA25;
		background-color: transparent;
		border-style: solid;
		border-color: transparent;
		border-width: 3px;
		
		top: 8px;
		left: 0px;
		width: 99.5vw;
		height: auto;
		//height: 120px;
		//height: clamp(25px, 80vw, 73px);
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 20px;
		z-index: 998;
		overflow: hidden;
		background-color: #E3AA25;
		
	}
	#TopImage1IMG{
		position: relative;
		top: -20px;
		top: 20px;
		left: 0px;
		width: 100%;
		height: auto;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		visibility: visible;
		
	}
	
	
	
	.BarMenuContainerDiv{
		position: fixed;
		visibility: visible;
		transition: width .30s, height .25s, transform 0.25s;
		top: 35px;
		right: -200px;
		width: 1px;
		height: auto;
		max-height: 90%;
		overflow: scroll;
		background-color: white;
		z-index: 6000;
	}
	.BarMenuItemDiv{
		display: inline-block;
		position: relative;
		overflow: hidden;
		padding-left: 10px;
		top: 0px;
		left: 0px;
		width: 100%;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 40px;
		text-align: left;
		vertical-align: middle;
		background-color: #EEEEEE;
		border-style: solid;
		border-color: black;
		border-width: 1px;
		cursor: pointer;
		color:#000000;
		text-decoration: none;
	}
	

	.BarMenuItemDiv:hover{
		background-color: red;
		background-color: #A71B1B;
		color: white;
	}
	
	
/*.-------- Main Body -----------------*/

.Menu1TableContainer{
		position: fixed;
		overflow: hidden;
		visibility: visible;
		top: 200px;
		left: 18px;
		width: clamp(200px, 20vw, 250px);
		width: 18vw;
		height: auto;
		background-color: transparent;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
		color: #000000;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 24px;
		text-align: center;
		vertical-align: middle;
		cursor: default;
		z-index: 1200;
}
.Menu1TableSpacer{
		position: relative;
		overflow: hidden;
		top: 1px;
		left: 1px;
		width: clamp(200px, 18vw, 250px);
		height: auto;
		background-color: transparent;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		text-align: center;
		color: transparent;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 24px;
		text-align: center;
		vertical-align: middle;
		cursor: default;
		z-index: 999;
}
.MenuTable{
	width: 100%;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: clamp(5px, 3vw, 20px);
	padding-right: clamp(5px, 3vw, 20px);
	
}
.MenuL1_Spacer{
	vertical-align: top;
	text-align: center;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: clamp(10px, 1.5vw, 25px);
	width: clamp(100px, 24vw, 1300px);
	background-color: transparent;
}

.MenuL1 a{
	color:black;
	text-decoration: none;
	display: block;
}

.MenuL1{
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: clamp(10px, 1.5vw, 25px);
	width: clamp(100px, 24vw, 1300px);
	background-color: transparent;
}

.MenuL1 a:hover{
	background-color: #A71B1B;
	color: #FFFFFF;
	cursor: pointer;
}

.MenuL1-selected a{
	color: #FFFFFF;
	background-color:#A71B1B;
	text-decoration: none;
	display: block;
}
	
/*-----------------------------------------*/	


/* -------------------------------------------------- */	

/* -------------------------------------------------- */

	#TheBodyDiv{
		position: relative;
		overflow: hidden;
		top: clamp(80px,15vw,120px);
		top: 100px;
		left: 0px;
		width: 97vw;
		height: auto;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 0.5vw;
		padding-right: 0.5vw;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0vw;
		color: #FFFFFF;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 24px;
		text-align: center;
		vertical-align: middle;
		cursor: default;
		background-color: #000000;
		background-color: #A71B1B;
		background-color: white;
		
	
	}
	#MainBodyDiv{
		display: inline-block;
		position: relative;
		overflow: hidden;
		top: 0px;
		left: 0px;
		width: 96vw;
		height: auto;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		color: #000000;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 24px;
		text-align: center;
		vertical-align: middle;
		cursor: default;
		background-color: #FFFFFF;
	
	}
	
	#MainHTMLContainer{
		position: relative;
		overflow: hidden;
		top: 0px;
		left: 20vw;
		width: 70vw;
		height: auto;
		background-color: #FFFFFF;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 0.5vw;
		padding-right: 0.5vw;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		color: #000000;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 24px;
		text-align: left;
		vertical-align: middle;
		cursor: default;
		
}


	.TheHTMLRows{
		width: 20px;
		background-color: #FFFFFF;
		overflow: hidden;
	}
	.MainBodyTable{
		width: 50px;
		height: auto;
		background-color: white;
		border-style: solid;
		border-width: 5px;
		border-color: #FFFFFF;
		
	}
	
	.breadcrumbBox{
	display: inline-block;
	position: relative;
	
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 14px;
	width: clamp(200px, 78vw, 3500px);
	background-color: #F4F4F4;
	color: #604E33;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;	
	top: -25px;
	background-color: transparent;	
}
	.breadcrumbLink{
	text-decoration: underline;
	color: #2222FF;
	cursor: pointer;
}

	
	#SCATLogo1Div{
		position: relative;
		overflow: hidden;
		top: 100px;
		left: 1px;
		width: clamp(80px, 20vw, 300px);
		height: clamp(80px, 20vw, 300px);
		/*background-image: url("./images/SCATLogo1orig.png");*/
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-color: #FFFFFF;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		background-color: transparent;
		color: #000000;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 24px;
		text-align: left;
		vertical-align: middle;
		cursor: default;
	}
	
/* -------------------------------------------------- */	
	#FooterDiv{
		display: inline-block;
		position: relative;
		overflow: hidden;
		top: 100px;
		left: 0px;
		width: 98vw;
		/*height: clamp(100px,50vw,680px);*/
		height: auto;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		
		background-color: #000000;
		color: #FFFFFF;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 22px;
		text-align: left;
		vertical-align: middle;
		cursor: default;
		z-index: 4000;
		height: 480px;
	
	}
	#FooterSCATAddressDiv{
		display: inline-block;
		position: relative;
		overflow: hidden;
		top: 5px;
		padding-top: 50px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;		
		
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		 
		left: clamp(10px,5vw,100px);
		background-color: #transparent;
		width: clamp(300px,30vw,800px);
		height: clamp(100px,5vw,410px);	
		width: 40vw;
		height: auto;
	}
	#FooterSCEDTable{
		border: none;
	}
	#FooterSCATLogo{
		position: relative;
		overflow: hidden;
		top: 1px;
		left: 1px;
		width: clamp(80px, 10vw, 380px);
		height: clamp(80px, 10vw, 380px);
		background-color: #00FFFF;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		background-color: transparent;
		color: #000000;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: 24px;
		text-align: left;
		vertical-align: middle;
		cursor: default;
	}
	#FooterSCEDAddress{
		position: relative;
		overflow: inherit;
		top: clamp(50px, 7vw, 130px);
		top: 0px;
		left: 1px;
		width: clamp(200px, 40vw, 500px); 
		height: clamp(100px, 10vw, 400px);
		width: 250px;
		height: auto;
		max-width: 500px;
		min-width: 180px;
		max-height: 200px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		
		background-color: transparent;
		color: #FFFFFE;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: clamp(12px, 1.25vw, 30px);
		font-size: 16px;
		text-align: left;
		vertical-align: middle;
		cursor: default;
	}
	#FooterQuickLinksDiv{
	/*opacity: 0.5;*/
		display: inline-block;
		vertical-align: top;
		position: relative;
		overflow: hidden;
		top: clamp(5px, 5vw, 80px);

		width: clamp(100px, 16vw, 220px); 
		width: 10vw;
		height: clamp(50px, 12vw, 120px);
		height: auto;
		padding-top: 5px;
		padding-bottom: 15px;
		padding-left: 1px;
		padding-right: 1px;
		margin: 1px 1px 1px 1px;
		background-color: transparent;
		color: #FFFFFE;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: clamp(12px, 2.25vw, 25px);
		font-size: 20px;
		text-align: left;
		vertical-align: top;
		cursor: default;
		left: 4vw;
	}

	
	#FooterProgramsDiv{
		display: inline-block;
		vertical-align: top;
		position: relative;
		overflow: hidden;
		top: clamp(20px, 45vw, 160px);
		top: clamp(5px, 5vw, 80px);
		left: clamp(20px, 47vw, 100px);
		width: clamp(100px, 20vw, 232px); 
		width: 16.5vw;
		height: clamp(50px, 25vw, 320px);
		height: auto;
		padding-top: 5px;
		padding-bottom: 15px;
		padding-left: 2px;
		padding-right: 2px;
		margin: 2px 2px 2px 2px;
		background-color: transparent;
		color: #FFFFFE;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: clamp(12px, 2.25vw, 25px);
		font-size: 20px;
		text-align: left;
		vertical-align: top;
		cursor: default;
		left: 4vw;
	}
	#FooterFormsDiv{
		display: inline-block;
		vertical-align: top;
		position: relative;
		overflow: hidden;
		top: clamp(20px, 45vw, 160px);
		top: clamp(5px, 5vw, 80px);
		left: clamp(20px, 47vw, 100px);
		width: clamp(100px, 20vw, 232px); 
		width: 20vw;
		height: auto;
		padding-top: 5px;
		padding-bottom: 15px;
		padding-left: 2px;
		padding-right: 2px;
		margin: 2px 2px 2px 2px;
		background-color: transparent;
		color: #FFFFFE;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: clamp(12px, 2.25vw, 25px);
		font-size: 20px;
		text-align: left;
		vertical-align: top;
		cursor: default;
		left: 4vw;
	}
	#FooterCopyrightDiv{
		position: relative;
		display: inline-block;
		vertical-align: top;
		overflow: hidden;
		top: clamp(20px, 85vw, 80px);
		left: clamp(20px, 47vw, 60px);
		left: 4vw;
		top: 40px;
		width: clamp(100px, 80vw, 832px); 
		height: clamp(50px, 25vw, 320px);
		height: auto;
		padding-top: 5px;
		padding-bottom: 15px;
		padding-left: 25px;
		padding-right: 15px;
		margin-top: 5px;
		margin-left: 25px;
		margin-bottom: 5px;
		margin-right 5px;
		background-color: transparent;
		color: #FFFFFE;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: clamp(12px, 2.25vw, 25px);
		text-align: left;
		cursor: default;
		font-size: 20px;
	}
	#SubFooterDiv{
		position: relative;
		display: inline-block;
		top: -20px;
		left: -20px;
		height: 20px;
		width: 100vw;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 00px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		background-color: #000000;
		color: #FFFFFF;
		
		
	}
	#blankEOFooter{
		position: relative;
		/* display: inline-block;*/
		vertical-align: top;
		overflow: hidden;
		top: clamp(20px, 85vw, 160px);
		left: clamp(20px, 47vw, 60px);
		width: clamp(100px, 80vw, 832px); 
		height: clamp(50px, 25vw, 320px);
		padding-top: 5px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
		margin: 5px 5px 5px 5px;
		background-color: #22FFFF;
		color: #FFFFFE;
		font-family:  "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
		font-weight: bold;
		font-size: clamp(12px, 2.25vw, 25px);
		text-align: left;
		cursor: default;
	}
	.footerhdr{
		color: #FFFFFE;	
		text-decoration: underline;
	}
	.footerhdr:link{
		color: #FFFFFE;	
		text-decoration: underline;
	}
	.footerhdr:visited{
		color: #FFFFFE;	
		text-decoration: underline;
	}
	.footerhdr:hover{
		color: #FFFFFE;	
		text-decoration: underline;
	}
	.footerhdr:active{
		color: #FFFFFE;	
		text-decoration: underline;
	}	
	.footerlink{
		color: #E8940F;	
	}
	.footerlink:link{
		color: #E8940F;
	}
	.footerlink:visited{
		color: #E8940F;
	}
	.footerlink:hover{
		color: #FF0000;
	}
	.footerlink:active{
		color: #E8940F;
	}
	
	
	
	.footertxt{
		color: #FFFFFE;	
	}
	.footertxt:link{
		color: #footertxt;
	}
	.footertxt:visited{
		color: #footertxt;
	}
	.footertxt:hover{
		color: #footertxt;
	}
	.footertxt:active{
		color: #footertxt;
	}


/* -------------------------------------------------- */	
	

.tanbox1{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 1.9vw;
	width: clamp(200px, 78vw, 3500px);
	width: 550px;
	background-color: #E5DFD6;
	color: #604E33;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 0px;
	margin-right: 0px;
	
}
.tanbox5{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(200px, 78vw, 3500px);
	background-color: #E5DFD6;
	color: #604E33;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 0px;
	margin-right: 0px;
	
}
.tanbox_small{
	display: inline-block;
	position: relative;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(200px, 32vw, 3500px);
	height: 550px;
	background-color: #E5DFD6;
	color: #604E33;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 12px;
	width: 29vw;
	font-size: 21px;
	height: auto;
	
}
.whitebox_small{
	display: inline-block;
	position: relative;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(200px, 32vw, 3500px);
	height: 600px;
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 12px;
	width: 29vw;
	font-size: 21px;
	height: auto;
	
}
.whitebox2_small{
	display: inline-block;
	position: relative;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(200px, 32vw, 3500px);
	height: 500px;
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 12px;
	width: 29vw;
	font-size: 21px;
	height: auto;
	
}
.whitebox5{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 22px;
	width: clamp(200px, 78vw, 3500px);
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 0px;
	margin-right: 0px;
	width: 67vw;
	
}
.whitebox0{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: bold;
	font-size: 44px;
	width: clamp(200px, 88.5vw, 3500px);
	background-color: transparent;
	color: #604E33;
	padding-top: clamp(1px, 10vw, 40px);
	padding-left: clamp(5px, 10vw, 80px);
	padding-bottom: 0px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 0px;	
	margin-left: 0px;
	margin-right: 0px;
	
}
.whitebox1{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(100px, 69vw, 3500px);
	background-color: transparent;
	color: #604E33;
	padding-top: clamp(1px, 1vw, 40px);
	padding-left: clamp(5px, 1vw, 180px);
	padding-bottom: clamp(5px, 1vw, 50px);
	padding-right: clamp(1px, 1vw, 40px);
	margin-top: 0px;
	margin-bottom: 0px;	
	margin-left: 0px;
	margin-right:0px;
	
}
.WhiteBoxRedStripeOuter{
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 30px;
	width: clamp(200px, 80vw, 3000px);
	width: clamp(100px, 50vw, 3500px);
	width: 69vw;

	background-color: #EEEEEE;
	color: #604E33;
	top: 0px;
	left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-top: 0.5vw;
	margin-bottom: 0.5vw;	
	margin-left: 0.5vw;
	margin-right: 0.5vw;	
}
.WhiteBoxRedStripeInner{
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: clamp(18px, 50vw, 130px);
	width: 64vw;
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;	
	border-left-width: 20px;
	border-left: 1vw solid #A71B1B;
	height: auto;
	
}
.WhiteBoxRedStripeTitleContainer{
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: bold;
	font-size: clamp(18px, 10vw, 50px);
	font-size: 30px;
}
.WhiteBoxRedStripeTextContainer{
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 18px;
	font-size: clamp(18px, 50vw, 35px);
	font-size: 20px;
	padding-left: clamp(10px,2vw,100px);

}	
	
/* -------------------------------------------------- */	
	
	#ProgTitle1{
	display: inline-block;
	position: relative;
	top: auto;
	left: 0px;
	width: clamp(200px, 78vw, 3500px);
	height: auto;
	text-align: left;
	vertical-align: top;
	background-color: transparent;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: clamp(38px, 5vw, 80px);
	font-size: 3vw;
}
#ProgTitle1Underline{
	display: inline-block;
	position: relative;
	top: 1px;
	left: 0px;
	width: clamp(200px, 79vw, 3500px);
	height: 0.25vw;
	text-align: left;
	vertical-align: top;
	background-color: #EDB25A;
}

.imagebox1{
	display: inline-block;
	position: relative;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: 67vw;
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-right: 5px;
	margin-left: 5px;	
	border-radius: 0px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	
}
.imagecontainer1{
	position: relative;
	overflow: hidden;
	width: 65vw;
	height: auto;
}

videobox1{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: 80vw;
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-right: 5px;
	margin-left: 5px;	
	border-radius: 0px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	
}

.DoNotMarkSiteVisited{
	font-size: 15px;
	color: #4444FF;
}
.DoNotMarkSiteVisited:hover{
	color: #4444FF;
}
.DoNotMarkSiteVisited:link{
	color: #4444FF;
}
.DoNotMarkSiteVisited:visited{
	color: #4444FF;
}
.DoNotMarkSiteVisited:active{
	color: #4444FF;
}
.HomeScreenLargerWhiteBox{
	background-color: green;
	height: 400px;
}
.lightbluebox5{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: clamp(10px,2.1vw,80px);
	width: clamp(200px, 78vw, 3500px);
	background-color: #CDEDFC;
	color: #604E33;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 8px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	width: 67vw;
	overflow: hidden;
	
}
.xxx_whitebox5{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(200px, 78vw, 3500px);
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 0px;
	margin-right: 0px;
	
}
.xxx_whitebox0{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: bold;
	font-size: 44px;
	width: clamp(200px, 88.5vw, 3500px);
	background-color: transparent;
	color: #604E33;
	padding-top: clamp(1px, 10vw, 40px);
	padding-left: clamp(5px, 10vw, 80px);
	padding-bottom: 0px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 0px;	
	margin-left: 0px;
	margin-right: 0px;
	
}
.xxx_whitebox1{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(200px, 88.5vw, 3500px);
	background-color: transparent;
	color: #604E33;
	padding-top: clamp(1px, 10vw, 40px);
	padding-left: clamp(5px, 10vw, 180px);
	padding-bottom: clamp(5px, 10vw, 50px);
	padding-right: 10px;
	margin-top: 2px;
	margin-bottom: 1px;	
	margin-left: 60px;
	margin-right:60px;
	
}
.xxx_WhiteBoxRedStripeOuter{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(200px, 80vw, 3000px);
	width: clamp(200px, 78vw, 3500px);
	background-color: #EEEEEE;
	color: #604E33;
	top: auto;
	left: 0px;
	/*padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 5px;
	margin-right: 5px;	*/
}
.xxx_WhiteBoxRedStripeInner{
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: clamp(18px, 50vw, 130px);
	width: clamp(200px, 75.5vw, 3000px);
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;	
	border-left-width: 20px;
	border-left: 1vw solid #A71B1B;
	
}
.xxx_WhiteBoxRedStripeTitleContainer{
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: bold;
	font-size: clamp(18px, 10vw, 50px);
}
.xxx_WhiteBoxRedStripeTextContainer{
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 18px;
	font-size: clamp(18px, 50vw, 35px);
	padding-left: clamp(10px,2vw,100px);

}


.HE_SmallWhiteBoxRedStripeOuter{
	position: relative;
	left: 0px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(100px, 32vw, 1750px);
	height: 150px;
	background-color: #EEEEEE;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: -5px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
	min-width: 300px;
	height: auto;
}
.HE_SmallWhiteBoxRedStripeInner{
	position: relative;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 18px;
	width: 87%;
	height: 80%;
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
	padding-left: 15px;
	border-left-width: 20px;
	border-left: 1vw solid #A71B1B;
	
}

.INV_SmallWhiteBoxRedStripeOuter{
	position: relative;
	left: 0px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(100px, 32vw, 1750px);
	height: 150px;
	background-color: #EEEEEE;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: -5px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
	min-width: 300px;
	height: auto;
}


.JobPlacement2_SmallWhiteBoxRedStripeOuter{
	position: relative;
	left: 0px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(100px, 32vw, 1750px);
	height: 150px;
	background-color: #EEEEEE;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
}
.JobPlacement2_SmallWhiteBoxRedStripeInner{
	position: relative;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 18px;
	width: 87%;
	height: 80%;
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
	padding-left: 15px;
	border-left-width: 20px;
	border-left: 1vw solid #A71B1B;
	
}

.GED2_SmallWhiteBoxRedStripeOuter{
	position: relative;
	left: 0px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(100px, 32vw, 1750px);
	height: 175px;
	background-color: #EEEEEE;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
}
.GED2_SmallWhiteBoxRedStripeInner{
	position: relative;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 18px;
	width: 87%;
	height: 80%;
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
	padding-left: 15px;
	border-left-width: 20px;
	border-left: 1vw solid #A71B1B;
	
}

.HomeScreen_SmallWhiteBoxRedStripeOuter{
	position: relative;
	left: 0px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(100px, 32vw, 1750px);
	height: 380px;
	background-color: #EEEEEE;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
}

.JobPlacement_SmallWhiteBoxRedStripeOuter{
	position: relative;
	left: 0px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(100px, 32vw, 1750px);
	height: 300px;
	background-color: #EEEEEE;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
}

#JobPlacement_ContactUsBox{
	height: auto;
}
.JobPlacement_SmallWhiteBoxRedStripeInner{
	position: relative;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 18px;
	width: 87%;
	height: 90%;
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
	padding-left: 15px;
	border-left-width: 20px;
	border-left: 1vw solid #A71B1B;
	
}

.About_ContactUsDiv{
	height: auto;
}	
	
#GED_ContactUsBox{
	height: auto;
}
#JOM_ContactUsBox{
	height: auto;
}
#OPON_ContactUsBox{
	height: 120px;
}

#GED_ContactUsBox_Inner{
	height: 180px;
}
#JOM_ContactUsBox_Inner{
	height: 92px;
}
#OPON_ContactUsBox_Inner{
	height: 92px;
}	
.SmallWhiteBoxRedStripeOuter{
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 26px;
	width: clamp(100px, 38.5vw, 1750px);
	height: 10px;
	background-color: #EEEEEE;
	color: #604E33;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
}
.SmallWhiteBoxRedStripeInner{
	position: relative;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 18px;
	width: 87%;
	height: 90%;
	background-color: #FFFFFF;
	color: #604E33;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;	
	padding-left: 15px;
	border-left-width: 20px;
	border-left: 1vw solid #A71B1B;
	
}

.SmallWhiteBoxTitleContainer{
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: bold;
	font-size: 26px;
}
.SmallWhiteBoxTextContainer{
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 18px;
	padding-left: 40px;
	padding-bottom: 0px;
}



#xxx_ECEMain6{
	position: relative;
	top: 0px;
	left: 0px;
	width: clamp(100px, 76vw, 2200px);
	overflow: hidden;
	height: auto;
	background-color: transparent;
	padding-left: 0px;
	margin-left: 0px;	
}
#xxx_ECEMain7{
	position: relative;
	left: 0px;
	top: 0px;
	width: clamp(100px, 75vw, 1200px);
	height: auto;
	background-color: transparent;
	font-size: clamp(10px,1.5vw,30px);
}
#xxx_ECEEvents1{
	border-radius: 0px;
	font-size: clamp(10px,1.5vw,30px);
}
#xxx_ECEEvents2{
	height: 100px;
	height: auto;
	overflow: hidden;
	border-radius: 0px;
	font-size: clamp(10px,1.5vw,30px);
}
#xxx_ECEEvents3{
	border-radius: 0px;
	font-size: clamp(10px,1.5vw,30px);
}
#xxx_ECEEvents4{
	border-radius: 0px;
	font-size: clamp(10px,1.5vw,30px);
}
	
	.ExpandedImage1{
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	left: 20vw;
	top: 15vw;
	width: clamp(100px, 40vw, 1400px);
	height: auto;
	background-color: #FFFFFF;
	border-radius: 0px;
	border-color: #000000;
	border-width: 2px;
	border-style: solid;
	font-size: clamp(10px,1.5vw,30px);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 100;

	}
	.ExpandedImagecontainer{
		width: clamp(50px,40vw,1400px);
		height: auto;
	}
	#ECEExpandedImage1{
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	left: 20vw;
	top: 15vw;
	width: clamp(100px, 40vw, 1400px);
	height: auto;
	background-color: #FFFFFF;
	border-radius: 0px;
	border-color: #000000;
	border-width: 2px;
	border-style: solid;
	font-size: clamp(10px,1.5vw,30px);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 100;

	}
	#imagecontainer1e{
		width: clamp(50px,40vw,1400px);
		height: auto;
	}
	
.ECEEvents_A{
	display: inline-block;
	position: relative;
	overflow: hidden;
	left: 20px;
	top: 0px;
	width: clamp(100px, 16vw, 400px);
	height: auto;
	background-color: #FFFFFF;
	border-radius: 0px;
	font-size: clamp(10px,1.5vw,30px);
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 4px;
	border-radius: 0px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
}
.ECEEvents_B{
		width: clamp(50px,15vw,400px);
		height: auto;
}

#GED_Flyer1{
	height: 200px;
}#GED_App{
	height: 200px;
}

#HE_Policy{
	height: 200px;
}
#HE_App1{
	height: 200px;
}
#HE_App2{
	height: 200px;
}
#HE_InternshipPrg{
	height: 200px;
}
#HE_ConsentForm{
	height: 200px;
}

.HE_Size2_Outer {
	height: 200px;
}
.HE_Size2_Inner {
	height: 180px;
}


.PATH_Size2_Outer {
	height: 460px;
}
.PATH_Size2_Inner {
	height: 440px;
}

.PATHClass1{
	position: relative;
	top: 0px;
	left: 0px;
	width: clamp(100px, 76vw, 2200px);
	overflow: hidden;
	height: auto;
	background-color: transparent;
	padding-left: 0px;
	margin-left: 0px;	
}

.PATH_PicturesDiv{
	display: inline-block;
	position: relative;
	overflow: visible;
	left: 20px;
	top: 0px;
	width: clamp(100px, 15vw, 400px);

	background-color: #FFFFFF;
	border-radius: 0px;
	font-size: clamp(10px,1.5vw,30px);
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	margin-right: 4px;
	border-radius: 0px;
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
}
.PATH_Pictures_IMG{
	width: 100%;
	height: 100%
}

.MainMenu_td_SideBar{
	overflow: hidden;
	width: 1px;
	
}

.RSIndent1{
	margin-left: 50px;
	margin-right: 5px;
	padding-right: 10px;
	word-wrap: true;
}
#ECEMain4{
		height: clamp(50px, 25vw, 250px);
		width: clamp(50px, 25vw, 250px);
}
.TheHTMLRows{
	width: 100%;	
}

#ExpandedImage1Div{
		position: absolute;
		visibility: hidden;
		width: 60vw;
		top: 1vw;
		left: 1vw;
		height: auto;
		background-color: #FFFFFF;
		padding-left: 2px;
		padding-right: 2px;
		transition: 2s opacity;
		opacity: 0.0;
		transition: 0s opacity;
		opacity: 1.0;
		
		z-index: 3500;
		text-align: center;
	}
.ExpandedImagecontainer{
		width: 55vw;
		left: 0px;
		top: 0px;
	}


#loginbox{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 18px;
	width: clamp(200px, 58vw, 1500px);
	background-color: transparent;
	color: #604E33;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 0px;
	margin-right: 0px;
	width: 67vw;
	width: 50vw;
	
}
#CreateNewUserBox{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	font-size: 18px;
	width: clamp(200px, 58vw, 1500px);
	background-color: #A71B1B;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 0px;
	margin-right: 0px;
	width: 55vw;
	
	
}
.clickbutton{
display: inline-block;
	vertical-align: top;
	text-align: center;
	font-family:  "Helvetica", "Times", Baskerville, "Times New Roman", "Palatino Linotype", Palatino, "Century Schoolbook L", "serif";
	font-weight: normal;
	background-color: #CCFFCC;
	border: solid;
	border-width: 1px;
	border-color: black;
	border-radius: 5px;
	font-size: 18px;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-left: 5px;
	margin-right: 5px;
	width: 15vw;
	height: auto;
}
.clickbutton:hover{
	background-color: #A71B1B;
	color: #FFFFFF;
}
#submitUserNamePwd{
	background-color: #CCFFCC;
	right: 95px;
	color: #000000;
}
#submitUserNamePwd:hover{
	background-color: #A71B1B;
	color: #FFFFFF;
}
#submitNewUserNameContainer{
	width: 100%;
	background-color: transparent;
	text-align: right;
}
#submitNewUserNamePwd{
	background-color: #CCFFCC;
	right: 150px;
	color: #000000;
	width: clamp(100px, 10vw, 150px);
}
#submitNewUserNamePwd:hover{
	background-color: #FFFF00;
	color: #000000;
}
.inputType1{
	width: 15vw;
}
.inputType2{
	width: 25vw;
}
.inputType3{
	width: 12vw;
}

#PrimaryAreasOfInterest{
	font-size: 22px;
	text-decoration: underline;
	color: white;
}



@media (-webkit-min-device-pixel-ratio: 1.0) and (min-width: 1px) and (max-width: 320pt) { /* pink */	
	/* iPads, Tablets */
	body {
    	background-color: #333333;
		background-color: #A71B1B;
  	}
  
  	#MenuAdminCtrl{
  		width: clamp(35pt, 4vw, 40pt);
  		height: clamp(35pt, 4vw, 40pt);
		right: 3pt;
		top: 30pt;
	}
		
   	
   	#mainbar{
   		width: 100%;
   	}
   	.BarMenuItemDiv{
		height: 35px;
		font-size: 27px;
	}
   	#TempCSSVariantColorDiv{
		background-color: #FF3333;
		
	}
	 
	.Menu1TableContainer{
		width: 1px;
		visibility: hidden;
	}
	#MainHTMLContainer{
		width: 85vw;
		left: 5vw;
	} 
	.whitebox5{
		width: 80vw;
	} 
	#menubar{
		visibility: hidden;
	}
	#mainbar{
		z-index: 99;
	}
	#TopImageBar{
		top: 20px;
		z-index: 9;
		height: 25px;
		visibility: visible;
	}	
	#TheBodyDiv{
		top: 27px;
		left: 0pt;
		width: 95.5vw;
	}
	.JobPlacement_SmallWhiteBoxRedStripeOuter{
		width: 79vw;
	}
	.WhiteBoxRedStripeOuter{
		width: 80vw;
	}
	.WhiteBoxRedStripeInner{
		width: 70vw;
	}
	.lightbluebox5{
		width: 75vw;
		
	}
	.tanbox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox2_small{
		width: 70vw;
		overflow: hidden;
		font-size: 18pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		width: 75vw;
		height: 400pt;
		font-size: 18pt;
	}
	.zRSIndent1{
		width: 72vw;
		margin-left: 5vw;
	}
	#ECEMain1{
		width: clamp(30pt, 55vw, 250pt);
		font-size: clamp(14pt, 1vw, 30pt);
	}
	#ECEMain4{
		height: clamp(50pt, 20vw, 250pt);
		width: clamp(50pt, 20vw, 250pt);
	}
	
	#menu_c1{
		visibility: hidden;
	}
	#Menu6Line{
		visibility: visible;
	}
	#mainbarparagraph{
		font-size: clamp(6pt,4vw,20pt);
	}
	
	
	
	#FooterDiv{
		top: 100px;
		left: 0px;
		width: 98vw;
		height: 450pt;
	}
	
	
	#FooterSCATAddressDiv{
		width: 95vw;
	}
	#FooterQuickLinksDiv{
	/*opacity: 0.5;*/
		margin-left: 5vw;
		width: 12vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterProgramsDiv{
		
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterFormsDiv{
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterCopyrightDiv{
		width: 95vw; 
		padding-left: 1pt;
		left: 10pt;
		font-size: 14px;
	}
	
	
	/*===========================*/
	
	
	#ProgTitle1{
		font-size: 20pt;
	}
	
	.lightbluebox5{
		width: 68vw;
		
	}
	.zRSIndent1{
		max-width: 260pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		overflow: visible;
		height: auto;
		padding-bottom: 10px;
	}
	.SmallWhiteBoxRedStripeOuter{
		width: 89%;
		height: auto;
	}	
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: auto;
		font-size: clamp(20px, 1vw, 24px);
	}

	.WhiteBoxRedStripeOuter{
		font-size: 15pt;
		height: auto;
	}
	.WhiteBoxRedStripeTextContainer{
		font-size: 14pt;
		padding-left: clamp(10px,2vw,100px);
	}	
	.WhiteBoxRedStripeInner{
		width: 72vw;
		height: clamp(220pt, 25vw, 1550pt);
		padding-bottom: 80pt;
	}	
		
	.JobPlacement2_SmallWhiteBoxRedStripeOuter{
		width: 80vw;
	}
	
	.whitebox1{
		width: 80vw;
	}
	
	
	.PATH_Size2_Outer{
		width: 90vw;
		height: 280pt;
	}
	.PATH_Size2_Inner{
		width: 76vw;
	}
				  	
				  	
	
	
	#PATH493a{
		font-size: 16pt;
		padding-left: 10pt;
	}
	#vECEMain4{
		width: clamp(10pt, 30vw, 300pt);
		height: clamp(10pt, 30vw, 300pt);
		padding-left: 10pt;
		text-align: left;
	}	
	#ECEMain2{
		max-width: 300pt;
	}
	#PATH_Main1{
		width: clamp(10pt, 30vw, 400pt);
		height: clamp(10pt, 30vw, 400pt);
	}
	#ECEMain7{
		max-width: 800pt;
		overflow: hidden;
	}
	
	

	.tanbox1{
		width: clamp(150pt,55vw, 1600pt);
		padding-top: 10pt;
		padding-left: 10pt;
		padding-right: 10pt;
		padding-bottom: 10pt;
	}
	
	
	/*===========================*/
	.whitebox5{
		width: 80vw;
	} 
	/*===========================*/
	
	#TopImage1IMG{
		visibility: hidden;
	}
	
}		    /* gray */	
@media (-webkit-min-device-pixel-ratio: 1.0) and (min-width: 320pt) and (max-width: 480pt) {  /* dark gray */	
	/* Mobile Devices */
  	body {
    	background-color: #333333;
		background-color: #A71B1B;
  	}
  
  	#MenuAdminCtrl{
  		width: clamp(35pt, 4vw, 40pt);
  		height: clamp(35pt, 4vw, 40pt);
		right: 3pt;
		top: 30pt;
	}
		
   	
   	#mainbar{
   		width: 100%;
   	}
   	.BarMenuItemDiv{
		height: 35px;
		font-size: 27px;
	}
   	#TempCSSVariantColorDiv{
		background-color: #333333;
		
	}
	 
	.Menu1TableContainer{
		width: 1px;
		visibility: hidden;
	}
	#MainHTMLContainer{
		width: 85vw;
		left: 5vw;
	} 
	.whitebox5{
		width: 80vw;
	} 
	#menubar{
		visibility: hidden;
	}
	#mainbar{
		z-index: 99;
	}
	
	#TheBodyDiv{
		top: 27px;
		left: 0px;
		width: 95.5vw;
	}
	.JobPlacement_SmallWhiteBoxRedStripeOuter{
		width: 79vw;
	}
	.WhiteBoxRedStripeOuter{
		width: 80vw;
	}
	.WhiteBoxRedStripeInner{
		width: 70vw;
	}
	.lightbluebox5{
		width: 75vw;
		
	}
	.tanbox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox2_small{
		width: 70vw;
		overflow: hidden;
		font-size: 18pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		width: 75vw;
		height: 400pt;
		font-size: 18pt;
	}
	.zRSIndent1{
		width: 72vw;
		margin-left: 5vw;
	}
	#vECEMain4{
		height: clamp(100pt, 30vw, 250pt);
		width: clamp(100pt, 30vw, 250pt);
	}
	
	#menu_c1{
		visibility: hidden;
	}
	#Menu6Line{
		visibility: visible;
	}
	#mainbarparagraph{
		font-size: clamp(6pt,4vw,20pt);
	}
	
	
	
	#FooterDiv{
		top: 100px;
		left: 0px;
		width: 98vw;
		height: 450pt;
	}
	
	
	#FooterSCATAddressDiv{
		width: 95vw;
	}
	#FooterQuickLinksDiv{
	/*opacity: 0.5;*/
		margin-left: 5vw;
		width: 12vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterProgramsDiv{
		
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterFormsDiv{
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterCopyrightDiv{
		width: 95vw; 
		padding-left: 1pt;
		left: 10pt;
		font-size: 14px;
	}
	
	
	/*===========================*/
	
	
	#ProgTitle1{
		font-size: 20pt;
	}
	#zECEMain1{
		width: clamp(50pt, 75vw, 250pt);
		font-size: clamp(12pt, 1vw, 30pt);
	}
	.lightbluebox5{
		width: 68vw;
	
	}
	.zRSIndent1{
		max-width: 260pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		overflow: visible;
		height: auto;
		padding-bottom: 10px;
	}
	.SmallWhiteBoxRedStripeOuter{
		width: 89%;
		height: auto;
	}	
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: auto;
		font-size: clamp(20px, 1vw, 24px);
	}

	.WhiteBoxRedStripeOuter{
		font-size: 15pt;
		height: auto;
	}
	.WhiteBoxRedStripeTextContainer{
		font-size: 14pt;
		padding-left: clamp(10px,2vw,100px);
	}	
	.WhiteBoxRedStripeInner{
		width: 72vw;
		height: clamp(220pt, 25vw, 1550pt);
		padding-bottom: 80pt;
	}	
		
	.JobPlacement2_SmallWhiteBoxRedStripeOuter{
		width: 80vw;
	}
	
	.whitebox1{
		width: 80vw;
	}
	
	
	.PATH_Size2_Outer{
		width: 90vw;
		height: 280pt;
	}
	.PATH_Size2_Inner{
		width: 76vw;
	}
				  	
				  	
	
	
	#PATH493a{
		font-size: 16pt;
		padding-left: 10pt;
	}
	#vECEMain4{
		width: clamp(10pt, 30vw, 300pt);
		height: clamp(10pt, 30vw, 300pt);
		padding-left: 10pt;
		text-align: left;
	}	
	#ECEMain2{
		max-width: 300pt;
	}
	#PATH_Main1{
		width: clamp(10pt, 30vw, 400pt);
		height: clamp(10pt, 30vw, 400pt);
	}
	#ECEMain7{
		max-width: 800pt;
		overflow: hidden;
	}
	
	

	.tanbox1{
		width: clamp(150pt,55vw, 1600pt);
		padding-top: 10pt;
		padding-left: 10pt;
		padding-right: 10pt;
		padding-bottom: 10pt;
	}
	
	
	/*===========================*/
	.whitebox5{
		width: 80vw;
	} 
	/*===========================*/
	
	#TopImageBar{
		top: 12pt;
		z-index: 9;
		visibility: visible;
		height: 30px;
	}	
		
	#TopImage1IMG{
		visibility: hidden;
	}

	
	
}		/* dark gray */	
@media (-webkit-min-device-pixel-ratio: 1.0) and (min-width: 480pt) and (max-width: 600pt) {   /* green */
	/* iPads, Tablets */
  	body {
    background-color: #00FF00;
	background-color: #A71B1B;
  }
  
  	#TheBodyDiv{
  		top: 53px;
  	}
  	
  	#MenuAdminCtrl{
  		width: clamp(40pt, 4vw, 45pt);
  		height: clamp(40pt, 4vw, 45pt);
		right: 3pt;
		top: 28pt;
	}		
   
	#TempCSSVariantColorDiv{
		background-color: #00FF00;
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	#menubar{
		visibility: hidden;
	}


	#TopImageBar{
		top: 28pt;
		z-index: 9;
		height: clamp(40px,3.5vw,60px);
		visibility: visible;
	}	
		
	#TopImage1IMG{
		visibility: visible;
		height: clamp(50px,3.5vw,70px);
	}
	
	
}		/* green */	
@media (-webkit-min-device-pixel-ratio: 1.0) and (min-width: 600pt) and (max-width: 850pt) {   /* light green*/
	/* iPads, Tablets */
  	body {
    background-color: #00FF00;
	background-color: #A71B1B;
  }
  
  	#TheBodyDiv{
  		top: 53px;
  	}
  	
  	#MenuAdminCtrl{
  		width: clamp(40pt, 4vw, 45pt);
  		height: clamp(40pt, 4vw, 45pt);
		right: 3pt;
		top: 28pt;
	}		
   
	#TempCSSVariantColorDiv{
		background-color: #BBFFBB;
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	#menubar{
		visibility: hidden;
	}
	#TopImageBar{
		top: 28pt;
		z-index: 9;
		height: clamp(40px,3.5vw,60px);
		visibility: visible;
	}	
		
	#TopImage1IMG{
		visibility: visible;
		height: clamp(50px,3.5vw,70px);
	}

	
}		/* light green */	
@media (-webkit-min-device-pixel-ratio: 1.0) and (min-width: 850pt) and (max-width: 1024pt) {  /* blue */
	/* Small screens, laptops */
  body {
    background-color: #0000FF;
	background-color: #A71B1B;
  }
  #TopImageBar{
		top: 35pt;
		height: 50pt;
		z-index: 9;
		visibility: visible;
	}	
	#TopImage1IMG{
		//height: 100px;
		//width: 100%;
		visibility: visible;
	}
	
  	#MenuAdminCtrl{
  		width: clamp(45pt, 4vw, 50pt);
  		height: clamp(45pt, 4vw, 50pt);
		right: 3pt;
		top: 52pt;
	}		
  
    #TempCSSVariantColorDiv{
		background-color: #0000FF;
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	#TheBodyDiv{
  		top: 92px;
  	}
  	
}		/* blue */
@media (-webkit-min-device-pixel-ratio: 1.0) and (min-width: 1024pt) and (max-width: 1201pt) {   /* yellow */
  /* Desktops, large screens */
  body {
    background-color: #FFFF00;
	background-color: #A71B1B;
  }  	

{
		visibility: visible;
	}

  	#MenuAdminCtrl{
		right: 3pt;
		top: 52pt;
	}		
 
  #TempCSSVariantColorDiv{
		background-color: #FFFF00;
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	#TheBodyDiv{
  		top: 90px;
  	}
  	#TopImageBar{
		top: 45pt;
		height: 48pt;
		z-index: 9;
		visibility: visible;
	}	
#TopImage1IMG{
		//height: 100px;
		//width: 100%;
		visibility: visible;
	}
}     /* yellow */	
@media (-webkit-min-device-pixel-ratio: 1.0) and (min-width: 1201pt){   /* cyan */
	/* Extra large screens, TV */
  body {
    background-color: #00FFFF;
	background-color: #A71B1B;
  }  

  	#MenuAdminCtrl{
		right: 5pt;
		top: 52pt;
	}	
		
	#TempCSSVariantColorDiv{
		background-color: #00FFFF;
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	.breadcrumbBox{
		font-size: 16pt;
		padding-top: 10px;
	}
	#ProgTitle1{
		font-size: 40pt;
	}
	#zECEMain1{
		width: clamp(200pt, 35vw, 600pt);
		font-size: clamp(25pt, 2.25vw, 45pt);
	}
	#PATH493a{
		max-width: 500pt;
		font-size: 30pt;
		padding-left: 10pt;
	}
	#vECEMain4{
		width: clamp(10pt, 30vw, 300pt);
		height: clamp(10pt, 30vw, 300pt);
		padding-left: 10pt;
		text-align: left;
	}	
	#ECEMain2{
		max-width: 300pt;
	}
	#PATH_Main1{
		width: clamp(10pt, 30vw, 400pt);
		height: clamp(10pt, 30vw, 400pt);
	}
	#ECEMain7{
		max-width: 800pt;
		overflow: hidden;
	}
	
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
	}
	.lightbluebox5{
		width: 68vw;
	}
	.JobPlacement2_SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: 81%;
	}
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: 86%;
		font-size: clamp(20px, 1vw, 24px);
	}
	.WhiteBoxRedStripeTextContainer{
		font-size: 22pt;
		padding-left: clamp(10px,2vw,100px);
	}	
	.WhiteBoxRedStripeInner{
		width: 66vw;
		height: clamp(220pt, 25vw, 1550pt);
	}
	#HEMissionStatementOuter{
		max-height: 28vw;
		height: 28vw;
		
	}
	#HEMissionStatementInner{
		max-height: 27vw;
		height: 27vw;
	}
	#HEMissionStatementTextContainer{
	
	}
	#OPON_ContactUsBox{
		width: 200pt;
		height: 80pt;
	}
	#OPON_ContactUsBox_Inner{
		position: relative;
		width: clamp(145pt, 1vw, 162pt);
		height: 63pt;
	}
	
	
	
	#PATH_Tutorcom{
		color: green;
	}
	
	.tanbox1{
		width: clamp(750pt,55vw, 1600pt);
		padding-top: 10pt;
		padding-left: 10pt;
		padding-right: 10pt;
		padding-bottom: 10pt;
	}
	
	#TopImageBar{
		top: 45px;
		height: 70px;
		z-index: 9;
		visibility: visible;
	}	
	#TopImage1IMG{
		width: 80%;
		height: auto;
		top: 10%;
		left: 10%;
	}	
	#TheBodyDiv{
  		top: 95px;
  	}
}								/* cyan */


/* -------------------------------------------------- */	
		
	
@media (-webkit-min-device-pixel-ratio: 2.0) and (min-width: 1px) and (max-width: 640pt) { /* pink */	
	/* iPads, Tablets */
	
	#TempCSSVariantColorDiv{
		background-color: #FF3333;
		border-style: solid;
		border-width: 4px;
		border-color: orange;
	}
	body {
    	background-color: #333333;
		background-color: #A71B1B;
  	}
  
  	#MenuAdminCtrl{
  		width: clamp(35pt, 4vw, 40pt);
  		height: clamp(35pt, 4vw, 40pt);
		right: 3pt;
		top: 30pt;
	}
		
   	
   	#mainbar{
   		width: 100%;
   	}
   	.BarMenuItemDiv{
		height: 35px;
		font-size: 27px;
	}
   
	 
	.Menu1TableContainer{
		width: 1px;
		visibility: hidden;
	}
	#MainHTMLContainer{
		width: 85vw;
		left: 5vw;
	} 
	.whitebox5{
		width: 80vw;
	} 
	#menubar{
		visibility: hidden;
	}
	#mainbar{
		z-index: 99;
	}
	#TopImageBar{
		top: 20px;
		z-index: 9;
		height: 25px;
		visibility: visible;
	}	
	#TheBodyDiv{
		top: 27px;
		left: 0pt;
		width: 95.5vw;
	}
	.JobPlacement_SmallWhiteBoxRedStripeOuter{
		width: 79vw;
	}
	.WhiteBoxRedStripeOuter{
		width: 80vw;
	}
	.WhiteBoxRedStripeInner{
		width: 70vw;
	}
	.lightbluebox5{
		width: 75vw;
		
	}
	.tanbox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox2_small{
		width: 70vw;
		overflow: hidden;
		font-size: 18pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		width: 75vw;
		height: 400pt;
		font-size: 18pt;
	}
	.zRSIndent1{
		width: 72vw;
		margin-left: 5vw;
	}
	#ECEMain1{
		width: clamp(30pt, 55vw, 250pt);
		font-size: clamp(14pt, 1vw, 30pt);
	}
	#ECEMain4{
		height: clamp(50pt, 20vw, 250pt);
		width: clamp(50pt, 20vw, 250pt);
	}
	
	#menu_c1{
		visibility: hidden;
	}
	#Menu6Line{
		visibility: visible;
	}
	#mainbarparagraph{
		font-size: clamp(6pt,4vw,20pt);
	}
	
	
	
	#FooterDiv{
		top: 100px;
		left: 0px;
		width: 98vw;
		height: 450pt;
	}
	
	
	#FooterSCATAddressDiv{
		width: 95vw;
	}
	#FooterQuickLinksDiv{
	/*opacity: 0.5;*/
		margin-left: 5vw;
		width: 12vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterProgramsDiv{
		
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterFormsDiv{
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterCopyrightDiv{
		width: 95vw; 
		padding-left: 1pt;
		left: 10pt;
		font-size: 14px;
	}
	
	
	/*===========================*/
	
	
	#ProgTitle1{
		font-size: 20pt;
	}
	
	.lightbluebox5{
		width: 68vw;
		
	}
	.zRSIndent1{
		max-width: 260pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		overflow: visible;
		height: auto;
		padding-bottom: 10px;
	}
	.SmallWhiteBoxRedStripeOuter{
		width: 89%;
		height: auto;
	}	
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: auto;
		font-size: clamp(20px, 1vw, 24px);
	}

	.WhiteBoxRedStripeOuter{
		font-size: 15pt;
		height: auto;
	}
	.WhiteBoxRedStripeTextContainer{
		font-size: 14pt;
		padding-left: clamp(10px,2vw,100px);
	}	
	.WhiteBoxRedStripeInner{
		width: 72vw;
		height: clamp(220pt, 25vw, 1550pt);
		padding-bottom: 80pt;
	}	
		
	.JobPlacement2_SmallWhiteBoxRedStripeOuter{
		width: 80vw;
	}
	
	.whitebox1{
		width: 80vw;
	}
	
	
	.PATH_Size2_Outer{
		width: 90vw;
		height: 280pt;
	}
	.PATH_Size2_Inner{
		width: 76vw;
	}
				  	
				  	
	
	
	#PATH493a{
		font-size: 16pt;
		padding-left: 10pt;
	}
	#vECEMain4{
		width: clamp(10pt, 30vw, 300pt);
		height: clamp(10pt, 30vw, 300pt);
		padding-left: 10pt;
		text-align: left;
	}	
	#ECEMain2{
		max-width: 300pt;
	}
	#PATH_Main1{
		width: clamp(10pt, 30vw, 400pt);
		height: clamp(10pt, 30vw, 400pt);
	}
	#ECEMain7{
		max-width: 800pt;
		overflow: hidden;
	}
	
	

	.tanbox1{
		width: clamp(150pt,55vw, 1600pt);
		padding-top: 10pt;
		padding-left: 10pt;
		padding-right: 10pt;
		padding-bottom: 10pt;
	}
	
	
	/*===========================*/
	.whitebox5{
		width: 80vw;
	} 
	/*===========================*/
	
	#TopImage1IMG{
		visibility: hidden;
	}
	
}		    /* gray */	 
@media (-webkit-min-device-pixel-ratio: 2.0) and (min-width: 640pt) and (max-width: 960pt) {  /* dark gray */	
	/* Mobile Devices */
  	body {
    	background-color: #333333;
		background-color: #A71B1B;
  	}
  
  	#MenuAdminCtrl{
  		width: clamp(35pt, 4vw, 40pt);
  		height: clamp(35pt, 4vw, 40pt);
		right: 3pt;
		top: 30pt;
	}
		
   	
   	#mainbar{
   		width: 100%;
   	}
   	.BarMenuItemDiv{
		height: 35px;
		font-size: 27px;
	}
   	#TempCSSVariantColorDiv{
		background-color: #333333;
		border-style: solid;
		border-width: 4px;
		border-color: orange;
	}
		 
	.Menu1TableContainer{
		width: 1px;
		visibility: hidden;
	}
	#MainHTMLContainer{
		width: 85vw;
		left: 5vw;
	} 
	.whitebox5{
		width: 80vw;
	} 
	#menubar{
		visibility: hidden;
	}
	#mainbar{
		z-index: 99;
	}
	
	#TheBodyDiv{
		top: 27px;
		left: 0px;
		width: 95.5vw;
	}
	.JobPlacement_SmallWhiteBoxRedStripeOuter{
		width: 79vw;
	}
	.WhiteBoxRedStripeOuter{
		width: 80vw;
	}
	.WhiteBoxRedStripeInner{
		width: 70vw;
	}
	.lightbluebox5{
		width: 75vw;
		
	}
	.tanbox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox2_small{
		width: 70vw;
		overflow: hidden;
		font-size: 18pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		width: 75vw;
		height: 400pt;
		font-size: 18pt;
	}
	.zRSIndent1{
		width: 72vw;
		margin-left: 5vw;
	}
	#vECEMain4{
		height: clamp(100pt, 30vw, 250pt);
		width: clamp(100pt, 30vw, 250pt);
	}
	
	#menu_c1{
		visibility: hidden;
	}
	#Menu6Line{
		visibility: visible;
	}
	#mainbarparagraph{
		font-size: clamp(6pt,4vw,20pt);
	}
	
	
	
	#FooterDiv{
		top: 100px;
		left: 0px;
		width: 98vw;
		height: 450pt;
	}
	
	
	#FooterSCATAddressDiv{
		width: 95vw;
	}
	#FooterQuickLinksDiv{
	/*opacity: 0.5;*/
		margin-left: 5vw;
		width: 12vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterProgramsDiv{
		
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterFormsDiv{
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterCopyrightDiv{
		width: 95vw; 
		padding-left: 1pt;
		left: 10pt;
		font-size: 14px;
	}
	
	
	/*===========================*/
	
	
	#ProgTitle1{
		font-size: 20pt;
	}
	#zECEMain1{
		width: clamp(50pt, 75vw, 250pt);
		font-size: clamp(12pt, 1vw, 30pt);
	}
	.lightbluebox5{
		width: 68vw;
	
	}
	.zRSIndent1{
		max-width: 260pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		overflow: visible;
		height: auto;
		padding-bottom: 10px;
	}
	.SmallWhiteBoxRedStripeOuter{
		width: 89%;
		height: auto;
	}	
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: auto;
		font-size: clamp(20px, 1vw, 24px);
	}

	.WhiteBoxRedStripeOuter{
		font-size: 15pt;
		height: auto;
	}
	.WhiteBoxRedStripeTextContainer{
		font-size: 14pt;
		padding-left: clamp(10px,2vw,100px);
	}	
	.WhiteBoxRedStripeInner{
		width: 72vw;
		height: clamp(220pt, 25vw, 1550pt);
		padding-bottom: 80pt;
	}	
		
	.JobPlacement2_SmallWhiteBoxRedStripeOuter{
		width: 80vw;
	}
	
	.whitebox1{
		width: 80vw;
	}
	
	
	.PATH_Size2_Outer{
		width: 90vw;
		height: 280pt;
	}
	.PATH_Size2_Inner{
		width: 76vw;
	}
				  	
				  	
	
	
	#PATH493a{
		font-size: 16pt;
		padding-left: 10pt;
	}
	#vECEMain4{
		width: clamp(10pt, 30vw, 300pt);
		height: clamp(10pt, 30vw, 300pt);
		padding-left: 10pt;
		text-align: left;
	}	
	#ECEMain2{
		max-width: 300pt;
	}
	#PATH_Main1{
		width: clamp(10pt, 30vw, 400pt);
		height: clamp(10pt, 30vw, 400pt);
	}
	#ECEMain7{
		max-width: 800pt;
		overflow: hidden;
	}
	
	

	.tanbox1{
		width: clamp(150pt,55vw, 1600pt);
		padding-top: 10pt;
		padding-left: 10pt;
		padding-right: 10pt;
		padding-bottom: 10pt;
	}
	
	
	/*===========================*/
	.whitebox5{
		width: 80vw;
	} 
	/*===========================*/
	
	#TopImageBar{
		top: 12pt;
		z-index: 9;
		visibility: visible;
		height: 30px;
	}	
		
	#TopImage1IMG{
		visibility: hidden;
	}

	
	
}		/* dark gray */	
@media (-webkit-min-device-pixel-ratio: 2.0) and (min-width: 960pt) and (max-width: 1200pt) {   /* green */
	/* iPads, Tablets */
  	body {
    background-color: #00FF00;
	background-color: #A71B1B;
  }
  
  	#TheBodyDiv{
  		top: 80px;
  	}
  	
  	#MenuAdminCtrl{
  		width: clamp(40pt, 4vw, 45pt);
  		height: clamp(40pt, 4vw, 45pt);
		right: 3pt;
		top: 28pt;
	}		
   
	#TempCSSVariantColorDiv{
		background-color: #00FF00;
		border-style: solid;
		border-width: 4px;
		border-color: orange;
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	#menubar{
		visibility: visible;
	}


	#TopImageBar{
		top: 42pt;
		z-index: 9;
		height: clamp(40px,3.5vw,60px);
		visibility: visible;
	}	
		
	#TopImage1IMG{
		visibility: visible;
		height: clamp(50px,3.5vw,70px);
		top: 11px;
	}

	#Menu6Line{
		visibility: hidden;
	}
	
	
}		/* green */	
@media (-webkit-min-device-pixel-ratio: 2.0) and (min-width: 1200pt) and (max-width: 1700pt) {   /* light green*/
	/* iPads, Tablets */
  	body {
    background-color: #00FF00;
	background-color: #A71B1B;
  }
  
  	#TheBodyDiv{
  		top: 95px;
  	}
  	
  	#MenuAdminCtrl{
  		width: clamp(40pt, 4vw, 45pt);
  		height: clamp(40pt, 4vw, 45pt);
		right: 3pt;
		top: 28pt;
	}		
   
	#TempCSSVariantColorDiv{
		background-color: #BBFFBB;
		border-style: solid;
		border-width: 4px;
		border-color: orange;
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	#menubar{
		visibility: visible;
	}
	#TopImageBar{
		top: 48pt;
		z-index: 9;
		height: clamp(40px,3.5vw,60px);
		visibility: visible;
	}	
		
	#TopImage1IMG{
		visibility: visible;
		height: clamp(50px,3.5vw,70px);
	}

	#Menu6Line{
		visibility: hidden;
	}

	
}		/* light green */	
@media (-webkit-min-device-pixel-ratio: 2.0) and (min-width: 1700pt) and (max-width: 2048pt)  {  /* blue */
	/* Small screens, laptops */
  body {
    background-color: #0000FF;
	background-color: #A71B1B;
  }
  #TopImageBar{
		top: 35pt;
		height: 50pt;
		z-index: 9;
		visibility: visible;
	}	

	#TopImage1IMG{
		//height: 100px;
		//width: 100%;
		visibility: visible;
	}
	
  	#MenuAdminCtrl{
  		width: clamp(45pt, 4vw, 50pt);
  		height: clamp(45pt, 4vw, 50pt);
		right: 3pt;
		top: 52pt;
	}		
  
    #TempCSSVariantColorDiv{
		background-color: #0000FF;
		border-style: solid;
		border-width: 4px;
		border-color: orange;
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	#TheBodyDiv{
  		top: 92px;
  	}

	#Menu6Line{
		visibility: hidden;
	}
  	
  	
}		/* blue */
@media (-webkit-min-device-pixel-ratio: 2.0) and (min-width: 2048pt) and (max-width: 2402pt) {   /* yellow */
  /* Desktops, large screens */
  body {
    background-color: #FFFF00;
	background-color: #A71B1B;
  }  	
   
  	#MenuAdminCtrl{
		right: 3pt;
		top: 52pt;
	}		
 
  #TempCSSVariantColorDiv{
		background-color: #FFFF00;
		border-style: solid;
		border-width: 4px;
		border-color: orange;
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	#TheBodyDiv{
  		top: 90px;
  	}
  	#TopImageBar{
		top: 45pt;
		height: 48pt;
		z-index: 9;
		visibility: visible;
	}	
#TopImage1IMG{
		//height: 100px;
		//width: 100%;
		visibility: visible;
	}
}     /* yellow */	
@media (-webkit-min-device-pixel-ratio: 2.0) and (min-width: 2402pt){   /* cyan */
	/* Extra large screens, TV */
  body {
    background-color: #00FFFF;
	background-color: #A71B1B;
  }  	
  
  	#MenuAdminCtrl{
		right: 5pt;
		top: 52pt;
	}	
		
	#TempCSSVariantColorDiv{
		background-color: #00FFFF;
		border-style: solid;
		border-width: 4px;
		border-color: orange;
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	.breadcrumbBox{
		font-size: 16pt;
		padding-top: 10px;
	}
	#ProgTitle1{
		font-size: 40pt;
	}
	#zECEMain1{
		width: clamp(200pt, 35vw, 600pt);
		font-size: clamp(25pt, 2.25vw, 45pt);
	}
	#PATH493a{
		max-width: 500pt;
		font-size: 30pt;
		padding-left: 10pt;
	}
	#vECEMain4{
		width: clamp(10pt, 30vw, 300pt);
		height: clamp(10pt, 30vw, 300pt);
		padding-left: 10pt;
		text-align: left;
	}	
	#ECEMain2{
		max-width: 300pt;
	}
	#PATH_Main1{
		width: clamp(10pt, 30vw, 400pt);
		height: clamp(10pt, 30vw, 400pt);
	}
	#ECEMain7{
		max-width: 800pt;
		overflow: hidden;
	}
	
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
	}
	.lightbluebox5{
		width: 68vw;
	}
	.JobPlacement2_SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: 81%;
	}
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: 86%;
		font-size: clamp(20px, 1vw, 24px);
	}
	.WhiteBoxRedStripeTextContainer{
		font-size: 22pt;
		padding-left: clamp(10px,2vw,100px);
	}	
	.WhiteBoxRedStripeInner{
		width: 66vw;
		height: clamp(220pt, 25vw, 1550pt);
	}
	#HEMissionStatementOuter{
		max-height: 28vw;
		height: 28vw;
		
	}
	#HEMissionStatementInner{
		max-height: 27vw;
		height: 27vw;
	}
	#HEMissionStatementTextContainer{
	
	}
	#OPON_ContactUsBox{
		width: 200pt;
		height: 80pt;
	}
	#OPON_ContactUsBox_Inner{
		position: relative;
		width: clamp(145pt, 1vw, 162pt);
		height: 63pt;
	}
	
	
	
	#PATH_Tutorcom{
		color: green;
	}
	
	.tanbox1{
		width: clamp(750pt,55vw, 1600pt);
		padding-top: 10pt;
		padding-left: 10pt;
		padding-right: 10pt;
		padding-bottom: 10pt;
	}
	
	#TopImageBar{
		top: 45px;
		height: 70px;
		z-index: 9;
		visibility: visible;
	}	
	#TopImage1IMG{
		width: 80%;
		height: auto;
		top: 10%;
		left: 10%;
	}	
	#TheBodyDiv{
  		top: 95px;
  	}

	#Menu6Line{
		visibility: hidden;
	}
}								/* cyan */


/* -------------------------------------------------- */	
		
			
@media (-webkit-min-device-pixel-ratio: 3.0) and (min-width: 1px) and (max-width: 960pt)  { /* pink */	
	/* iPads, Tablets */
	body {
    	background-color: #333333;
		background-color: #A71B1B;
  	}
  
  	#MenuAdminCtrl{
  		width: clamp(35pt, 4vw, 40pt);
  		height: clamp(35pt, 4vw, 40pt);
		right: 3pt;
		top: 30pt;
	}
		
   	
   	#mainbar{
   		width: 100%;
   	}
   	.BarMenuItemDiv{
		height: 35px;
		font-size: 27px;
	}
   	#TempCSSVariantColorDiv{
		background-color: #FF3333;
		border-style: solid;
		border-width: 4px;
		border-color: red;
		
	}
	 
	.Menu1TableContainer{
		width: 1px;
		visibility: hidden;
	}
	#MainHTMLContainer{
		width: 85vw;
		left: 5vw;
	} 
	.whitebox5{
		width: 80vw;
	} 
	#menubar{
		visibility: hidden;
	}
	#mainbar{
		z-index: 99;
	}
	#TopImageBar{
		top: 10px;
		z-index: 9;
		height: 25px;
		visibility: visible;
	}	
	#TheBodyDiv{
		top: 27px;
		left: 0pt;
		width: 95.5vw;
	}
	.JobPlacement_SmallWhiteBoxRedStripeOuter{
		width: 79vw;
	}
	.WhiteBoxRedStripeOuter{
		width: 80vw;
	}
	.WhiteBoxRedStripeInner{
		width: 70vw;
	}
	.lightbluebox5{
		width: 75vw;
		
	}
	.tanbox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox2_small{
		width: 70vw;
		overflow: hidden;
		font-size: 18pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		width: 75vw;
		height: 400pt;
		font-size: 18pt;
	}
	.zRSIndent1{
		width: 72vw;
		margin-left: 5vw;
	}
	#ECEMain1{
		width: clamp(30pt, 55vw, 250pt);
		font-size: clamp(14pt, 1vw, 30pt);
	}
	#ECEMain4{
		height: clamp(50pt, 20vw, 250pt);
		width: clamp(50pt, 20vw, 250pt);
	}
	
	#menu_c1{
		visibility: hidden;
	}
	#Menu6Line{
		visibility: visible;
	}
	#mainbarparagraph{
		font-size: clamp(6pt,4vw,20pt);
	}
	
	
	
	#FooterDiv{
		top: 100px;
		left: 0px;
		width: 98vw;
		height: 450pt;
	}
	
	
	#FooterSCATAddressDiv{
		width: 95vw;
	}
	#FooterQuickLinksDiv{
	/*opacity: 0.5;*/
		margin-left: 5vw;
		width: 12vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterProgramsDiv{
		
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterFormsDiv{
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterCopyrightDiv{
		width: 95vw; 
		padding-left: 1pt;
		left: 10pt;
		font-size: 14px;
	}
	
	
	/*===========================*/
	
	
	#ProgTitle1{
		font-size: 20pt;
	}
	
	.lightbluebox5{
		width: 68vw;
		
	}
	.zRSIndent1{
		max-width: 260pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		overflow: visible;
		height: auto;
		padding-bottom: 10px;
	}
	.SmallWhiteBoxRedStripeOuter{
		width: 89%;
		height: auto;
	}	
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: auto;
		font-size: clamp(20px, 1vw, 24px);
	}

	.WhiteBoxRedStripeOuter{
		font-size: 15pt;
		height: auto;
	}
	.WhiteBoxRedStripeTextContainer{
		font-size: 14pt;
		padding-left: clamp(10px,2vw,100px);
	}	
	.WhiteBoxRedStripeInner{
		width: 72vw;
		height: clamp(220pt, 25vw, 1550pt);
		padding-bottom: 80pt;
	}	
		
	.JobPlacement2_SmallWhiteBoxRedStripeOuter{
		width: 80vw;
	}
	
	.whitebox1{
		width: 80vw;
	}
	
	
	.PATH_Size2_Outer{
		width: 90vw;
		height: 280pt;
	}
	.PATH_Size2_Inner{
		width: 76vw;
	}
				  	
				  	
	
	
	#PATH493a{
		font-size: 16pt;
		padding-left: 10pt;
	}
	#vECEMain4{
		width: clamp(10pt, 30vw, 300pt);
		height: clamp(10pt, 30vw, 300pt);
		padding-left: 10pt;
		text-align: left;
	}	
	#ECEMain2{
		max-width: 300pt;
	}
	#PATH_Main1{
		width: clamp(10pt, 30vw, 400pt);
		height: clamp(10pt, 30vw, 400pt);
	}
	#ECEMain7{
		max-width: 800pt;
		overflow: hidden;
	}
	
	

	.tanbox1{
		width: clamp(150pt,55vw, 1600pt);
		padding-top: 10pt;
		padding-left: 10pt;
		padding-right: 10pt;
		padding-bottom: 10pt;
	}
	
	
	/*===========================*/
	.whitebox5{
		width: 80vw;
	} 
	/*===========================*/
	
	#TopImage1IMG{
		visibility: hidden;
	}
	
}		    /* gray */	
@media (-webkit-min-device-pixel-ratio: 3.0) and (min-width: 960pt) and (max-width: 1440pt) {  /* dark gray */	
	/* Mobile Devices */
  	body {
    	background-color: #333333;
		background-color: #A71B1B;
  	}
  
  	#MenuAdminCtrl{
  		width: clamp(35pt, 4vw, 40pt);
  		height: clamp(35pt, 4vw, 40pt);
		right: 3pt;
		top: 30pt;
	}
		
   	
   	#mainbar{
   		width: 100%;
   	}
   	.BarMenuItemDiv{
		height: 35px;
		font-size: 27px;
	}
   	#TempCSSVariantColorDiv{
		background-color: #333333;
		border-style: solid;
		border-width: 4px;
		border-color: red;
		
		
	}
	 
	.Menu1TableContainer{
		width: 1px;
		visibility: hidden;
	}
	#MainHTMLContainer{
		width: 85vw;
		left: 5vw;
	} 
	.whitebox5{
		width: 80vw;
	} 
	#menubar{
		visibility: hidden;
	}
	#mainbar{
		z-index: 99;
	}
	
	#TheBodyDiv{
		top: 27px;
		left: 0px;
		width: 95.5vw;
	}
	.JobPlacement_SmallWhiteBoxRedStripeOuter{
		width: 79vw;
	}
	.WhiteBoxRedStripeOuter{
		width: 80vw;
	}
	.WhiteBoxRedStripeInner{
		width: 70vw;
	}
	.lightbluebox5{
		width: 75vw;
		
	}
	.tanbox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox_small{
		width: 75vw;
		font-size: 18pt;
	}
	.whitebox2_small{
		width: 70vw;
		overflow: hidden;
		font-size: 18pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		width: 75vw;
		height: 400pt;
		font-size: 18pt;
	}
	.zRSIndent1{
		width: 72vw;
		margin-left: 5vw;
	}
	#vECEMain4{
		height: clamp(100pt, 30vw, 250pt);
		width: clamp(100pt, 30vw, 250pt);
	}
	
	#menu_c1{
		visibility: hidden;
	}
	#Menu6Line{
		visibility: visible;
	}
	#mainbarparagraph{
		font-size: clamp(6pt,4vw,20pt);
	}
	
	
	
	#FooterDiv{
		top: 100px;
		left: 0px;
		width: 98vw;
		height: 450pt;
	}
	
	
	#FooterSCATAddressDiv{
		width: 95vw;
	}
	#FooterQuickLinksDiv{
	/*opacity: 0.5;*/
		margin-left: 5vw;
		width: 12vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterProgramsDiv{
		
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterFormsDiv{
		margin-left: 2vw; 
		width: 20vw;
		left: 4vw;
		font-size: 12pt;
	}
	#FooterCopyrightDiv{
		width: 95vw; 
		padding-left: 1pt;
		left: 10pt;
		font-size: 14px;
	}
	
	
	/*===========================*/
	
	
	#ProgTitle1{
		font-size: 20pt;
	}
	#zECEMain1{
		width: clamp(50pt, 75vw, 250pt);
		font-size: clamp(12pt, 1vw, 30pt);
	}
	.lightbluebox5{
		width: 68vw;
	
	}
	.zRSIndent1{
		max-width: 260pt;
	}
	.HomeScreen_SmallWhiteBoxRedStripeOuter{
		overflow: visible;
		height: auto;
		padding-bottom: 10px;
	}
	.SmallWhiteBoxRedStripeOuter{
		width: 89%;
		height: auto;
	}	
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: auto;
		font-size: clamp(20px, 1vw, 24px);
	}

	.WhiteBoxRedStripeOuter{
		font-size: 15pt;
		height: auto;
	}
	.WhiteBoxRedStripeTextContainer{
		font-size: 14pt;
		padding-left: clamp(10px,2vw,100px);
	}	
	.WhiteBoxRedStripeInner{
		width: 72vw;
		height: clamp(220pt, 25vw, 1550pt);
		padding-bottom: 80pt;
	}	
		
	.JobPlacement2_SmallWhiteBoxRedStripeOuter{
		width: 80vw;
	}
	
	.whitebox1{
		width: 80vw;
	}
	
	
	.PATH_Size2_Outer{
		width: 90vw;
		height: 280pt;
	}
	.PATH_Size2_Inner{
		width: 76vw;
	}
				  	
				  	
	
	
	#PATH493a{
		font-size: 16pt;
		padding-left: 10pt;
	}
	#vECEMain4{
		width: clamp(10pt, 30vw, 300pt);
		height: clamp(10pt, 30vw, 300pt);
		padding-left: 10pt;
		text-align: left;
	}	
	#ECEMain2{
		max-width: 300pt;
	}
	#PATH_Main1{
		width: clamp(10pt, 30vw, 400pt);
		height: clamp(10pt, 30vw, 400pt);
	}
	#ECEMain7{
		max-width: 800pt;
		overflow: hidden;
	}
	
	

	.tanbox1{
		width: clamp(150pt,55vw, 1600pt);
		padding-top: 10pt;
		padding-left: 10pt;
		padding-right: 10pt;
		padding-bottom: 10pt;
	}
	
	
	/*===========================*/
	.whitebox5{
		width: 80vw;
	} 
	/*===========================*/
	
	#TopImageBar{
		top: 12pt;
		z-index: 9;
		visibility: visible;
		height: 30px;
	}	
		
	#TopImage1IMG{
		visibility: hidden;
	}

	
	
}		/* dark gray */	 
@media (-webkit-min-device-pixel-ratio: 3.0) and (min-width: 1440pt) and (max-width: 1800pt) {   /* green */
	/* iPads, Tablets */
  	body {
    background-color: #00FF00;
	background-color: #A71B1B;
  }
  
  	#TheBodyDiv{
  		top: 53px;
  	}
  	
  	#MenuAdminCtrl{
  		width: clamp(40pt, 4vw, 45pt);
  		height: clamp(40pt, 4vw, 45pt);
		right: 3pt;
		top: 28pt;
	}		
   
	#TempCSSVariantColorDiv{
		background-color: #00FF00;
	}
	.Menu1TableContainer{
		visibility: visible;
		border-style: solid;
		border-width: 4px;
		border-color: red;
		
	}
	#menubar{
		visibility: hidden;
	}


	#TopImageBar{
		top: 28pt;
		z-index: 9;
		height: clamp(40px,3.5vw,60px);
		visibility: visible;
	}	
		
	#TopImage1IMG{
		visibility: visible;
		height: clamp(50px,3.5vw,70px);
	}

	#Menu6Line{
		visibility: hidden;
	}
	
	
}		/* green */	 
@media (-webkit-min-device-pixel-ratio: 3.0) and (min-width: 1800pt) and (max-width: 2550pt)  {   /* light green*/
	/* iPads, Tablets */
  	body {
    background-color: #00FF00;
	background-color: #A71B1B;
  }
  
  	#TheBodyDiv{
  		top: 53px;
  	}
  	
  	#MenuAdminCtrl{
  		width: clamp(40pt, 4vw, 45pt);
  		height: clamp(40pt, 4vw, 45pt);
		right: 3pt;
		top: 28pt;
	}		
   
	#TempCSSVariantColorDiv{
		background-color: #BBFFBB;
		border-style: solid;
		border-width: 4px;
		border-color: red;
		
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	#menubar{
		visibility: hidden;
	}
	#TopImageBar{
		top: 14pt;
		z-index: 9;
		height: clamp(40px,3.5vw,60px);
		visibility: visible;
	}	
		
	#TopImage1IMG{
		visibility: visible;
		height: clamp(50px,3.5vw,70px);
	}

	#Menu6Line{
		visibility: hidden;
	}

	
}		/* light green */	
@media (-webkit-min-device-pixel-ratio: 3.0) and (min-width: 2550pt) and (max-width: 3072pt) {  /* blue */
	/* Small screens, laptops */
  body {
    background-color: #0000FF;
	background-color: #A71B1B;
  }
  #TopImageBar{
		top: 35pt;
		height: 50pt;
		z-index: 9;
		visibility: visible;
	}	
	#TopImage1IMG{
		//height: 100px;
		//width: 100%;
		visibility: visible;
	}
	
  	#MenuAdminCtrl{
  		width: clamp(45pt, 4vw, 50pt);
  		height: clamp(45pt, 4vw, 50pt);
		right: 3pt;
		top: 52pt;
	}		

  
    #TempCSSVariantColorDiv{
		background-color: #0000FF;
		border-style: solid;
		border-width: 4px;
		border-color: red;
		
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	#TheBodyDiv{
  		top: 92px;
  	}

	#Menu6Line{
		visibility: hidden;
	}
  	
}		/* blue */
@media (-webkit-min-device-pixel-ratio: 3.0) and (min-width: 3072pt) and (max-width: 3603pt)  {   /* yellow */
  /* Desktops, large screens */
  body {
    background-color: #FFFF00;
	background-color: #A71B1B;
  }  	
   
  	#MenuAdminCtrl{
		right: 3pt;
		top: 52pt;
	}		

 
  #TempCSSVariantColorDiv{
		background-color: #FFFF00;
		border-style: solid;
		border-width: 4px;
		border-color: red;
		
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	#TheBodyDiv{
  		top: 90px;
  	}
  	#TopImageBar{
		top: 45pt;
		height: 48pt;
		z-index: 9;
		visibility: visible;
	}	
#TopImage1IMG{
		//height: 100px;
		//width: 100%;
		visibility: visible;
	}

	#Menu6Line{
		visibility: hidden;
	}
}     /* yellow */	
@media (-webkit-min-device-pixel-ratio: 3.0) and (min-width: 3603pt){   /* cyan */
	/* Extra large screens, TV */
  body {
    background-color: #00FFFF;
	background-color: #A71B1B;
  }  	
  
  	#MenuAdminCtrl{
		right: 5pt;
		top: 52pt;
	}	
		
	#TempCSSVariantColorDiv{
		background-color: #00FFFF;
		border-style: solid;
		border-width: 4px;
		border-color: red;
		
	}
	.Menu1TableContainer{
		visibility: visible;
	}
	.breadcrumbBox{
		font-size: 16pt;
		padding-top: 10px;
	}
	#ProgTitle1{
		font-size: 40pt;
	}
	#zECEMain1{
		width: clamp(200pt, 35vw, 600pt);
		font-size: clamp(25pt, 2.25vw, 45pt);
	}
	#PATH493a{
		max-width: 500pt;
		font-size: 30pt;
		padding-left: 10pt;
	}
	#vECEMain4{
		width: clamp(10pt, 30vw, 300pt);
		height: clamp(10pt, 30vw, 300pt);
		padding-left: 10pt;
		text-align: left;
	}	
	#ECEMain2{
		max-width: 300pt;
	}
	#PATH_Main1{
		width: clamp(10pt, 30vw, 400pt);
		height: clamp(10pt, 30vw, 400pt);
	}
	#ECEMain7{
		max-width: 800pt;
		overflow: hidden;
	}
	
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
	}
	.lightbluebox5{
		width: 68vw;
	}
	.JobPlacement2_SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: 81%;
	}
	.SmallWhiteBoxRedStripeInner{
		width: 89%;
		height: 86%;
		font-size: clamp(20px, 1vw, 24px);
	}
	.WhiteBoxRedStripeTextContainer{
		font-size: 22pt;
		padding-left: clamp(10px,2vw,100px);
	}	
	.WhiteBoxRedStripeInner{
		width: 66vw;
		height: clamp(220pt, 25vw, 1550pt);
	}
	#HEMissionStatementOuter{
		max-height: 28vw;
		height: 28vw;
		
	}
	#HEMissionStatementInner{
		max-height: 27vw;
		height: 27vw;
	}
	#HEMissionStatementTextContainer{
	
	}
	#OPON_ContactUsBox{
		width: 200pt;
		height: 80pt;
	}
	#OPON_ContactUsBox_Inner{
		position: relative;
		width: clamp(145pt, 1vw, 162pt);
		height: 63pt;
	}
	
	
	
	#PATH_Tutorcom{
		color: green;
	}
	
	.tanbox1{
		width: clamp(750pt,55vw, 1600pt);
		padding-top: 10pt;
		padding-left: 10pt;
		padding-right: 10pt;
		padding-bottom: 10pt;
	}
	
	#TopImageBar{
		top: 45px;
		height: 70px;
		z-index: 9;
		visibility: visible;
	}	
	#TopImage1IMG{
		width: 80%;
		height: auto;
		top: 10%;
		left: 10%;
	}	
	#TheBodyDiv{
  		top: 95px;
  	}
  	
  	#JobPlacementSWBRSO{
  		height: auto;
  		max-height: 300px;
  	}

	#Menu6Line{
		visibility: hidden;
	}
  	
  	
}								/* cyan */
	

/* -------------------------------------------------- */