BODY {
background:#fff url(http://purleycollege.co.uk/2015/gifs/homes.jpg) no-repeat;
background-position:center top; 
height:100%;
margin-top:0px;
margin-bottom:0px;
font-size:15px;
-webkit-text-size-adjust: 100%;
margin-left:0px;
margin-right:0px;
text-align:center;
font-family: 'Source Sans Pro', sans-serif;
background:#fff;
}

BODY.noimg {
background:#fff url(http://purleycollege.co.uk/2015/gifs/home2.jpg) no-repeat;
background-position:center top; 
height:100%;
margin-top:0px;
margin-bottom:0px;
font-size:15px;
-webkit-text-size-adjust: 100%;
margin-left:0px;
margin-right:0px;
text-align:center;
font-family: 'Source Sans Pro', sans-serif;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: bullet;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {overflow-y: scroll;} 


.buttons{ 
width:310px;
float:left; 
}

.buttons300{
width:300px;
float:left; 
text-align:left;
}

.whitemainscreen{
width:100%;
background:#ffffff;
padding-bottom:44px;
}


IMG.curve{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
border:2px #333333 solid;
}

IMG.curve2{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
border:0px #333333 solid;
}

.maincontent {
margin-top:60px;
margin-bottom:90px;
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
padding:0px;
background:transparent;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align:center;
border:#3a5997 0px solid;
}

.maincontent2 {
margin-top:100px;
margin-bottom:60px;
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
padding:0px;
background:transparent;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align:center;
border:#3a5997 0px solid;
}

.belowmaninpicnew{
background:#ffffff;
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
margin-top:10px;
}

.lowerbox {
  width: 100% ;
  margin-left: auto ;
  margin-right: auto ;
}


.headerbox{
width:100%;
margin:0px;
min-height:50px;
background:#d7dafd;
}

.headerbox2{
width:100%;
margin:0px;
min-height:70px;
background:#1f4e79;
}

.subbox{
width:100%;
margin:0px;
background:#1f4e79;
opacity:0.7;
filter:alpha(opacity=70);
min-height:60px;
}

.subboxnew{
text-align:left;
width:980px;
margin-left:auto;
margin-right:auto;
background:#fff;
}

EM{
font-weight:bold;
text-shadow:0px 0px 1px #222;
color:#000099;
}

.btm {
margin-top:1px;
width:999px;
margin-left: auto ;
margin-right: auto ;
padding:0px;
text-align:center;
}

.homebox{
text-align:left;
width:650px;
background:#fff;
margin-top:32px;
padding:2px;
padding-top:10px;
margin-left:5px;
padding-bottom:10px;
float:left;
}


.narrowbox{
text-align:left;
width:310px;
background:#fff;
margin-top:12px;
padding:2px;
padding-top:10px;
margin-left:5px;
padding-bottom:20px;
float:left;
}






.bodybox{
text-align:left;
width:450px;
background:#111111;
border:1px solid black;
opacity:0.7;
filter:alpha(opacity=70);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:200px;
padding:2px;
margin-left:5px;
margin-bottom:50px;
}

.bigbodybox{
text-align:left;
width:650px;
background:#111111;
border:1px solid black;
opacity:0.7;
filter:alpha(opacity=70);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:200px;
padding:2px;
margin-left:5px;
margin-bottom:50px;
}

.bigbodyboxnoop{
text-align:left;
width:930px;
background:#000000;
opacity:0.9;
filter:alpha(opacity=90);
border:1px solid black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:200px;
padding:2px;
margin-left:5px;
margin-bottom:50px;
}


.bigbodyboxnoopwhite{
text-align:left;
width:930px;
background:#eeeeee;
border:1px solid black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:200px;
padding:2px;
margin-left:5px;
margin-bottom:50px;
}

.footer{
width:100%;
padding:2px;
background: #312d64;
min-height:33px;
margin-top:65px;
margin-bottom:5px;
border-top:0px #e1731a solid;
}

.footerbox{
  width: 100% ;
border:0px solid black;
margin-top:50px;
padding:0px;
  margin-left: auto ;
  margin-right: auto ;
font-size:15px;
padding-top:32px;
background: #312d64;
text-align:center;
}


#fullheightcontainer {
height: auto;
min-height: 100%;
height:30em;
}

.textblock{
width:650px;
float:left;
text-align:left;
}

.text{
color:#FFFFFF;
}
		
hr.topbar{
    border: 0;
    height: 1px;
    background: #3a5997;
    background-image: -webkit-linear-gradient(left, #ccc, #3a5997, #ccc); 
    background-image:    -moz-linear-gradient(left, #ccc, #3a5997, #ccc); 
    background-image:     -ms-linear-gradient(left, #ccc, #3a5997, #ccc); 
    background-image:      -o-linear-gradient(left, #ccc, #3a5997, #ccc); 
}


H1{
font-family: 'Source Sans Pro', sans-serif;
color: #000000;
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
letter-spacing: 3px;
font-weight: normal;
text-align:center;
text-shadow:0px 0px 0px #000000;
font-size:22px;
padding-top:11px;
}

H1.small{
font-family: 'Source Sans Pro', sans-serif;
color: #ffffff;
margin: 10px 10px 2px 2px;
padding: 0px 0px 6px 0px;
letter-spacing: 3px;
font-weight: bold;
text-align:center;
text-shadow:0px 0px 0px #000000;
padding-top:14px;
margin-bottom:12px;
font-size:30px;
}

H2{
font-family: 'Source Sans Pro', sans-serif;
color: #7f7f7f;
margin: 10px 10px 2px 2px;
padding: 0px 0px 6px 0px;
font-size: 27px;
letter-spacing: -1px;
font-weight: normal;
text-align:center;
text-shadow:0px 0px 0px #518adb;
margin-top:14px;
padding-bottom:11px;
}

H3{
font-family: 'Source Sans Pro', sans-serif;
color: #7f7f7f;
margin: 10px 10px 2px 2px;
padding: 0px 0px 6px 0px;
font-size: 25px;
letter-spacing: 1px;
font-weight: normal;
text-align:center;
text-shadow:0px 0px 0px #518adb;
margin-top:14px;
}


H4{
font-family: 'Source Sans Pro', sans-serif;
color: #ffffff;
background:#c0504d;
margin: 10px 10px 10px 10px;
padding: 6px 6px 6px 6px;
font-size: 30px;
letter-spacing: 1px;
font-weight: normal;
text-align:center;
text-shadow:0px 0px 0px #518adb;
margin-top:14px;
width:270px;
}


H4.video{
font-family: 'Source Sans Pro', sans-serif;
color: #111;
background:#c0504d;
background:#1b7589;
background:#ffffff;
margin: 5px 5px 5px 5px;
padding: 6px 6px 6px 6px;
font-size: 22px;
letter-spacing: 1px;
font-weight: normal;
text-align:center;
text-shadow:0px 0px 0px #518adb;
margin-top:14px;
width:270px;
}


P{
color:#4e4e4e;
font-size:15px;
font-family:'Source Sans Pro', sans-serif;
margin:3px;
line-height:120%;
margin-top:12px;
letter-spacing:2px;
}


P.white{
color:#ffffff;
font-size:15px;
font-family:'Source Sans Pro', sans-serif;
margin:3px;
line-height:120%;
margin-top:12px;
letter-spacing:2px;
}


LI{
color:#4e4e4e;
font-size:15px;
font-family:'Source Sans Pro', sans-serif;
margin:3px;
line-height:120%;
margin-top:2px;
letter-spacing:2px;
list-style-image:url(../gifs/bullet.png);
padding:11px;
padding-top:1px;
width:90%;
}

P.reallynagyon{
color:#FFFFFF;
font-size:18px;
font-family: 'Source Sans Pro', sans-serif;
margin-left:33px;
font-weight:bold;
}


P.top{
font-size:15px;
background:transparent;
color:#000000;
padding:2px;
margin:10px;
margin-bottom:15px;
background:#111111;
border:1px solid black;
opacity:0.7;
filter:alpha(opacity=70);
width:700px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
  margin-left: auto ;
  margin-right: auto ;
}

a:visited{
background-color:transparent;
color:#ffffff;
font-family: 'Source Sans Pro', sans-serif;
font-weight:normal;
}

a:link{
background-color:transparent;
color:#ffffff;
font-family: 'Source Sans Pro', sans-serif;
text-decoration:none;

font-weight:normal;
}

a:hover{
background-color:transparent;
color:#ffffff;
font-family: 'Source Sans Pro', sans-serif;
text-decoration:underline;
font-weight:normal;
}

a:active{
background-color:transparent;
color:#ffffff;
font-family: 'Source Sans Pro', sans-serif;
text-decoration:none;
font-weight:normal;
}

.white a:visited{
color:#ffffff;
}

.white a:link{
color:#ffffff;
}

.white a:hover{
color:#ffffff;
}

.white a:active{
color:#ffffff;
}

.dark a:visited{
color:#de7606;
font-weight:bold;
}

.dark a:link{
color:#de7606;
font-weight:bold;
}

.dark a:hover{
color:#de7606;
font-weight:bold;
}

.dark a:active{
color:#de7606;
font-weight:bold;
}

 .largeselect { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.largeselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 


 .select { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.select:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 


  .smallselect { 
    border: 1px solid #c4c4c4; 
    width: 140px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.smallselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.button {

background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8fb8), color-stop(1, #193366));
	
background:-moz-linear-gradient(top, #7b8fb8 5%, #193366 100%);
	
background:-webkit-linear-gradient(top, #7b8fb8 5%, #193366 100%);
	
background:-o-linear-gradient(top, #7b8fb8 5%, #193366 100%);
	
background:-ms-linear-gradient(top, #7b8fb8 5%, #193366 100%);
	
background:linear-gradient(to bottom, #7b8fb8 5%, #193366 100%);
	
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8fb8', endColorstr='#193366',GradientType=0);
		
	
background-color:#193366;
background-color:#c0504d;
background:#c0504d;
	
-moz-border-radius:5px;
	
-webkit-border-radius:5px;
	
border-radius:5px;
	
border:1px solid #566963;
	
display:inline-block;
	
cursor:pointer;
	color:#ffffff;
	
font-family:'Source Sans Pro', sans-serif;
	
font-size:15px;
	
font-weight:bold;
	
padding:15px 13px;
	
text-decoration:none;
	
text-shadow:0px -1px 0px #2b665e;

margin:10px;

}


.button:hover {
	
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7b8fb8), color-stop(1, #193366));
	
background:-moz-linear-gradient(top, #7b8fb8 5%, #193366 100%);
	
background:-webkit-linear-gradient(top, #7b8fb8 5%, #193366 100%);
	
background:-o-linear-gradient(top, #7b8fb8 5%, #193366 100%);
	
background:-ms-linear-gradient(top, #7b8fb8 5%, #193366 100%);
	
background:linear-gradient(to bottom, #7b8fb8 5%, #193366 100%);
	
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8fb8', endColorstr='#193366',GradientType=0);
	
background-color:#7b8fb8;

}


.button:active {
	
position:relative;
	
top:1px;

}




IMG.left{
float:left;
padding:5px;
}

IMG.right{
float:right;
padding:5px;
}

P.clear{
clear:both;
}

.school1{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school1.jpg);width:450px;height:300px;float:left;margin:14px;}
.school2{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school2.jpg);width:450px;height:300px;float:left;margin:14px;}
.school3{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school3.jpg);width:567px;height:376px;float:left;margin:14px;}
.school4{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school4.jpg);width:333px;height:376px;float:left;margin:14px;}

.topnavnav{
margin-top:11px;
}

.programme1{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/london.jpg) no-repeat;
background-position:center top;width:290px;height:210px;float:left;margin:14px;}
.programme2{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/bournemouth.jpg) no-repeat;
background-position:center top;width:290px;height:210px;float:left;margin:14px;}
.programme3{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/forestrow.jpg) no-repeat;
background-position:center top;width:290px;height:210px;float:left;margin:14px;}


.promorightbox{
float:right;
width:75%;
}


.headerbox2{
width:100%;
background:#1f4e79;
opacity:0.9;
filter:alpha(opacity=90);
margin-top:0px;
padding-top:0px;
}

.videobox{
width:100%;
height:530px;
text-align:center;
}


.googlemap{height:600px;}
.boxshowbig{width:45%;float:left;
background:#fff;}


.subboxhome{
width:350px;
border:#ffffff solid 1px; 
float:left;
padding:5px;
margin:4px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
background:#1b7589;
background:#464646;
margin-left:44px;
}

.subboxhome2{
width:350px;
border-top:#1b7589 solid 9px; 
border-bottom:#1b7589 solid 9px; 
float:left;
border-left:#1b7589 solid 0px; 
padding:5px;
margin:4px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-khtml-border-radius: 0px;
border-radius: 0px;
background:#fefefe;
}


.greenboxhome{
position:absolute;
right:50px;
top:110px;
}

.mobshow{display:none;}
.mobmenu{display:none;}

.newhomebox{width:59%;}


.vidbox{
background:transparent url(../gifs/vidbck.jpg) no-repeat;
min-height:311px;
text-align:center;
width:577px;
margin-right:auto;
margin-left:auto;
}

.centrelayout{text-align: center;
}

.centerDiv{ 
width:252px; 
height:52px;
background-color:transparent ;

    position: fixed;
    left:2%;
   top:1px;
}


.imagebox{
width:99%;
padding:0px;
  margin-left: auto ;
  margin-right: auto ;
}

.subfooterbox{
width:781px;
padding:0px;
  margin-left: auto ;
  margin-right: auto ;
text-align:center;
}


IMG.hanging{width:32%;}


@media only screen and (min-width : 800px) and (max-width : 999px) {

.imagebox{
width:99%;
}

.subfooterbox{
width:99%;
}

.subboxhome2{display:none;}

.greenboxhome{
position:absolute;
right:50px;
top:10px;
}

.boxshowbig{width:44%;float:left;}

.subboxnew{
text-align:left;
width:100%;
}

.promorightbox{
float:none;
width:100%;
}

.programme1{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/london.jpg) no-repeat;
background-position:center top; width:100%;height:210px;margin:14px;}
.programme2{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/bournemouth.jpg) no-repeat;
background-position:center top; width:100%;height:210px;margin:14px;}
.programme3{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/forestrow.jpg) no-repeat;
background-position:center top; width:100%;height:210px;margin:14px;}

IMG.left{
float:left;
padding:0px;
}

.topnavnav{
margin-top:0px;
padding-top:0px;
}

.topnav{
margin-top:0px;
padding-top:0px;
}

.headerbox{
width:100%;
opacity:0.9;
filter:alpha(opacity=90);
margin-top:0px;
padding-top:0px;
}

P.topwhite{
margin-top:0px;
padding-top:0px;
}

.topwhite a:visited{
color:#ffffff;
}

.topwhite a:link{
color:#ffffff;
}

.topwhite a:hover{
color:#ffffff;
}

.topwhite a:active{
color:#ffffff;
}

BODY{
margin-top:0px;
padding-top:0px;
}

.topnavlinks{width:95%;}

.school1{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school1.jpg) no-repeat;width:100%;height:300px;float:left;margin:11px;}
.school2{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school2.jpg) no-repeat;width:100%;height:300px;float:left;margin:11px;}
.school3{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school3.jpg) no-repeat;width:100%;height:376px;float:left;margin:11px;}
.school4{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school4.jpg) no-repeat;width:100%;height:376px;float:left;margin:11px;}


.videobox{
width:100%;
height:340px;
text-align:center;
}

.textblock{width:90%;}


.footerbox{width:100%;}
.footer{width:100%;}
.maincontent{width:100%;}
.maincontent2{width:100%;}
P.top{width:100%;}
.homebox{width:90%;}
.bodybox{width:90%;}
.bigbodybox{width:90%;}
.bigbodyboxnoop{width:90%;}
.homeboxsummer{margin:0px;}
.subbox{width:100%;}
.belowmaninpicnew{width:100%;}
.narrowbox{width:80%;}
H1{font-size:24px;}
H1.small{font-size:23px;}
H2{font-size:22px;}
H3{font-size:18px;}
H4{font-size:18px;}
H4.video{font-size:18px;}


.googlemap{height:400px;}



.mobmenu{display:none;}

}





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

IMG.hanging{width:45%;}

.imagebox{
width:99%;
}

.mobmenu{display:inline;}

.centrelayout{
display:none;}
.centerDiv{
display:none;}


.vidbox{
background:transparent url(../gifs/vidbck.jpg) no-repeat;
min-height:311px;
text-align:center;
width:95%;
margin-right:auto;
margin-left:auto;
}

.newhomebox{width:89%;}
.mobshow{display:inline;}

IMG.mobhide{display:none;float:left;padding:5px;}

.boxshowbig{width:100%;float:none;}
.googlemap{height:200px;}

.subboxnew{
text-align:left;
width:100%;
}

.subfooterbox{
width:100%;
}

.promorightbox{
float:none;
width:100%;
}

.programme1{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/london.jpg) no-repeat;
background-position:center top; width:100%;height:210px;margin:14px;}
.programme2{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/bournemouth.jpg) no-repeat;
background-position:center top; width:100%;height:210px;margin:14px;}
.programme3{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/forestrow.jpg) no-repeat;
background-position:center top; width:100%;height:210px;margin:14px;}

IMG.left{
float:left;
padding:0px;
}

.topnavnav{
margin-top:0px;
padding-top:0px;
}

.topnav{
margin-top:0px;
padding-top:0px;
}

.headerbox{
width:100%;
opacity:0.9;
filter:alpha(opacity=90);
margin-top:0px;
padding-top:0px;
}

P.topwhite{
margin-top:0px;
padding-top:0px;
}

.topwhite a:visited{
color:#ffffff;
}

.topwhite a:link{
color:#ffffff;
}

.topwhite a:hover{
color:#ffffff;
}

.topwhite a:active{
color:#ffffff;
}

BODY{
margin-top:0px;
padding-top:0px;
}

.topnavlinks{width:95%;}

.school1{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school1.jpg) no-repeat;width:100%;height:300px;float:left;margin:11px;}
.school2{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school2.jpg) no-repeat;width:100%;height:300px;float:left;margin:11px;}
.school3{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school3.jpg) no-repeat;width:100%;height:376px;float:left;margin:11px;}
.school4{position:relative;background:url(http://purleycollege.co.uk/2015/gifs/school4.jpg) no-repeat;width:100%;height:376px;float:left;margin:11px;}


.subboxhome{display:none;}
.subboxhome2{display:none;}

.videobox{
width:100%;
height:340px;
text-align:center;
}

.textblock{width:90%;}

IMG.fullscreen{width:100%;}

IMG.fullscreen80{width:80%;}

.footerbox{width:100%;}
.footer{width:100%;}
.maincontent{width:100%;}
.maincontent2{width:100%;}
P.top{width:100%;}
.homebox{width:90%;}
.bodybox{width:90%;}
.bigbodybox{width:90%;}
.bigbodyboxnoop{width:90%;}
.homeboxsummer{margin:0px;}
.select{width:90%;}
.largeselect{width:90%;}
.subbox{width:100%;}
.belowmaninpicnew{width:100%;}
.narrowbox{width:80%;}
H1{font-size:24px;
letter-spacing: 0px;}
H1.small{font-size:23px;}
H2{font-size:20px;}
H3{font-size:18px;}
H4{font-size:18px;}
H4.video{font-size:18px;}
}