@charset "UTF-8";
html, body {
	margin-top: 2px;
	width: 100%;
	height: 1300px;
}
nav {
	height: 30px;
	z-index: 1000;
	background-color: rgba(186,190,65,1.00);	
}
nav ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-image:none;
}
nav ul li {
	display: block;
	width: 14%;
	float: left;
}
nav ul li a {
	display: block;
	height: 30px;
	text-align: center;
	color: rgba(250,247,247,1.00);
	text-decoration: none;
	padding-top: 6px;
}
nav ul li:first-child a {
	
}
nav ul li:nth-child(7) a {
	
}
nav ul li:last-child a {
	
}
nav ul li a:hover {
	color: rgba(140,143,46,1.00);
}
nav ul li ul {
	display: none;
}
nav ul li:hover ul {
	display: block;
}
nav ul li ul li {
	width: 100%;
}
nav ul li ul li a {
	background-color: rgba(171,171,213,1.00);
	border-left:none;
	border-right:none;
}
nav ul li ul li a:hover {
	background-color:rgba(0,0,0,1.00);
}
.wrapper {
	height: 1400px;
	width: 100%;
	margin-right: auto;
	float: none;
	margin-left: 15px;
}
/* CSS Document */

.header {
	width: 99%;
	height: 130px;
	margin-right: auto;
	float: none;
	margin-top: 10px;
	margin-left: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px;
}
.headerh4 {
	float: right;
	text-align: center;
	height: 36px;
	margin-top: -5px;
	padding-bottom: 31px;
	margin-right: 15px;
	width: 31%;
}
.home {
	height: 44px;
	z-index: 1;
	text-align: center;
	text-decoration: none;
	background-color: rgba(171,171,213,1.00);
	width: 99%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: x-large;
	left: 25px;
	top: 99px;
	padding-bottom: 8px;
	margin-left: -10px;
	font-style: normal;
	font-weight: bolder;
	color: rgba(238,10,14,1.00);
	position: absolute;
	display: inline-block;
}
.home ul {
	margin:0px;
	padding:0px;
	list-style-image:none;
	list-style-type: none;
}
.home ul li {
	width: 10%;
	display: block;
	float: left;
}
.home ul li:hover ul{
	display:block;
}
.home ul li a {
	display: block;
	height: 36px;
	text-align: center;
	text-decoration: none;
	margin-top: 10px;
	padding-top: 5px;
	border-right-width:2px;
	border-left-width: 2px;	

}

.home ul li:first-child a {
}
.home ul li:nth-child(8) a {
}
.home ul li:last-child a {
}
.home ul li a:hover{
	color: rgba(48,48,129,1.00);
}
.home ul li ul{
	display:none;
}
.home ul li ul li {
	width: 100%;
	float: none;
}
.home ul li ul li a {
	border-left:none;
	border-right:none;
}
.home ul li ul li a:hover {
	background-color: rgba(239,8,12,1.00);
}
.subheader {
	float: left;
	text-align: left;
	color: rgba(140,143,46,1.00);
	width: 40%;
	margin-top: -15px;
	height: auto;
}
.social {
	float: right;
	height: 37px;
	background-image: url(../images/socialnav.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 251px;
	margin-left: auto;
	margin-right: 30px;
	background-size: contain;
	margin-top: -27px;
}
.imagecontainer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	background-image: url(../images/tmccv2homeimage.JPG);
	height: 1080px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 10px;
}
.studentgallery {
	width: 20%;
	height: 30px;
	margin-left: 200px;
	margin-right: auto;
	font-weight: bold;
	font-size: xx-large;
	float: left;
	background-image: url(../../prj1root102918/images/studentgalleryroster.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: center;
	padding-top: 10px;
	position: absolute;
	margin-top: -50px;
	left: 360px;
	top: 1314px;
	color: rgba(66,66,141,1.00);
}
.studentgalleryh3 {
	width: 25%;
	float: none;
	height: 130px;
	margin-left: auto;
	position: absolute;
	left: 942px;
	top: 1285px;
	margin-right: auto;
}

@media only screen and (max-width: 768px){
		
}
@media only screen and (max-width:640){
}
@media only screen and(max-width:375){
	
	.header{
		width:3%;
		height:auto
			
	.subheader{
		font-size:xx-small;
		
				
		}
		
	}
	.home{
		width:3%;
		height:44px;
	.home ul li a{
		Width:auto
			
		}
	}
	
	.imagecontainer{
		Width:580px;
		height:326px;
		top-margin:-400px;
	}
	.social{
		width:3%;
	}
	.headerh4{
		width:3%;
		font-size:5%;
	}
	
}
	
	

.clear {
}
.footer {
	width: 100%;
	height: 85px;
	background-color: rgba(5,5,5,1.00);
	background-image: url(../images/tmccfooter.png);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	float: none;
}