/* Banner Container Styles - - - - - - - - - - - - - - - - - - - - - - - */
#mainBanner {
	margin:1% 1% .1% 1%;
	padding:.1%;
}
#mainBannerLogoLeft {
	float:left;
	padding:.5% 2% .1% 3%;
}
#mainBannerLogoRight {
	float:right;
	padding:.5% 3% .1% 2%;
}
#mainBannerLogoRight,
#mainBannerLogoLeft,
#mainBannerTitle {
	width:auto;
}
#mainBannerLogoRight img,
#mainBannerLogoLeft img {
	background-color:white;
	border:thin navy solid;
	border-radius:8px;
	text-align:center;
	transition: all 1.5s ease;
	transform-origin:center;
	height:180px;
	-webkit-transition: all 1.5s ease;
	-webkit-transform-origin-y:center;
	-moz-transition: all 1.5s ease;
	-moz-transform-origin-y:center;
	-ms-transition: all 1.5s ease;
	-ms-transform-origin-y:center;
	-o-transition: all 1.5s ease;
	-o-transform-origin-y:center;
}
#mainBannerLogoRight img:hover,
#mainBannerLogoLeft img:hover {
	transform:scale(1.05);
	-ms-transform:scale(1.05); /* IE 9 */
	-moz-transform:scale(1.05); /* Firefox */
	-webkit-transform:scale(1.05); /* Safari and Chrome */
	-o-transform:scale(1.05); /* Opera */
}
#mainBannerTitle {
	padding-top:1%;
	vertical-align:middle;
}
#mainBannerTitle h2,
#mainBannerTitle h1,
#mainBannerTitle h3 {
	font-family: "PT Serif", serif;
	font-style: normal;
	font-variant:small-caps;
	font-weight: 400;
	text-align:center;
	text-shadow: 2px 2px 6px black;
	margin:2px 2%;
}
#mainBannerTitle h2 {/* Chapter */
	color:yellow;
	font-size:40px;
	line-height:40px;
}
#mainBannerTitle h1 {	/* Texas SAR */
	color:#ffbc07;
	font-size:40px;
	line-height:40px;
}
#mainBannerTitle h3 {	/* SAR */
	color:white;
	font-size:34px;
	line-height:34px;
}
#mainBannerTitle h2 span,
#mainBannerTitle h3 span {
	color:white;
	white-space:normal;
}
/* Narrow Device Styles - - - - - - - - - - - - - */
@media screen and (max-width:1170px) {
#mainBannerLogoLeft img,
#mainBannerLogoRight img {height:160px}
}
@media screen and (max-width:875px) {
#mainBannerLogoLeft,
#mainBannerLogoRight {padding:.5% 1.5% .1% 1.5%}
#mainBannerLogoLeft img,
#mainBannerLogoRight img {height:140px}
}
@media screen and (max-width:799px) {
#mainBannerTitle h3 {font-size:28px;line-height:28px}
#mainBannerLogoLeft img,
#mainBannerLogoRight img {height:130px}
}
@media screen and (max-width:699px) {
#mainBannerTitle h3 {font-size:24px;line-height:24px}
}
@media screen and (max-width:639px) {
#mainBannerLogoLeft,
#mainBannerLogoRight {display:inline-block;width:42%}
#mainBannerTitle {width:98%}
#mainBannerTitle h3 {font-size:23px;line-height:23px}
#mainBannerLogoLeft img,
#mainBannerLogoRight img {height:100px}
}