/* CSS Document */


/*------------------------------------------
Trident Technical College - Website Body Styles - Photos
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) {

.img100 {
	width: 95%;
	height: auto;
}

.img75 {
	width: 75%;
	height: auto;
}

.img65 {
	width: 65%;
	height: auto;
}

.img50 {
	width: 50%;
	height: auto;
}

.img45 {
	width: 45%;
	height: auto;
}

.img33 {
	width: 33.33%;
	height: auto;
}

.img25 {
	width: 25%;
	height: auto;
}

.img15 {
	width: 15%;
	height: auto;
}

.img10 {
	width: 10%;
	height: auto;
}

.img05 {
	width: 5%;
	height: auto;
}

.imgLeft {
	float: left;
	margin-right: 10px !important;
	margin-bottom: 10px;
}

.imgRight {
	float: right;
	margin: 0 10px 10px 10px !important;
}

/* Not photo related styles but not enough yet to make a separate css file. Boooo. */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    width:100%;
}

audio {
    margin: 0 0 0 40px;
}

.spectate-form {
    position: relative;
    padding-bottom: 140%;
    padding-top: 25px;
    height: 0;
}

iframe {
    position: absolute;
    top: 0;
    left: 20px;
    width: 85%;
    height: 100%;
}

.imgCenter {
    display: block; 
    margin-left: auto; 
    margin-right: auto;
}

.searchForm {
    position: relative;
    width: 100% !important;
    padding-bottom: 80%;
    padding-right:0 !important;
    padding-top: 25px;
    margin-right: 0 !important;
    height: 400px;
}

#iframe_c03fb6d857b26fb4655e3c5b9c9d0a07 {
    left: 0px;
}

}

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

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

}

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

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

}


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

@media screen and (min-width: 768px) {
    
	
.pageColRight .img100 {
	width: 90%;
	height: auto;
	margin: 12px 0 0 10px;
}

.pageColCenter .img100 {
	width: 97%;
	height: auto;
	margin: 12px 0 0 20px;
}

.searchForm {
    position: relative;
    width: 100% !important;
    max-width: 1440px;
    padding-bottom: 80%;
    padding-right: 18% !important;
    padding-top: 25px;
    margin-right: 0 !important;
    height: 0;
}



}

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

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


}

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

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



}