/* CSS Document */

/*------------------------------------------
Trident Technical College - Website Header Front Page Style
version:    5.0
author:		Daniel Vice
email:		daniel.vice@tridenttech.edu
-------------------------------------------*/
/* Sample Attribute Hierachy

.someAttribute {
	/*Position Attributes*/
	/*Size Attributes*/
	/*Color Attributes*/
	/*Formatting Attributes*/
	/*Type Attributes*/
	/*Other Attributes*/


/* Smallest Screen Size
--------------------------------------------------------------------*/

@media screen and (min-width: 120px) {
	
/* --- Top Links --- */

.topLinks {
	position: fixed;
	height: 73px;
	width: 100%;
	max-width: 1440px;
	background: url(https://www.tridenttech.edu/_files/images/headerImages/00homePage/alex/alex414top.jpg);
	background-position: center center;
	z-index: 1;
}

.topLinks ul {
	width: 100%;
	margin: 8px 15px 0 0;
	padding: 0;
}

.topLinks ul li {
	float: right;
	padding: 0 9px 3px 0;
	margin: 0;
}

.topLinks ul li a {
	/*Position Attributes*/
	display: block;	
	/*Size Attributes*/
	/*Color Attributes*/
	color: #ffffff !important;
	/*Formatting Attributes*/
	margin-left: 3px;	
	/*Type Attributes*/	
	font-weight: 400;
	font-size: 11pt;
	text-decoration: none;
	/*Other Attributes*/

}
	

/* --- Header Bar --- */

.headerBar{
	position: fixed;
	width: 100%;
	max-width: 1440px;
	height: 65px;
	margin-top: 47px;
	z-index: 1;
}

.headerLogo {
	height: 35px;
	margin-left: 10px;
	margin-top: 16px;
}

.searchBox {
	display: none;
}

.menuButton {
	float: right;
	height: 25px;
	margin-right: 15px;
	margin-top: 20px;
}


}

/* Large Phone Vertical Screen Size
--------------------------------------------------------------------*/

@media screen and (min-width: 414px) {	
	
/* --- Top Links --- */
	
.topLinks {
	background: url(https://www.tridenttech.edu/_files/images/headerImages/00homePage/alex/alex557top.jpg);
	background-position: center center;
}


}

/* Large Phone Horizontal Screen Size
--------------------------------------------------------------------*/

@media screen and (min-width: 557px) {
	
/* --- Top Links --- */

.topLinks {
	background: url(https://www.tridenttech.edu/_files/images/headerImages/00homePage/alex/alex640top.jpg);
	background-position: center center;
}

.topLinks ul {
	width: 100%;
	margin: 18px 15px 0 0;
	padding: 0;
}


}


/* Tablet Screen Size
--------------------------------------------------------------------*/

@media screen and (min-width: 768px) {

/* --- Top Links --- */

.topLinks {
	background: url(https://www.tridenttech.edu/_files/images/headerImages/00homePage/alex/alex1440top.jpg);
	background-position: center center;
}

.topLinks ul {
	width: 98%;
	margin: 18px 15px 0 0;
	padding: 0;
}

.topLinks ul li a {
	margin-left: 15px;	
	font-weight: 400;
	font-size: 13pt;
	text-decoration: none;
}

/* --- Header Bar --- */

.headerBar {
	height: 100px;
}

.headerLogo {
	height: 54px;
	margin-left: 20px;
	margin-top: 25px;
}

.searchBox {
	display: block;
	float: right;
	margin-top: 38px;
	margin-right: 40px;
	width: 33%;
	height: 28px;
}

/* --- Nav Bar --- */

.navBar {
	position: fixed;
	top:147px;
	width: 100%;
	max-width: 1440px;
	z-index: 3;
}

}

/* Small Desktop Screen Size
--------------------------------------------------------------------*/

@media screen and (min-width: 1024px) {
	
/* --- Top Links --- */

.topLinks {
	background: url(https://www.tridenttech.edu/_files/images/headerImages/00homePage/alex/alex1440top.jpg);
	background-position: center center;
}


}

/* Maximum Screen Size
--------------------------------------------------------------------*/

@media screen and (min-width: 1440px) {



}