@charset "UTF-8";
/* CSS Document */

@media screen and (max-width: 540px) {

/* container size */

html {
    -webkit-text-size-adjust: none; /* Never autoresize text on the iphone */
}

#body{
	background-image: url(images/trees_640.jpg)!important;
	background: rgba(255, 255, 255, 1);
    -pie-background:  rgba(255, 255, 255, 1);
    behavior: url(PIE.htc);
	} 
	
#navdiv{
	padding-top:2%;
	padding-bottom:2%;
	text-align: center;
	} 
	
#headerdiv{
	padding-top: 0px!important;
	} 
	
#headerdivbg{
	background-image: url(images/trees_crop.jpg)!important;
	background: rgba(255, 255, 255, 1);
    -pie-background:  rgba(255, 255, 255, 1);
    behavior: url(PIE.htc);
	}

body{
	background-image:none!important;
	background-color:#ba9c35!important;
	}
	
#container{
	width: 100%!important;
	border:0px;
	margin-left:auto;
	margin-right:auto;
	}
	
#header{
    /* Remove styling from the div when changing to smaller image */
    background:none!important;
    width:auto!important;
    height:auto!important;
}

#header img{
    /* Bring smaller image back into view */
    position:static;
}

#logos{
	padding-top: 15px;
	margin-right: 10px;
	} 
	
.nav a:link {
	font-size: 11.4px!important;
	line-height: 14px;
	}
	
.nav a:visited {
	font-size: 11.4px!important;
	line-height: 14px;
	}
	
.nav a:hover {
	font-size: 11.4px!important;
	line-height: 14px;
	}
	
.nav a:active {
	font-size: 11.4px!important;
	line-height: 14px;
	}

.navtext {
	font-size: 11.4px!important;
	line-height: 14px;
	}
	
.navtext2 {
	font-size: 11.4px!important;
	line-height: 14px;
	}
	
a.ncma {
	width: 54px!important;
	height: 45px!important;
	background: url("images/ofsted_sm.png")!important;
	}

a.ncma:hover {
	background-position: -54px 0!important;
	}

.displace {
	position: absolute!important;
	left: -5000px!important;
	}
	
a.ofsted {
	margin-right:5px!important;
	width: 57px!important;
	height: 45px!important;
	background: url("images/ncma_sm.png")!important;
	}

a.ofsted:hover {
	background-position: -57px 0!important;
	}

.displace {
	position: absolute!important;
	left: -5000px!important;
	}
	
a.mm {
	margin-right:5px!important;
	width: 60px!important;
	height: 45px!important;
	background: url("images/mm_sm.png")!important;
	}

a.mm:hover {
	background-position: -60px 0!important;
	}

.displace {
	position: absolute!important;
	left: -5000px!important;
	}