@charset "utf-8";
/* CSS Document */

.container {
max-width:1366px;
margin:auto;
	display:block;
text-align: center;
background-color :#F8F4F4;
font-size: 14px;
	height:auto;

 }
.programpic {
	
	width: 30%;
	height: auto;
	display:block;
	padding: 10px;
	float:left;
	margin-left: 20px;
}

.links {
	
	width: 18%;
	height: auto;
	display:block;
	padding: 10px;
	float:left;
	margin-left: 23px;
}

.classes {
	
	width: 18%;
	height: auto;
	display:block;
	padding: 10px;
	float:left;
	margin-left: 20px;}

	

	 
	

#academynews {height: 100%;
	width: 70%;
	float:left;
	padding-top: 15px;
	margin-top:0px;
	
display: inline-block;}

#academybanner1 {height: 410px;
	width: 100%;
	background-color:#F8F4F4;
	display:block;
	text-align:left;
		}



#academytext4 {height: 400px;
width: 70%;
	display:block;
	position:relative;
	float: right;
	text-align: left;
	font-size: 18px;
	
		}



#academytext3 {height: 400px;
width: 70%;
	display:block;
	position:relative;
	float: right;
	text-align: left;
	font-size: 18px;
	
		}
#academylogo1 {height: 400px;
	width: 25%;
	display:block;
	margin: 20px;
	position:relative;
	float: left;
	text-align: center;}
	
#academylogo2 {height: 400px;
	width: 25%;
	display:block;
	margin: 20px;
	position:relative;
	float: left;
	text-align: center;
	
		}

#academylogo11 {height: 400px;
	width: 25%;
	display:block;
	margin: 20px;
	position:relative;
	float: left;
	text-align: center;
	
		}

#academylogo3 {height: 400px;
	width: 25%;
	display:block;
	margin: 20px;
	position:relative;
	float: left;
	text-align: center;
	
		}

#academylogo4 {height: 400px;
	width: 25%;
	display:block;
	margin: 20px;
	position:relative;
	float: left;
	text-align: center;
	
		}

#academytext2 {height: 400px;
width: 70%;
	display:block;
	position:relative;
	float: right;
	text-align: left;
	font-size: 18px;
		}

#academytext {height: 400px;
width: 70%;
	display:block;
	position:relative;
	float: right;
	text-align: left;
	font-size: 18px;
	
		}

.parallaxnews {
	background: url(stateofstem1.jpg);
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}


.parallaxstaff {
	background: url(dmhsstaff5.png);
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}


.parallax {
	background: url(20190128_150922.jpg);
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}

.parallax2 {
	background: url(rob.jpg);
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}
.parallax3 {
	background: url(cpr.jpg);
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}

.parallax4 {
	background: url(student.jpg);
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}
.parallax5 {
	background: url(stateofstem1.jpg);
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
	
}
.parallax6 {
	background: url(20180529_190018.jpg);
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}
.parallax7 {
	background: url("cdaapic2.jpg");
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}
.parallax8 {
	background: url(emt.png);
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}
.parallax11 {
	background: url("ibpic.jpg");
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}
.parallax15 {
	background: url("RECHS27.jpg");
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}

.parallax17 {
	background: url("IB 4.jpg");
	background-size: cover;
	background-attachment: fixed;
	height: 600px;
}

#show {width:100%;
height: auto;
color:#f9f9f9;
	margin-top:0px ;
	margin-left:0;
background-color:#000000;
	text-align:center;
	font: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}




a:link{color:#3B0DF2; font-size:20px;}
 a:visited { color:#3B0DF2; }
a:hover { color:#09B5F9; }
a:active { color: #F8F4F4;}

table {
  border: 1px solid blue;
  display: inline-table;
	background-color: #E7E175
}

#news {height: 410px;
	
width: 100%;
background-color:#F8F4F4;
	display:block;
	margin-left: 0px;
	text-align: center;
	
		
		}



.blankbanner {height: 100px;
	
width: 99%;
background-color:#F8F4F4;
	display:block;
	margin-left: -10px;
	text-align: center;
	
		
		}

#cgnews {height: 400px;
width: 99%;
background-color:#F8F4F4;
	display:block;
	margin-left: -10px;
	text-align: center;
	
		
		}

#cg {height: 400px;
width: 99%;
background-color:#F8F4F4;
	display:block;
	margin-left: -10px;
	text-align: center;
	
		
		}

#futureblank {height: 400px;
width: 99%;
background-color:#F8F4F4;
	display:block;
	margin-left: -10px;
	text-align: center;
	
		
		}
#cgnewsblank {height: 150px;
width: 100%;
background-color:#505050;
	display:block;
	position:relative;
	text-align: center;
	
		}
#newspageblank {height: auto;
width: 100%;

	display:block;
	background-color :#F8F4F4;
	
	text-align: center;	
	margin-left: auto;
	margin-right:auto;
	
		}

#newsblank {height: 250px;
width: 100%;
background-color:#F8F4F4;
	display:block;
	position:relative;
	z-index: -15;
	text-align: center;	
	margin-left: 0 auto;
		}

#newsblank a:link { color: #979595; }

#newsblank a:hover { color: #1881E3; }
#newsblank a:active { color: #979595;; }
#newsblank a:visited { color: #979595;; }
#Newstext a:link { color: #2828CE; }

#Newstext a:hover { color: #1881E3; }
#Newstext a:active { color: #979595;; }
#Newstext a:visited { color: #979595;; }


#newsblank2 {height: 150px;
width: 100%;
background-color:#F8F4F4;
	display:block;
	position:relative;
	text-align: center;	
	margin-left: 0;
	z-index: -15;
		}

#newsblank2 a:link { color: #979595; }

#newsblank2 a:hover { color: #1881E3; }
#newsblank2 a:active { color: #979595;; }

#newsblank3 {height: 120px;
width: 100%;
background-color:#F8F4F4;
	display:block;
	position:relative;
	text-align: center;	
	margin-left: 0;
	z-index: -15;
		}

#newsblank3 a:link { color: #979595; }
#newsblank3 a:visited { color: #979595; }
#newsblank3 a:hover { color: #1881E3; }
#newsblank3 a:active { color: #979595; }



#newsblank4 {height: 250px;
width: 100%;
background-color:#F8F4F4;
	display:block;
	position:relative;
	text-align: center;	
	margin-left: 0;
	z-index: -15;
		}

#newsblank4 a:link { color: #979595; }
#newsblank4 a:visited { color: #979595; }
#newsblank4 a:hover { color: #1881E3; }
#newsblank4 a:active { color: #979595; }

#newsblank5 {height: 250px;
width: 90%;
background-color:#F8F4F4;
	display: inline-block;
	position:relative;
	text-align: center;	
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0;
	
		}

#newsblank6 {height: 250px;
width: 90%;
background-color:#F8F4F4;
	display: inline-block;
	position:relative;
	text-align: center;	
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0;
	
		}


#newsblank7 {height: 250px;
width: 90%;
background-color:#F8F4F4;
	display: inline-block;
	position:relative;
	text-align: center;	
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0;
	
		}

#newsblank8 {height: 250px;
width: 90%;
background-color:#F8F4F4;
	display: inline-block;
	position:relative;
	text-align: center;	
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0;
	
		}

#newsblank11 {height: 250px;
width: 90%;
background-color:#F8F4F4;
	display: inline-block;
	position:relative;
	text-align: center;	
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0;
	
		}

#newsblank17 {height: 250px;
width: 90%;
background-color:#F8F4F4;
	display: inline-block;
	position:relative;
	text-align: center;	
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0;
	
		}

#newsblank15 {height: 250px;
width: 90%;
background-color:#F8F4F4;
	display: inline-block;
	position:relative;
	text-align: center;	
	padding-left: 5%;
	padding-right: 5%;
	margin-left: 0;
	
		}

#pageinfomiddle a:link { color: #979595; }
#pageinfomiddle a:hover { color: #1881E3; }
#pageinfomiddle a:active { color: #979595; }
#pageinfomiddle a:visited { color: #979595; }


#pageinforight a:link { color: #979595; }
#pageinforight a:hover { color: #1881E3; }
#pageinforight a:active { color: #979595; }
#pageinforight a:visited { color: #979595; }

#news a:link { color: #979595; }
#news a:hover { color: #1881E3; }
#news a:active { color: #979595;; }

#newsbottom {height: 100px;
width: 100%;
background-color:#F8F4F4;
	display:block;
	position:relative;
	text-align: center;
	z-index: -15;
	
		}
#newsbottom2 {height: 100px;
width: 100%;
background-color:#F8F4F4;
	display:block;
	position:relative;
	text-align: center;
	z-index: -15;
	
		}

#newsbottom3 {height: 100px;
width: 100%;
background-color:#F8F4F4;
	display:block;
	position:relative;
	text-align: center;
	z-index: -15;
	
		}

#links {
	display:block;
	background-color:#F8F4F4;
	height: 400px;
	text-align: center;
	
	
}

#academybanner2 {
	display:block;
	background-color:#F8F4F4;
	height: 400px;
	text-align: center;
}
#links2 {
	display:block;
	background-color:#F8F4F4;
	height: 400px;
	
	margin-top: 20px;
}

#bottom {
	display:block;
	margin-top:-140px;
	width: 100%;
	height: 100px;
	text-align:center;
	}
#bottoma {
	display:block;
	margin-top:-120;
	width: 100%;
	height: 100px;
	text-align:center;
	}

#bottom2 {
	display:block;
	margin:-158px;
	width: 100%;
	}

#bottom5 {
	display:block;
	margin:auto;
	width: 100%;
	text-align: center;
	}

#banner {hieght: 300px;
width: 1366px;
background-color:#FB070B;
	display:block;
	
	margin: 0px;
	
	
}
#pageinfo {
	
	width: 100%;
	height: 400px;
	background-color:#F8F4F4;
margin:auto;
	text-align:center;
}


#pageinfoleft {
	width:35%;
	height:auto;
	display:block;
	float:left;
	text-align:center;
	
}

#pageinfomiddle {
	width:35%;
	height:auto;
	display:block;
	float:left;
	text-align:center;
	
}
#newstext {
	width:80%;
	height:auto;
	display:block;
	text-align:center;
	margin-left: auto;
	margin-right:auto;
	background-color :#F8F4F4;
	padding-top: 25px;
}

#newstext a:link { color: #979595; }
#newstext a:hover { color: #1881E3; }
#newstext a:active { color: #979595;; }
#newstext a:visited { color: #979595;; }


#pageinforight {
	width:30%;
	height:auto;
	display:block;
	float:left;
}

#motto {
	height: 100px;
	width: 100%;
	background-color:#E02326;
	color:#FFFFFF;
	display: block;
}

#motto3 {
	height: auto;
	width: 100%;
	text-align:center;
	padding-top: 20px;
	padding-bottom: 20px; 
	background-color:#E02326;
	color:#FFFFFF;
	display: block;
}
#address {
	height: auto;
	width: 100%;
	background-color:#000000;
	color:#FFFFFF;
	display: block;
	margin:auto;
	text-align: center;
}

#menu {height: 80px;
width: 1360px;
font-size: 16px;
	background-color:rgba(92,92,92,0.70);
	display:block;
	position:fixed;
	top: 0;
		z-index: 10px;
	margin:auto;
	text-align:center;
	
}

#menusmall {height: 30px;
width: 1366px;
font-size: 16px;
	background-color:rgba(92,92,92,0.70);
	display:block;
	position:fixed;
	top: 0;
		z-index: 10px;
	margin:auto;
	text-align:center;
	
}
#menuleft {
	height: 90px;
width: 400px;
background-color:rgba(227,25,28,1.00);
	display:block;
	margin: auto;
	position:fixed;
	top: 0;
	float: right;
		z-index: 10;
	
}

#menu3 {height: 80px;
width: 1299px;
font-size: 18px;
	color:#FCFCFC;
	background-color:rgba(92,92,92,0.70);
	display:block;
	position:fixed;
	padding-left: 70px;
	top: 0;
		z-index: 10px;
	margin:auto;
	text-align:center;
	
}

#menu2 {height: 100px;
width: 100%;
margin-left: 0px;
	display:block;
	position:fixed;
	top: 0px;
		z-index: 15;
	background-color:rgba(137,134,134,0.36);
	
}

#topleft{
	height:100%;
	width: 100%;
	margin-left: 0px;
	float:left;
	text-align:center;
	border-color:#414040;
	background-color:rgba(211,211,211,0.53)	

}

#topleft2{
	height:100%;
margin-top: 14px;
	width: 10.5%;
	
	margin-left: 0px;
	float:left;


}
#staff { 
height: 100%;
	width: 10%;
	float:left;
	margin-top: 5px;
	border-style:solid;
	border-color:#414040;
	text-align: center;
	background-color:#505050;
	
}
#motto2 { 
height: 60px;
	width: 88%;
	color:#000000;
	float:left;
	font:italic;
	margin-top: 5px;
	
	text-align: center;
	background-color:#50505;
	
}

#rockatop{
	height: 100%;
	width: 9%;
	float:left;
	margin-top: 5px;
	border-style:solid;
	border-color:#414040;
	text-align: center;
	background-color:#505050;
	
}



#business {
	height: 600px;
	width: 100%;
	padding-top: 20px;
	text-align: center;
	background-color:#F8F4F4;
	
	
}

#business a:link { color: #979595; }
#business a:visited { color: #C2C1C1; }
#business a:hover { color: #1881E3; }
#business a:active { color: #979595;}
#business a:link { font-size: 14px;}


#technology {
	height: 600px;
	width: 100%;
	text-align: center;
	background-color:#F8F4F4;
	padding-top: 20px;
}

#technology a:link { color: #979595; }
#technology a:visited { color: #C2C1C1; }
#technology a:hover { color: #1881E3; }
#technology a:active { color: #979595;}
#technology a:link { font-size: 14px;}


#health {
	height: 600px;
	width: 100%;
	text-align: center;
	background-color:#F8F4F4;
	padding-top: 20px;
	
}

#health a:link { color: #979595; }
#health a:visited { color: #C2C1C1; }
#health a:hover { color: #1881E3; }
#health a:active { color: #979595;}
#health a:link { font-size: 14px;}

#agriculture {
	height: 600px;
	width: 100%;
	text-align: center;
	background-color:#F8F4F4;
	padding-top: 20px;
	margin: 0 auto;
	
}

#agriculture a:link { color: #979595; }
#agriculture a:visited { color: #C2C1C1; }
#agriculture a:hover { color: #1881E3; }
#agriculture a:active { color: #979595;}
#agriculture a:link { font-size: 14px;}

#automotive {
	height: 600px;
	width: 100%;
	padding-top: 20px;
	text-align: center;
	background-color:#D9D2D4;	
}

#automotive a:link { color: #979595; }
#automotive a:visited { color: #C2C1C1; }
#automotive a:hover { color: #1881E3; }
#automotive a:active { color: #979595;}
#automotive a:link { font-size: 14px;}

#public {
	height: 600px;
	width: 100%;
	text-align: center;
	background-color:#D9D2D4;
	padding-top: 20px;
	
}
#public a:link { color: #979595; }
#public a:visited { color: #C2C1C1; }
#public a:hover { color: #1881E3; }
#public a:active { color: #979595;}
#public a:link { font-size: 14px;}

#facs {
	height: 600px;
	width: 100%;
	text-align: center;
	background-color:#D9D2D4;
	padding-top: 20px;
	
}

#facs a:link { color: #979595; }
#facs a:visited { color: #C2C1C1; }
#facs a:hover { color: #1881E3; }
#facs a:active { color: #979595;}
#facs a:link { font-size: 14px;}

#glance {height: 100%;
	width: 9%;
	float:left;
	margin-top: 0px;
	text-align: center;
	padding-top: 15px;
	}



#apply {height: 100%;
	width: 9%;
	float:left;
	padding-top: 15px;
	margin-top: 0px;
	}

#rightmenu {
	display: block;
	font-size: 14px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	height:400px;
	width: 210px;
	background: rgba(235,231,231,0.7);
	position: fixed;
	margin-left: 1100px;
	margin-top: 75px;
	color: #000000;
	
}

#rightmenu a:link { color: #226F56; }
#rightmenu a:visited { color: #226F56; }
#rightmenu a:link { font-size: 16px;}
#rightmenu a:hover { color: #1881E3; }
#rightmenu a:active { color: #979595; }



.leftarea {
	display:block;
	height: 400px;
	width: 500px;	
}