/* Generic/small display elements */
body {
	background: #fff;
	text-align: justify;
}

p {
	text-align: justify;
}

h1 {
	color: #003466;
	font-size: 1.8rem;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	text-align: left;
}

h2 {
	color: #003466;
	font-size: 1.5rem;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	text-align: left;
}

h3 {
	color: #003466;
	font-size: 1rem;
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	text-align: left;
}

p {
	font-size: 0.9rem;
}

div.left {
	padding-left: 0;
	padding-right: 0;
}

div.middle {
	padding-left: 0;
	padding-right: 0;
}

div.right {
	padding-left: 0;
	padding-right: 0;
}



li {
	font-size: 0.9rem;
}

.float_left {
	float: left;
	padding-right: 10px;
}

.float_right {
	float: right;
	padding-left: 10px;
}

.columns img {
	padding-bottom: 1em;
	float: left;
	padding-right: 10px;
}

/* bump up the left column captions */
h3.lcaption {
	float:left;
	margin-top: -3em !important;
	color: #fff;
	text-shadow: 1px 1px #777;
	padding-left: 1em;
}

.pagespace {
	height: 2rem;
}

/* footer */
img.bmn-typography {
	margin: 0;
	padding: 0;
	padding-top: 2em;
}

.footer-light-blue {
	background: #50a0d0;
	height: 3em;
}

.footer-dark-blue {
	background: #003466;
	background-image: url('/images/footer-sm.jpg');
	background-repeat: no-repeat;
}

.footer-menu ul li {
	list-style: none;
}

.footer-menu ul li a {
	color: #50a0d0;
	text-transform: uppercase;
	font-size: 0.9rem;
}

.footer-menu ul li a:hover {
	color: #fff;
}

.smallprint {
	clear: both;
	color: #50a0d0;
	font-size: 0.7rem;
	padding-left: 16px;
}

.tel {
	padding-right: 1em;
	padding-top: 0.4em;
}

/* green feature box */
div.green, div.green p {
	background: #92b863;
	color: #fff;
	text-align: justify;
}

div.green a {
	color: #dedede;
}

div.green a:hover {
	color: #cdcdcd;
}

/* light blue feature box */
div.blue {
	background: #50a0d1;
	color: #fff;
	padding: 20px;
}

div.blue a {
	color: #dedede;
}

div.blue a:hover {
	color: #cdcdcd;
}

div.blue h1, div.blue h2, div.blue h3 {
	color: #fff;
}

div.padding {
	padding: 1.5em;
	margin-bottom: 1em;
}

div.green h1, div.green h2, div.green h3, div.green h4 {
	color: white;
	text-align: justify;
}

div.brown {
	background: #ffedc7;
	/*color: #fff;*/
}

div.ofsted img, div.ofsted p img{
	float: none;
}

div.meab, div.meab p {
	clear: both;
}

div.meab img, div.meab p img{
	float: none;
}

/* news */
li.news-listing {
	list-style-type: none;
	margin-top: 3em;
	margin-bottom: 3em;
}

li.news-listing:first-child {
	margin-top: 0;
}

li.news-listing img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

li.news-listing h2 {
	margin: 0; padding: 0;
	text-transform: uppercase;
}

img.urgent-news {
	float: right;
	margin-left: 10px;
}

img.newsletter {
	float: right;
	margin-left: 10px;
}

.newsletter, .newsletter p {
	text-align: left;
}

input.submit {
	color: #fff;
	background: #50a0d0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 1.1rem;
}

input.submit:hover {
	background: #003466;
	cursor: pointer;
}


div.newsletter h2 {
	font-size: 1.2rem;
}

table.download {
	border: none;
	background: transparent;
	clear: left;
}


table.download td {
	padding: 0 0.2rem;
	margin: 0;
	padding-top: 0.5rem;
	height: 1rem;
}

table.download td img {
	margin-top: 8px;
}


.newsletter-icon {
	height: 9em;
}

div.arrow {
	float: left;
	height: 4em;
	clear: left;
	padding-right: 8px;
}

.bmn-button {
	color: #fff;
	background: #50a0d0;
	border-radius: 8px;
	font-size: 1.1rem;
	padding: 12px;
	margin-top: 2em;
}

.bmn-button:hover {
	background: #003466;
	color: #ddd;
}

div.animation {
	float: left;
	background-image:url('../images/barnes-web-animation2.gif');
  	background-attachment:fixed;
  	background-repeat: no-repeat;
  	/*background-position: 0 70px;*/
  	max-width: 275px;
  	min-height: 250px;
}

div.second-animation {
	display: none;
}

div.principals-newsletter, div.principals-newsletter p {
	text-align: left;
}


/* Google Map */
/* Fixes Foundation distortion issues */
#map-canvas img{max-width: none !important;}

@media only screen and (min-width: 40.063em) {
 	.header {
		background: url(/images/header.jpg);
		width: 100%;
		height: 11em;
	}

	.menu {
		margin-top: 6em;
	}

	.footer-dark-blue {
		height: 6em;
	}

	.footer-menu {
		margin-top: 1em;
	}

	.footer-menu ul li{
	list-style: none;
	display: inline;
	list-style-type: none;
	padding-right: 16px;
	}
	.tel {
	float: right;
	}

	div.left {
	padding-left: 1em;
	padding-right: 2em;
	}

	div.middle {
		padding-left: 2em;
		padding-right: 2em;
	}

	div.right {
		padding-left: 2em;
		padding-right: 1em;
	}
	.footer-dark-blue {
	background: #003466;
	background-image: url('/images/footer.jpg');
	background-repeat: no-repeat;
	}

	div.animation {
  	min-height: 3000px;
  	display: block;
  	position: fixed;
  	/*background-position: 1400px 450px;
  	background-position: 0 0;
  	/*background-position: 22% 50%;*/
	}

	div.second-animation {
		margin-top: 1800px;
		display: block;
	}

}

@media only screen and (min-width: 64.063em) {

	div.animation {
		/*background-position: 260px 150px;*/
		display: block;
  	position: fixed;
	}

	div.second-animation {
		margin-top: 2000px;
		display: block;
	}
}