nav a{
	color: #FFF;
}
nav a:hover{
	color: #FFF;
	background-color: rgb(81,81,81);
}
nav#mainSubpageNav{
	width: 100%;
}
#mainSubpageNav ul{
	width: 100%;
	font-weight: 700;
}
#mainSubpageNav a{
	position: relative;
}
.activeTriangle{
	width: 0px;
	height: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #990100;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	bottom: 0px;
	display: none;
}
#subpageLogo{
	position: relative;
}
#subpageLogo div.transparentBorder{
	width: 100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-width: 0px;
}
#subpageLogo div a{
	width: 100%;
	padding: 10px;
	background-color: #FFF;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	display: block;
}
#subpageLogo img{
	width: 100%;
}
.navbar-toggler{
	margin-top: 10px;
}
#subHead{
	background-color: rgb(242,242,242);
}
#subHead a, #subHead .subHeadTitle{
	color: #000;
	font-weight: 700;
	padding-top: 15px;
	padding-bottom: 15px;
}
#subHead a.active{
	border-color: #990100;
	border-width: 2px;
	border-style: solid;
}
#subHead a.active, #subHead a:hover{
	background-color: rgb(217,217,217);
}
#subHead li{
	position: relative;
}
.subActiveTriangle{
	display: none;
	width: 100%;
	height: 3px;
	background-color: #990100;
	position: absolute;
	bottom: -3px;
}
#mainContent{
	background-color:#E4E4E4;
	background-image: url('/global/graphics/backgroundTexture.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 25px;
}
#footerBar{
	height: 16px;
	margin-bottom: 15px;
}
#footerQuoteBtn{
	position: relative;
	top: -15px;
	display: inline-block;
}
#footerQuoteBtn a{
	background-color: #990100;
	color: #FFF;
	font-size: 20px;
	line-height: 20px;
	height: 36px;
	padding: 8px 15px 8px 15px;
	position: relative;
	display: inline-block;
}
#footerQuoteBtn a:hover{
	color: #CCC;
	text-decoration: none;
}
/*
*******Width Only Desktop  Layout BREAKPOINT*******
MEDIA QUERY FOR > Medium Width
Set "min-width" equal to bootstrap small breakpoint
*/
@media (min-width: 768px){
	#subpageLogo div{
		position: absolute;	
		left: 0px;
		top: 0px;
	}
	nav#mainSubpageNav{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#mainSubpageNav a{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#mainSubpageNav a .activeTriangle{
		display:block;
	}
	#contactOverlay div div{
		border-top-style: solid;
		border-top-color: #FFF;
		border-top-width: 3px;
	}
	#subHead a.active{
		border-style:none;
	}
	.subActiveTriangle{
		display: block;
	}
	#mainContent{
		padding-top: 120px;
	}
	#footerBar{
		margin-bottom: 0px;
	}
	
}
/*
*******Full Desktop Layout BREAKPOINT*******
MEDIA QUERY FOR Medium Height & > Medium Width
Set "min-width" equal to bootstrap small breakpoint
Set "max-height" equal to max background image height + header height + footer height
Set "min-height" equal to minimum viewport size
*/
@media (max-height: 1034.9px) and (min-height: 500px) and (min-width: 768px){
	/*Activate these styles when screen width is above x and screen height is above x*/
	#mainContent{/*COPY OVER FROM MAIN*/
		padding-bottom: 165px;
		min-height: 100%;
		
	}
}

/*
*******Too Tall Desktop Layout BREAKPOINT*******
MEDIA QUERY FOR Large Height & > Medium Width
Set "min-width" equal to bootstrap small breakpoint
Set "min-height" equal to max background image height + header height + footer height
This media query un-fixes the footer from the bottom of the viewport
*/
@media (min-height: 1035px) and (min-width: 768px){
	/*Activate these styles when screen width is above x and screen height is below x*/
	#mainContent{/*COPY OVER FROM MAIN*/
		width: 100%;
	}
}