@charset "utf-8";
/* CSS Document */

/********************************* STFC Logo (Homepage) *****************************/
@media only screen and (min-width: 1200px) {
.stfcLogo { 
width: 305px;
height: 70px;
margin-top: 10px;
}
.banHd {
	width: 420px;
	height: 100px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.stfcLogo { 
width: 270px;
height: 62px;
margin-top: 10px;
}
.banHd {
	width: 420px;
	height: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.stfcLogo { 
width: 200px;
height: 46px;
margin-top: 10px;
}
.banHd {
	width: 336px;
	height: 80px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.stfcLogo { 
width: 230px;
height: 53px;
margin-top: 10px;
}	
}
@media only screen and (max-width: 479px) {
.stfcLogo { 
width: 230px;
height: 53px;
margin-top: 10px;
}	
}
/********************************* /STFC Logo (Homepage) ****************************/

/******************************* Top Links *************************************/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tpLks {
		margin-bottom: 10px;
		
	}
	.sclMda {
		margin-bottom: -10px;
	}
}
/********************************* /Top Links *******************************/

/******************************** Fixed Header **********************************/
@media only screen and (min-width: 992px) {
.headerFixed {
	height: 110px;
	z-index: 11000;
	background: -webkit-linear-gradient(0deg, #022e67, #114a8d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(0deg, #022e67, #114a8d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(0deg, #022e67, #114a8d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, #022e67, #114a8d); /* Standard syntax (must be last) */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114a8d', endColorstr='#022e67',GradientType=0 ); /* IE6-9 */
}
}
@media only screen and (min-width: 480px) and (max-width: 991px) {
.headerFixed {
	height: 90px;
	background: -webkit-linear-gradient(0deg, #022e67, #114a8d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(0deg, #022e67, #114a8d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(0deg, #022e67, #114a8d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, #022e67, #114a8d); /* Standard syntax (must be last) */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114a8d', endColorstr='#022e67',GradientType=0 ); /* IE6-9 */
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.headerFixed {
	height: 90px;
	z-index: 1000;
	background: -webkit-linear-gradient(0deg, #022e67, #114a8d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(0deg, #022e67, #114a8d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(0deg, #022e67, #114a8d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, #022e67, #114a8d); /* Standard syntax (must be last) */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114a8d', endColorstr='#022e67',GradientType=0 ); /* IE6-9 */
}
}
/******************************** /Fixed Header **********************************/

/******************************** Navbar ****************************************/
@media only screen and (min-width: 992px) {
.affix-top {
	position: absolute;
	top: 138px;
	left: 0px;
	right: 0px;
	z-index: 1100;
}
.affix {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 1100;
}
.affix-bottom {
	position: absolute;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.affix-top {
	position: absolute;
	top: 118px;
	left: 0px;
	right: 0px;
	z-index: 1100;
}
.affix {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 1100;
}
.affix-bottom {
	position: absolute;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.affix-top {
	position: absolute;
	top: 118px;
	left: 0px;
	right: 0px;
	z-index: 1100;
}
.affix {
	position: absolute;
	top: 80px;
	left: 0px;
	right: 0px;
	z-index: 1100;
}
.affix-bottom {
	position: absolute;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.affix-top {
	position: absolute;
	top: 118px;
	left: 0px;
	right: 0px;
	z-index: 1100;
}
.affix {
	position: absolute;
	top: 80px;
	left: 0px;
	right: 0px;
	z-index: 1100;
}
.affix-bottom {
	position: absolute;
}
}
/************************** /Navbar *******************************************/

