/* montserrat-300 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	src: local('Montserrat Light'), local('Montserrat-Light'), url('/fonts/montserrat-v14-latin/montserrat-v14-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/fonts/montserrat-v14-latin/montserrat-v14-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-regular - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/fonts/montserrat-v14-latin/montserrat-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/fonts/montserrat-v14-latin/montserrat-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat-700 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/fonts/montserrat-v14-latin/montserrat-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('/fonts/montserrat-v14-latin/montserrat-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


html { width: 100%; }
* { font-family: 'Montserrat', sans-serif; font-weight: 400;}
body { font-family: 'Montserrat', sans-serif; background-color:#fff;  width:100%; }

a { color:#9c132e; text-decoration:underline; }
header div#cycleContainer { width:100%; max-height:800px; overflow:hidden; }
header .cycle-slide { width:100%; position:relative; }
header .cycle-slide img { width:100%; }

#mainBanner { position:fixed; z-index:999999; text-align:center; width:100%; top:0; }

#mainBanner .container { padding:40px 0px; background-color:transparent; width: 100%; max-width: 100%; }
#mainBanner .container.compact { padding:20px 0px; }
#mainBanner #navBanner { padding:0px; width: 100%; max-width: 100%; margin-top: 0; }
#imageBanner { background-color:#9c132e !important; position: relative; }
.navbar { background-color:#9c132e; padding:0px 0px 0px 0px; font-family: 'Montserrat', sans-serif; }
.navbar a { color:#ffffff; text-transform:uppercase;font-size:12px; font-weight:bold; }
.navbar a:hover { text-decoration:underline; }
.dropdown-menu { width:100%; }
fieldset { margin-bottom:20px;}
fieldset legend { border-bottom:1px solid #b39e4b; margin-bottom:30px;  }

nav { display:none; background-color:#3e495c; padding:0px 0px 0px 0px; text-align:center; padding:0px 0px 0px 0px; }
nav a { text-decoration:none; }
nav ul { display: inline; margin:0px; padding:0px; }
nav ul li { display:inline;  }
nav ul li a { color:#ffffff;font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-size:1em; font-weight:400; padding:10px 5px 10px 5px; display:inline-block;  }
nav ul li a:focus { color:#ffffff; text-decoration: none; }


nav ul li a:hover { background-color:#ffffff; color:#9c132e; text-decoration:none;  }
nav .dropdownContainer  { border-bottom:2px solid #9c132e;border-left:2px solid #9c132e;border-right:2px solid #9c132e;  display:none; list-style: none; position: absolute; z-index:999; background-color:#ffffff !important; color:#9c132e; padding:0px 12px 0px 15px !important; }
nav .dropdownContainer ul { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; float:left; text-align: left; }
nav .dropdownContainer ul li { display:block;  }
nav .dropdownContainer ul li span { font-weight:bold; font-size:12px; text-transform:uppercase; }
nav .dropdownContainer ul li a { color:#000000; text-transform:none !important; padding:0px 0px 0px 0px !important; font-size:1em; line-height: 1.56; }
nav .dropdownContainer ul li a:hover { color:#9c132e; text-decoration:underline;}
.whitebg { background-color:#ffffff !important; }
nav ul li a.whitebg { color:#9c132e !important ; }

.formHolder { float:left;margin:0px; padding:0px; }
.formHolder input { width:95%; padding:10px; color:#b39e4b; border:1px solid #9c132e;  }

#contentPane input[type=submit] { background-color:#9c132e; border:1px solid #9c132e; color:#ffffff;  font-weight:bold; padding:10px;}
#contentPane input[type=submit]:hover { background-color:#ffffff; border:1px solid #9c132e; color:#9c132e; font-weight:bold; padding:10px; cursor:pointer;}
#contentPane input[type=button] { background-color:#9c132e; border:1px solid #9c132e; color:#ffffff;  font-weight:bold; padding:10px;}
#contentPane input[type=button]:hover { background-color:#ffffff; border:1px solid #9c132e; color:#9c132e; font-weight:bold; padding:10px; cursor:pointer;}


#mainBromsgroveLogo {
	z-index: 2147483647;
	position: relative;
	height: 80px;
}

#Breadcrumb { text-align:left;  color:#ffffff; font-size:12px;padding-top:10px; display:inline-block;float:left; }
#utilities-staff,
#utilities-top {
	position: fixed;
	top: 220px;
	right: 0px;
	z-index: 99999;
	text-align: right;
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
	justify-content: space-between;
	justify-content: flex-end;
}
	#utilities-staff * {
		/* text-decoration: none; */
	}
#utilities-top > div + div { margin-top: 1em; }
#utilities-staff {
	display: none;
	flex-direction: column;
	top: 0px;
}
	#utilities-staff div { margin-top: .51em; }
	#utilities-staff span { color: white; font-weight:400; }
	#utilities-staff img {
		border: 3px solid #771919;
		padding: 10px;
		background-color: #771919;
		margin-left: .5em;
	}
	#utilities-staff a:hover img { border:3px solid #3e495c }
	#utilities-staff #webmail img { padding: 13px 9px; }
#search {
	flex: 1 0 100%;
	align-self: end;
	text-align: right;
	display: flex;
	justify-content: right;
}
.display-none {
	display: none !important;
}
#SearchContainer { position: relative; display: flex; width: 100%; justify-content: flex-end;}
#SearchContainer input[type="image"] {  background-color:#9c132e;  padding:10px 13px; border:3px solid #9c132e !important; cursor: pointer; margin-left: .5em; }
#SearchContainer input[type="image"]:hover {  border:3px solid #3e495c !important; }
#SearchContainer input[type="text"] { width: 120px; text-align: center; border: 1px solid #777777; }
#SearchContainer input[type="text"]::placeholder { color:#9c132e; opacity: 1; }
#SearchContainer input[type="text"]:focus,
#SearchContainer input[type="text"]:not(:placeholder-shown) { width: 80%; text-align: left; padding-left: 2em; }
 { width: 40%; text-align: left; padding-left: 2em; }
#heart img { margin:10px; }
#heart { background-color:#9c132e;  padding:0px; border:3px solid #9c132e; cursor: pointer; display: flex; justify-content: right; align-self: end; text-align: right;}
#heart:hover { border:3px solid #3e495c; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#9c132e; text-transform:uppercase; font-size:1em; font-weight:400;}
::-moz-placeholder { /* Firefox 19+ */ color:#9c132e; text-transform:uppercase; font-size:1em; font-weight:400; }
:-ms-input-placeholder { /* IE 10+ */ color:#9c132e; text-transform:uppercase; font-size:1em; font-weight:400; }
:-moz-placeholder { /* Firefox 18- */ color:#9c132e; text-transform:uppercase; font-size:1em; font-weight:400; }




#mobilecovid {
	background: black;
	padding: 1em;
}

	#mobilecovid a {
		/*padding: 1em; */
	}

		#mobilecovid a + a {
			margin-left: 1em;
		}

#utilities-staff.covid-main a {
	text-decoration: none !important;
}
#utilities-staff.covid-main a:hover {
	text-decoration: underline !important;
}




.newsrow {
	display: flex;
	align-items: center;
}
	.newsrow + .newsrow {
		margin-top: 1em;
	}
	.newsrow .col-sm-8 {
		margin-left: 2em;
	}

#welcome {
	background-color: #3e495c;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	padding: 30px 30px 30px 30px;
	font-size: 17px;
	margin-top: -200px;
	position: relative;
	z-index: 101;
}

#navBanner a[href="/coronaheader"] {
	background: black;
	border-left: 5px solid #b39e4b;
}
#navBanner a[href="/coronaheader"]:hover {
	background: white;
	border-left: 5px solid #b39e4b;
}

#welcome2 { background-color:#3e495c;  color:#ffffff; font-family: 'Montserrat', sans-serif; text-align:center; padding:30px 30px 30px 30px; font-size:17px; position:relative; z-index:101; margin-bottom: 2em; }
#welcome h1 { font-family: 'Cinzel', serif; }
#welcome2 h1 { font-family: 'Cinzel', serif; color: white!important;  }
#welcome2 h2 { font-size: 20px;  }
#welcome2 a { color: white; }
#welcome2 a:hover { color: white; }

a.btnLink { color:#9c132e; text-transform:uppercase; border:1px solid #9c132e; padding:10px 20px; margin-top:10px; display:inline-block; text-decoration:none !important; }
a.btnLink:hover { background-color:#9c132e; color: #ffffff; border-color:#3e495c; text-decoration:none; }
#welcome a.btnLink { color:#ffffff; text-transform:uppercase;  border:1px solid #ffffff; padding:10px 20px; margin-top:10px; display:inline-block; text-decoration:none !important; }
#welcome a.btnLink:hover { color:#3e495c; background-color:#ffffff; border-color:#3e495c; text-decoration:none; }
.secondaryCycle { max-height:600px !important; }


#fromTheHeadmaster > div div,
#Admissions > div div {
	text-align: center;
}
#fromTheHeadmaster > div:nth-child(1) > div:nth-child(2),
#Admissions > div:nth-child(1) > div:nth-child(2) {
	background-color: #9c132e;
	color: white;
	padding: 1em 1em 1em 2em;
}
#fromTheHeadmaster h2, #Admissions h2 { font-family: 'Cinzel', serif; }
#fromTheHeadmaster, #Admissions { margin-top: 2em; }
	#fromTheHeadmaster img, #Admissions img {
		height: 100%;
		width: 100%;
	}
	#fromTheHeadmaster div > a, #Admissions div > a {
		color: #ffffff;
		text-transform: uppercase;
		border: 1px solid #ffffff;
		padding: 10px 20px;
		margin-top: 10px;
		display: inline-block;
		text-decoration: none !important;
	}
	#fromTheHeadmaster a:hover, #Admissions a:hover {
		background: white;
		color: #9c132e;
	}
	#fromTheHeadmaster p > a, #Admissions p > a {
		text-decoration: underline;
		color: white;
	}
#welcome span {
	display: block;
}
#welcome a { font-size:16px; }
#ContentBlock {
	padding: 0px 0px;
	color: #7b0e24;
	display: flex;
}


#shortcuts {
	float: left;
	width: 150px;
	line-height: 200%;
	color: white;
	display: none;
	padding: 10px 10px;
}
#shortcutbox {
	width: 100%;
	background-color: #97091f;
	display: none;
	color: white;
	font-size: 12px;
}

#ContentBlock div div { background-color:#ffffff; padding:40px 30px;  margin-bottom:0; display:block; width:100%; }
#ContentBlock div div h2 { font-family: 'Cinzel', serif; font-size:42px; font-weight:700; color:#7b0e24; text-align: center; }
#ContentBlock div div p { font-size:14px; width:55%; }
#ContentBlock div div a { text-decoration: none; }
#ContentBlock div div a:hover { text-decoration: underline; }
#ContentBlock div div div { padding:0px;}

#Twitter { }
#News { padding-right:0px !important;   }
#newscatlinks.newscatlinkshome { display: inline; font-size: 1.2em; margin-left: 1em; }
#newscatlinks { padding-left: 0; padding-bottom: 0; font-size: 2em;}
#newscatlinks li { display: inline;  }
#newscatlinks li + li { margin-left: .25em; }
#newscatlinks.newscatlinkshome li + li + li:before { content:"/"; }
#newscatlinks a.bold { font-weight: 700;float: left;margin-right: .5em; text-decoration: none;}
#newscatlinks a.nonbold { color: black; color:#aa4d5f;  }

.Tweets {  height: 210px; min-height:10px !important; font-size:14px; display: table-cell; vertical-align: middle;}
.Tweets img { display: none; width:60%; margin:5px 0px 0px 0px; max-height: 100%; }
.Tweets > div:nth-child(1) { display: none !important; }
.Tweets > div { height: 100%;  }
.Tweets div { min-height:10px !important; display:inline-block;  float:left; padding:0px !important; margin:0px 0px 10px 0px !important;   }
.Tweets div a { color:#7b0e24  !important; border:0px !important; padding:0px !important; font-weight:400; text-transform:none !important; font-size:14px; display:block; width:100%; text-decoration: underline !important; }
.Tweets div a:hover { color:#b39e4b !important; text-decoration:underline !important;  background-color:transparent !important; }
.Tweets.row + .Tweets.row { border-top: 1px solid black; margin-top: 10px; margin-bottom: 10px; }

	.Tweets span {
		margin-left: 2em;
		display: block;
	}

#NewsScroll { padding:0px !important; margin:0px !important; }
.newsGroup { padding:0px !important; margin:0px 0px 10px 0px !important; min-height:1px !important; }
.newsGroup span { padding:0px !important; margin:0px 0px 0px 0px !important; min-height:1px !important; font-size:14px; display:inline-block; }
.newsGroup span a { color:#7b0e24  !important; border:0px !important; padding:0px !important; font-weight:bold;  text-transform:none !important; font-size:14px; display:block; width:100%; }
.newsGroup span a:hover { color:#b39e4b !important; text-decoration:underline !important;  background-color:transparent !important; }
.secondHold { min-height:610px; }
.seemore { }
.newsGroup .col-sm-4 img { width:90%;margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px; }
.newsGroup span span { float:left; display:inline-block; }

#AdOne { display:block; padding:0px; margin:0px 0px 30px 0px; }
#AdOne .container {  padding:0px;  }
#AdOne .container img { width:100%; }


.bottomPadding { position:relative; cursor:pointer; }
	.bottomPadding span {
		color: black;
		text-decoration: none !important;
		display: block;
		text-align: center;
		font-size: .67em;
		line-height: 1.56em;
	}
.bottomBlock { text-align: center; margin-top: 2em; }
.bottomBlock h3 { padding: 0 .5em }
.bottomBlock div,.bottomBlock a, .bottomBlock h3 { height:100%; }
.bottomBlock div { background-color: #d5d5d5; }
.bottomBlock a { text-decoration: none !important; display: inline-block; }
.bottomBlock label { font-family: 'Cinzel', serif; display: block; margin: 1em!important; }
.bottomBlock label:hover { cursor:pointer; }
.bottomBlock span { text-transform:initial !important;  font-family: 'Montserrat', sans-serif; font-size: 18px; padding: 1em 0; }

.h3toggle { bottom:auto; top:0px; color:#b39e4b !important; padding-left:20px !important;padding-right:20px !important; height:100%; width:100%; display:block; }
.h3toggleblock { display:block !important; color:#ffffff !important; }

footer { background-color:#3e495c; padding:10px 0px 10px 0px; display:block;  }
footer .container { display:block; clear:both; padding:0px;  }
footer .container .leftIcons { float:left; }
footer .container .leftIcons img { margin-right:10px; }
footer .container .rightIcons { float:right; }
footer .container .rightIcons img { margin-left:10px; width: 50px; }

.footerblock + .footerblock { margin-top: 2em; border-top: 1px solid white; }

#Credits { background-color:#9c132e; color:#ffffff; font-size:12px; text-align:center;  padding:20px 0px 20px 0px;  }
#Credits a { text-decoration:none!important; color:#ffffff }
#Credits a:hover { text-decoration:underline!important;  }
#Credits span { display:block; font-family: 'Cinzel', serif; font-size:45px;  }

.goldBorder { border-bottom:10px solid #b39e4b; }
.headerImageSmaller { width:200px !important; }
.boxFill { min-height:390px; padding-bottom:0px; }

.ui-accordion-content-active {
	margin-bottom: 2em;
}
.accordion-container {
	margin-top: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}
.accordion + .accordion {
	border-top: 1px solid black;
}

.ui-accordion-header {
	font-weight: 700;
	padding-top: 2em;
	padding-bottom: 2em;
	cursor: pointer;
}
.ui-accordion-header:focus {
	outline: none;
}
.accordion-header-arrow {
	float: right;
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.ui-accordion-header-active .accordion-header-arrow {
	transform: rotate(90deg);
}.ui-accordion-header-active .accordion-header-arrow #circle {
	fill: #0f0;
}
.accordion * {
	transition: all .2s ease-in-out;
}

#contentPane { background-color:#ffffff; padding:20px 0px 20px 0px; display:flex; }
#contentPane h1 { color:#9c132e; font-size:30px; margin-bottom:20px;}

#secondNav { background-color:red; padding:20px 0px;  height:100px; width:100px; }
.contentPaneNav { float:left; background-color:#e6e3de;  padding:0px; font-size:14px;  }
.contentPaneContent { float:left;  }
.contentPaneNav h3 { font-size:14px; text-transform:uppercase;padding:15px 15px 0px 15px;}
.contentPaneNav ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; list-style-type:none;display:block;  }
.contentPaneNav ul li { padding:5px 15px 5px 15px; background-color:#9c132e; color:#ffffff;  }
.contentPaneNav ul li a { background-color:#9c132e; display:block; color:#ffffff; text-transform:uppercase; padding:5px 0px 5px 0px; text-decoration:none; }
.contentPaneNav ul li a:hover { text-decoration:underline; }
.contentPaneNav img { width:100%; }
.contentPaneContent h2 {  font-family: 'Montserrat', sans-serif; color:#9c132e;font-size:25px;margin-bottom:25px;   }
legend { color:#9c132e; }
.aForm { list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.aForm label { width:150px; display:inline-block; }
.aForm input { width:300px; display:inline-block; }
.aForm select { width:300px; display:inline-block;padding:5px; }

.galleryIntro { float:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:8; position:relative; font-family: 'Montserrat', sans-serif; }
.galleryIntro div.imageHolder { padding:0px 0px 0px 0px;  margin:20px 20px 0px 0px;   z-index:8; position:relative; }
.galleryIntro img { width:100%; z-index:8; position:relative;    -webkit-filter: blur(0px); filter: blur(0px); }
.galleryIntro a {  top:0px; position:absolute; z-index:9;  display:block; width:100%; height:100%; font-family: 'Montserrat', sans-serif; color:#ffffff; padding:0px; font-size:14px; }
.galleryIntro a span { width:100%; display:block;padding:5px 0px 5px 10px; background: rgba(156,19,46, 0.8); border-bottom:3px solid #b39e4b ; }
.galleryIntro a:hover { text-decoration:none;  animation-name: textFade; animation-duration: 1s; -webkit-animation-fill-mode: forwards;animation-fill-mode: forwards; }
.galleryIntro a:hover span { animation-name: bgFade; animation-duration: 1s; -webkit-animation-fill-mode: forwards;animation-fill-mode: forwards; }

.staffProfile img { width:100%; margin-bottom:20px; }

.gallerySlide { }
.gallerySlide img {  max-height:500px;   }
#alt-caption { margin:10px 0px 10px 0px; background-color:#9c132e; font-weight:bold; color:#ffffff;padding:10px 0px 10px 0px; text-align:center; }
#next { float:right; }
#next, #prev { font-size:14px; color:#9c132e; font-weight:bold; cursor:pointer;}

#calendarLegend { border-bottom:1px solid #9c132e; padding-bottom:10px; margin-bottom:10px;}
#calendarLegend label { font-size:14px; font-weight:bold; color:#9c132e; display:block; }
#calendarLegend select { width:100%; padding:10px; }
#calendarLegend table { width:100%;}
#calendarLegend table label { display:inline-block; font-size:12px; width:50%; text-align:center  }
#calendarLegend input[type=checkbox] { margin-right:10px; }
.senblock { background-color:#ac8bd8; color:#ffffff;padding:5px; width:100%; display:block;  }
.pblock { background-color:#6a893d; color:#ffffff;padding:5px; width:100%; display:block;  }
.ppblock { background-color:#a36d4f; color:#ffffff;padding:5px; width:100%; display:block; }
.senblock2 { background-color:#ac8bd8; color:#ffffff;padding:5px; width:100%; display:block; text-align:center;  }
.pblock2 { background-color:#6a893d; color:#ffffff;padding:5px; width:100%; display:block; text-align:center;  }
.ppblock2 { background-color:#a36d4f; color:#ffffff;padding:5px; width:100%; display:block;  text-align:center; }

#calendarLinks { font-size:14px;margin-top:10px; margin-bottom:10px;  }
#calendarLinks a { color:#9c132e; font-weight:bold; }
.textRight { text-align:right; }

.fas, .far { color:#9c132e;  }

.NewTable { font-size:14px; width:100%; }
.NewTable tr th { background-color:#9c132e; color:#ffffff; padding:10px;}
.NewTable tr td { padding:10px;}
.NewTable tr:nth-child(even) {background-color: #f2f2f2;}
.newDay { border-top:1px solid #9c132e; }

ul.tabMenu { list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 20px 0px;  }
ul.tabMenu li { display:inline-block;  }
ul.tabMenu li a { color:#ffffff;background-color:#9c132e; padding: 5px; color:#ffffff; font-weight:bold; border:1px solid #9c132e; }
ul.tabMenu li a:hover { text-decoration:none; background-color:#ffffff; color:#9c132e; }
ul.tabMenu li span { background-color:#b39e4b; padding: 5px; color:#ffffff; font-weight:bold;border:1px solid #b39e4b; }

#tabs-1 h2,#tabs-2 h2,#tabs-3 h2,#tabs-4 h2,#tabs-5 h2,#tabs-6 h2,#tabs-7 h2,#tabs-8 h2,#tabs-9 h2,#tabs-10 h2 {color:#9c132e;}
#tabs-1 ul,#tabs-2 ul,#tabs-3 ul,#tabs-4 ul,#tabs-5 ul,#tabs-6 ul,#tabs-7 ul,#tabs-8 ul,#tabs-9 ul,#tabs-10 ul { margin:0px; padding:0px; list-style-type:none; }
#tabs-1 li, #tabs-2 li, #tabs-3 li, #tabs-4 li, #tabs-5 li, #tabs-6 li, #tabs-7 li, #tabs-8 li, #tabs-9 li, #tabs-10 li { border-bottom:1px solid #e6c4cb; padding:20px 0px 20px 0px;}
#tabs-1 label,#tabs-2 label,#tabs-3 label,#tabs-4 label,#tabs-5 label,#tabs-6 label,#tabs-7 label,#tabs-8 label,#tabs-9 label,#tabs-10 label { color:#000000; vertical-align:top; font-weight:bold; display:inline-block; width:50%;}
#tabs-1 input[type=text],#tabs-8 input[type=text] { width:43%; }
#tabs-1 select,#tabs-8 select { width:43%;padding:5px; }
#tabs-1 textarea { width:43%;padding:5px;  }
#tabs-5 h2 { margin-top:20px;}
#tabs-7 h2 { margin-top:20px;   }

#tabs-5 select { padding: 10px; width:43% }
#tabs-9 select { padding: 10px; width:43% }
#tabs-10 select { padding: 10px; width:43% }
#tabs-10 .NewJob { margin-bottom:20px; }
ul.NewJob input[type=submit] { width:100%; margin:0px 0px 0px 0px;  }
table.Education  { width:100%; display:inline-block; margin-bottom:10px;  }
table.Education tr { vertical-align:top; }
table.Education input { width:100%;display:inline-block;  }
table.Education input[type=button] { background-color:#9c132e; border:1px solid #9c132e; color:#ffffff;font-weight:bold;  }
table.Education select { padding:4px;   }
table.Education textarea { width:100%;   }
.BigTextBox { width:100%; }

.staffHeader { background-color:#9c132e; color:#ffffff; font-weight:bold; padding:10px 10px 10px 10px;margin:0px 0px 10px 0px; width:100%; display:block;}
.staffCol img { width:100%;margin:0px 0px 10px 0px; }
.staffCol a { background-color:#9c132e; color:#ffffff; padding:10px; font-weight:bold; border:1px solid #9c132e; text-decoration:none;  }
.staffCol a:hover { background-color:#ffffff; color:#9c132e; padding:10px; font-weight:bold; border:1px solid #9c132e; text-decoration:none; }

.contentPaneContent table { width:100%; display:table; }
.contentPaneContent table tr td { padding:10px; text-align:left; }
.contentPaneContent table tr th { color:#ffffff; background-color:#9c132e; padding:10px; }
.contentPaneContent table tr:nth-child(odd) {background: #eeeeee; }

.productCell { float:left; }
.prodlink img { width:100%; }
.prodCell { border:1px solid #b39e4b; margin-bottom:20px;padding:20px; font-size:14px;min-height:370px; }

#covid19 {
	width: 100%;
	color: white;
	background-color: black;
	display: block;
	align-items: center;
	text-align: center;
	justify-content: center;
	font-weight: 600;
	padding: 1em 0;
	text-decoration: none;
	margin-top: 1em;
	padding: 3em;
	text-decoration: underline;
	border-top: 5px solid #b39e4b;
	border-bottom: 5px solid #b39e4b;
}
	#covid19:hover {
		text-decoration: underline;
	}

#MobileMenu {
	COLOR: WHITE;
	FONT-WEIGHT: 900;
	FONT-SIZE: 2EM;
	LINE-HEIGHT: 0;
	padding: 10px 0;
	text-align: center !important;
}

.col-md-2point4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 992px) {
	.col-md-2point4 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 768px) {
	.col-md-2point4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

@keyframes textFade {
	from { color: #ffffff; }
	to { color: #b39e4b; }
}

@keyframes bgFade {
	from { background: rgba(156,19,46, 0.8); }
	to { background: rgba(156,19,46, 1); }
}



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

	.Tweets img {
		display: block;
	}
	.Tweets > div:nth-child(1) {
		display: flex !important;
		align-items: center;
		justify-content: center;
		text-align: center;
	}
	.Tweets span {
		margin-left: unset;
	}

	#ContentBlock div div h2 {
		text-align: unset;
	}
}
@media only screen and (min-width: 1024px) {
	#utilities-staff {
		display: flex;
	}
}

@media only screen and (max-width: 767px) {
	.btnLink { width:100%; }
}

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

	#SearchContainer input[type="text"]:focus,
	#SearchContainer input[type="text"]:not(:placeholder-shown) {
		width: 60%;
		text-align: left;
		padding-left: 2em;
	}


	
	.footerblock + .footerblock { margin-top: 0; border-top: 0; }

}

@media only screen and (min-width: 767px) and (max-width:1368px) {
	/*#fromTheHeadmaster { */
	/*    flex: 0 0 100%;  */
	/*    max-width: 100%; */
	/*    float: none;     */
	/*    width: 100%;     */
	}


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

		#mobilecovid {
			display: none;
		}

		#MobileMenu {
			display: none;
		}

		#covid19 {
			width: 180px;
			border: unset;
			border-left: 5px solid #b39e4b;
			padding: 10px 10px;
			color: white;
			background-color: black;
			position: absolute;
			right: 0;
			height: 100%;
			top: 0;
			border-left: 5px solid #b39e4b;
			align-items: center;
			font-weight: 600;
			padding: 0 1em;
			text-decoration: none;
			margin: 0;
		}

		#SearchContainer input[type="text"]:focus,
		#SearchContainer input[type="text"]:not(:placeholder-shown) {
			width: 500px;
			text-align: left;
			padding: 0 2em;
		}


		nav {
			display: block;
		}
	}

	@media only screen and (min-width: 1150px) {
		.covid-main {
			width: 250px;
		}
	}
	@media only screen and (min-width: 991px) {


		#fromTheHeadmaster > div:nth-child(1) > div:nth-child(2),
		#Admissions > div:nth-child(1) > div:nth-child(2) {
			display: inline;
			padding-left: 2em;
			background-color: #9c132e;
		}

		#fromTheHeadmaster > div:nth-child(1),
		#Admissions > div:nth-child(1) {
			display: flex;
			height: 370px;
		}

		#fromTheHeadmaster > div div,
		#Admissions > div div {
			text-align: left;
		}

		#fromTheHeadmaster img, #Admissions img {
			width: auto;
		}
	}

	@media only screen and (max-width: 1000px) {
		#ContentBlock {
			display: block;
		}

		#mainBanner {
			position: absolute;
		}

			#mainBanner img {
				width: 80%;
				height: auto;
			}

		#navBanner nav {
			display: none;
		}

		#MobileMenu {
			display: block;
			text-align: right;
		}

			#MobileMenu img {
				width: 20px !important;
				margin: 10px 10px 10px 0px;
				cursor: pointer;
				padding: 0px 0px 0px 0px !important;
			}

		nav {
			display: none;
		}

			nav ul li a {
				background-color: #ab5465;
				display: block;
				border-bottom: 1px solid;
			}

			nav .dropdownContainer {
				position: relative;
				background-color: #dda2ae !important;
				padding: 0px 0px 0px 0px !important;
				margin: 0px;
			}

		.dropdownContainer .col-sm-3 {
			width: 100% !important;
			max-width: 100%;
			display: block;
			background-color: #dda2ae;
		}

		nav .dropdownContainer ul {
			padding: 0px;
			margin: 0px 0px 0px 0px;
		}

			nav .dropdownContainer ul li {
				width: 100% !important;
				display: block;
				background-color: #dda2ae;
				padding: 0px 0px 0px 0px;
			}

				nav .dropdownContainer ul li a {
					background-color: #dda2ae;
					padding: 10px 15px 10px 15px !important;
					display: block;
					color: #000000;
				}

					nav .dropdownContainer ul li a:hover {
						color: #ffffff;
						text-decoration: none;
						border-bottom-color: #000000;
						background-color: #ab5465;
					}

				nav .dropdownContainer ul li span {
					background-color: #9c132e;
					display: block;
					color: #ffffff;
					padding: 5px 15px;
				}

		#imageBanner {
			width: 100% !important;
			max-width: 100%;
		}

		#navBanner {
			max-width: 100%;
		}

		#mainBanner {
			top: 0px !important;
			position: relative;
		}

		#navBanner {
			margin-top: 0px !important;
			border-top: 1px solid #ffffff;
			width: 100%;
			max-width: 100%;
		}

		#welcome {
			margin-top: 0px;
			width: 100% !important;
			max-width: 100%;
		}

		#MobileMenu {
			background-color: #9c132e;
		}

		#mainBanner .container {
			background-color: #3e495c;
		}

		#SearchContainer {
			padding-top: 5px;
			padding-bottom: 5px;
			background-color: #b39e4b;
			display: none;
		}

		#Breadcrumb {
			padding-top: 5px;
			padding-bottom: 5px;
			background-color: #b39e4b;
			width: 100%;
			max-width: 100%;
		}

		#ContentBlock {
			width: 100%;
			max-width: 100%;
		}

		#Twitter {
			width: 100%;
			max-width: 100%;
			padding-right: 0px;
		}

		.Tweets {
			clear: both;
			display: block;
		}

			.Tweets .col-sm-2 {
				display: none !important;
			}

			.Tweets .col-sm-10 {
				width: 100%;
				text-align: center;
				min-width: 100%;
				border-bottom: 1px solid #9c132e;
				padding-bottom: 30px !important;
			}

			.Tweets + .Tweets {
				width: 100%;
				min-width: 100%;
				padding-bottom: 30px !important;
			}

		.boxFill {
			min-height: 0px;
		}

		#News {
			width: 100%;
			max-width: 100%;
			padding-right: 0px;
			padding-left: 0px;
		}

		.secondHold {
			min-height: 0px;
		}

		#AdOne div {
			width: 100%;
			max-width: 100%;
			padding-right: 0px;
			padding-left: 0px;
		}

		#welcome span {
			display: inline;
		}

		#ContentBlock div div a {
			margin-top: 20px;
		}

		footer .container, .leftIcons, .rightIcons {
			width: 100%;
			max-width: 100%;
			padding: 0px;
			text-align: center;
		}

			.leftIcons img {
				margin-bottom: 20px;
			}


		#MobileMenu img {
			width: 20px !important;
			margin: 0px 10px .16em 0;
			cursor: pointer;
			padding: 0px 0px 0px 0px !important;
		}
	}


	@media only screen and (min-width: 1000px) {
		#fromTheHeadmaster > div div:nth-child(1) {
			max-width: 302px;
		}

		#Admissions > div div:nth-child(1) {
			max-width: 302px;
		}
	}

	@media only screen and (max-width: 1200px) and (min-width: 1000px) {


		.sliderbox.col-lg-2 {
			max-width: unset;
		}
	}

	@media only screen and (max-width: 1500px) and (min-width: 991px) {
		.sliderbox div.schoolhold div p:nth-child(2) {
			font-size: 1em !important;
		}

		#utilities-top {
			top: 270px;
		}

		@media only screen and (max-width: 550px) and (min-width: 0px) {
			#mainBanner {
				top: 0px;
			}

			.cycle-slideshow {
				position: relative;
			}
		}

		@media only screen and (min-width: 1600px) {
			#fromTheHeadmaster img, #Admissions img {
				width: auto;
			}
		}


		@media only screen and (max-height: 800px) {
			#mainBanner .container {
				padding: 10px 0px;
			}
			/*#utilities-staff {
		flex-direction: row;
	}
	#utilities-staff > div + div {
		padding-left: 1em;
	}*/
			#utilities-staff div {
				margin-top: 0 !important;
			}

			#utilities-staff img {
				padding: 7px;
			}

			#utilities-staff #webmail img {
				padding: 11px 6px;
			}
		}

		@media only screen and (max-width: 1400px) {
			.sliderbox div.schoolhold div p:nth-child(1) {
				font-size: 18px !important;
			}
		}


		@media only screen and (min-width: 1245px) and (max-width: 1620px) {
			#fromTheHeadmaster > div:nth-child(1), #Admissions > div:nth-child(1) {
				height: 520px;
			}

			#fromTheHeadmaster img, #Admissions img {
				width: 370px;
				height: unset !important
			}

			#fromTheHeadmaster > div:nth-child(1) > div:nth-child(1),
			#Admissions > div:nth-child(1) > div:nth-child(1) {
				display: flex;
				align-self: center;
			}

			#fromTheHeadmaster > div:nth-child(1),
			#Admissions > div:nth-child(1) {
				background: #d5d5d5;
			}
		}

		/* Internet explorer and safari only */
		/*
				@media screen and (min-width: 991px) and (max-width:1600px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {

					#fromTheHeadmaster img, #Admissions img {
						width: 0;
					}
				}

				@media screen and (min-width: 991px) and (max-width:1500px) {
					_::-webkit-full-page-media, _:future, :root #fromTheHeadmaster img {
						width: 0;
					}

					_::-webkit-full-page-media, _:future, :root #Admissions img {
						width: 0;
					}
				}
		*/