@charset "utf-8";
/*Mobile Styles*/
#schoolMenu {
float:left;
width:100%;
margin-top:-150px;
background-color:#273C2D;
position:absolute;
z-index:3000;

}

.hbox { 
float:left;
width: 50%;
background-color:#273C2D;
opacity:.9;
}

.sloc {
float:left;
margin: 0 auto;
width:33%;
position: relative;
height:100%;
}

/*Mobile Styles*/

body { 
margin:0;
position:relative;
}

header {
 	width:100%;
	height:100px;
    z-index:
	left:0;
	right:0;
	z-index:1000;
	position:relative;
	margin:0;
	-webkit-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.51);
box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.51);
	

}

#logo {
float: left;
width: 267px;
height:154px;
margin-left: 100px;
margin-top:0px;
z-index:1300;
background-color:#FFFFFF;
position:absolute;
border:#CCCCCC solid 1px;
}

#top {
height:20px;
background-color:#273C2D;
width:100%;
z-index:1200;
}

nav {
   	width:100%;
	height:0px;
	background-color: #FFFFFF;
	z-index:700;
}



body {
margin-top:0;
width:100%;

}

.banner {
width:100%;
margin-top:0px;
background-repeat:no-repeat;
height:500px;
background-color: #FFFFFF;
position:relative;
z-index:3;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	 background-size: 100% 100%;
	 }

.insideBanner {
position:relative;
margin-top: 1%;
color:#FFFFFF;
}

.banner .img {
width:100%;
margin:0;
z-index:10;
}

.navMenu {
float: right;
margin-right:80px;
//background-color: #1C3720;
height: 80px; //height of navigigation
}

.navMenu ul, li {
margin: 0;
padding:0;
list-style:none;
float: left;
}

.navMenu ul li {
border-right:#DFDFDF solid 1px;

}

.navMenu ul {
background-color: #FFFFFF;
height: 80px;
width: 100%;
}

.navMenu li a {
display: block;
line-height:80px;
padding: 0 10px; 
color:#000000;
text-decoration:none;
font-family:Tahoma;
//font-weight:bold;
text-transform:uppercase;
}

.navMenu li a:hover {
background: -moz-linear-gradient(top,  rgba(191,191,191,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,191,191,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(191,191,191,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(191,191,191,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
height:80px;
paddin-top:.3em;
color: #000000;

}

#bigName {
margin-top:-200px;
width:40%;
margin-left:30%;
margin-right:30%;
position:absolute;
z-index:2000;
}

.bigName {
font-family: 'Arvo', serif;
color:#FFFFFF;
font-size: 3em; 
text-shadow: -1px -1px 5px #CCCCCC;
}

#schoolMenu {
float:left;
width:90%;
margin-left:5%;
margin-left:5%;
margin-top:-150px;
background-color:#273C2D;
position:absolute;
z-index:3000;
height:200px;
}

.hbox { 
float:left;
width: 33%;
background-color:#273C2D;
opacity:.9;
height:200px;
 }

.hbox1 { 
float:left;
width: 24%;
height:200px;
background-color:#BA8336;
opacity:.9;
border-right: solid 1px white;
}

.hbox1:hover { 
float:left;
width: 24%;
height:200px;
background-color:#BA8336;
opacity:.9;
}

.hbox:hover {
background-color:#395742;
opacity:.9;
height:200px;}

.hbox img {
vertical-align:middle;}

.whiteText {
color:#FFFFFF;
font-family:'Tahoma';
font-size:18px;}

.whiteText2 {
color:#FFFFFF;
font-family: 'Museo Sans W01', Tahoma, 'Helvetica Neue', Helvetica, Sans-Serif;
font-size:18px;}

.bigwhiteText {
color:#FFFFFF;
font-family: 'Museo Sans W01', Tahoma, 'Helvetica Neue', Helvetica, Sans-Serif;
font-size:40px;
}


#schoolMenuWrap {
float:left;
width:80%;
margin-left:10%;
margin-right:10%;
background-color:#273C2D;
}
//dropdown menu

ul.subMenu {
float:none;
background-color:#000000;
}

ul.subMenu li {
float:none;
}

ul.subMenu li a {


}

.seals {
width:100%;
margin-top:150px;
margin:0;
background-color: #FFFFFF;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
height: 100px; 
position:relative;
}

.middleContent {
width:100%;
background-color:#FFFFFF;
height: 500px;
position:relative;
}

.locationPackages{
float:left;
margin-top:-600px;
width:90%;
border-top-right-radius:10px;
border-top-left-radius:10px;
border:#CCCCCC solid 1px;
height:350px;
background-color:#FFFFFF;
z-index:2000;
position:relative;
margin-left: 5%;
margin-right: 5%;
display:block;
-webkit-box-shadow: 1px 35px 14px -22px rgba(0,0,0,0.12);
-moz-box-shadow: 1px 35px 14px -22px rgba(0,0,0,0.12);
box-shadow: 1px 35px 14px -22px rgba(0,0,0,0.12);
opacity: 10;
}

.contentHolder{
float:left;
margin-top:-600px;
width:90%;
border-top-right-radius:10px;
border-top-left-radius:10px;
border:#CCCCCC solid 1px;
background-color:#FFFFFF;
z-index:2000;
position:relative;
margin-left: 5%;
margin-right: 5%;
display:block;
-webkit-box-shadow: 1px 35px 14px -22px rgba(0,0,0,0.12);
-moz-box-shadow: 1px 35px 14px -22px rgba(0,0,0,0.12);
box-shadow: 1px 35px 14px -22px rgba(0,0,0,0.12);
opacity: 10;
clear:both;
}

.contactfloat {
float:left;
width:70%;
}

.contactfloat3 {
float:left;
width:70%;
}

.contactfloat2 {
float:left;
width: 30%;
font-family:Tahoma;
color:#000000;
font-size:14px;
}

.contentField {
margin-top:20px;
width:90%;
margin-left:5%;
margin-right:5%;
position:relative;}


.featPackInfo {
float:left;
margin:0;
width:25%;
position: relative;
border-top-left-radius:10px;
background-color:#FAFAFA;
border-right:#EBEBEB solid 1px;
height:100%;

}

.aCollege {
float:left;
margin:0;
width:25%;
position: relative;
border:#EBEBEB solid 1px;
height:100%;
text-decoration:none;
}

.leReserve {
float:left;
margin:0;
width:24.5%;
position: relative;
border-right:#EBEBEB solid 1px;
border:#EBEBEB solid 1px;
height:100%;

}

.londonHome {
float:left;
margin:0;
width:24.8%;
position: relative;
border-top-right-radius:10px;
border:#EBEBEB solid 1px;
height:100%;


}

.feat {
width:80%;
margin-left:10%;
margin-right:10%;
margin-top:10%;
}

.smallGold {
font-family:Tahoma;
color:#BA8336;
font-size:1em;
font-weight:normal;
}

.bigText {
font-family: Georgia, "Times New Roman", Times, serif;
color: #000000;
font-size:2.5em;
font-weight:bold;
}

.packIntro {
font-family:Tahoma;
color: #666666;
font-size:1em;
font-weight:normal;
}

.featSch {
width:90%;
margin-left:5%;
margin-right:5%;
margin-top:10%;
}

.aCollege:hover {
border: #C3A16C solid 1px;
background-color:#FAFAFA;
}

.leReserve:hover {
border: #C3A16C solid 1px;
background-color:#FAFAFA;
}

.londonHome:hover {
border: #C3A16C solid 1px;
background-color:#FAFAFA;
}

.bigText img {
width:100%;
}

.bigText img:hover {
opacity:.5;
}

.featSchName {
font-family:Tahoma;
color:#BA8336;
font-size:1em;
font-weight:bold;
text-decoration:none;
}

.why {
float:left;
margin-top:0px;
width:90%;
height:300px;
background-color:#FFFFFF;
z-index:2000;
position:relative;
margin-left: 5%;
margin-right: 5%;
display:block;
}

#schoolText {
margin-top:0px;
width:90%;
//height:300px;
background-color:#FFFFFF;
z-index:2000;
position:relative;
margin-left: 5%;
margin-right: 5%;
display:block;
}


.whyWrap {
margin-top:200px;
width:100%;
background-color:#FFFFFF;
z-index:2000;
position:relative;
display:block;
}

.whyPad {
width:90%;
margin-top:100px;
margin-right:5%;
margin-left:5%;
}

.whyText {
font-family: Century Gothic;
font-weight:bold;
color:#BA8336;
font-size:2em;
margin-right:auto;
}

.sloc {
float:left;
margin: 0 auto;
width:24.87%;
position: relative;
height:100%;
}

.clearfix:after {
				content:"";
				display:block;
				clear:both;
 }

.whyWrap .sloc {
float:left;
margin: 0 auto;
width:16%;
position: relative;
height:100%;
}

.banner2 {
width:100%;
margin-top:100px;
background-repeat:no-repeat;
height:562px;
background-color:#666666;
position:relative;

z-index:3;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	 background-size: 100% 100%;
	 }

.banner3 {
width:100%;
margin-top:100px;
height:300px;
background-color:#666666;
z-index:3;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	 background-size: 100% 100%;
}

.icons {
margin-left: 0px;
}

.sloc img {
margin-left: auto;
margin-right:auto;
}

.bigText2 {
margin-left:40px;
margin-top:100px;
float:left;
font-family: Century Gothic;
color: #FFFFFF;
font-size:3em;
font-weight:bolder;
clear:both;
position:relative;
}

.textBox {
margin-left: 40px;
margin-top:100px;
background-color:#BA8336;
opacity:.7;
float: left;
padding:20px;
width: 40%;
clear:both;
}

.textBox2 {
margin-left: 0Fpx;
margin-top:0px;
background-color:#BA8336;
opacity:.9;
float: left;
height:300px;
width: 100%;
clear:both;
}

.smallGreen { 
color: #000000;
font-family: Tahoma, Arial;
font-size:1em;
}

.accr {
width:100%;
margin-top:100px;}

.acccm {
width:70%;
height: 425px;
margin-left:15%;
margin-right:15%;
}

.acccmBanner {
width: 50%;
height: 425px;
float: left;
}

.acccmText {
width: 50%;
height: 471px;
float: left;
margin-left:0px;
}

.greenText {
font-family:Tahoma;
color:#273C2D;
font-weight:bold;
width:90%;
margin-top:20px;
margin-left:5%;
margin-right:5%;
}

.accText {
padding:10px;
font-family: Century Gothic;
font-size:2em;
}

.accText img {
margin-bottom:0;

}

.middle {
margin-top:0;
}

.activityWrapper {
width:100%;
background-color: #F6F6F6;
height:600px;
margin-top:40px;
}

.pictureBox {

float:left;
padding:10px;

}

.activityWrap {
margin-top:40px;
width: 90%;
margin-left:5%;
margin-right:5%;

}

.activityTitle {
width:100%;
height:211px;
margin-top:-215px;
background-color:#000000;
opacity:0;
}

.activityTitle:hover {
width:100%;
height:211px;
margin-top:-215px;
background-color:#FFFFFF;
opacity:.7;
//-webkit-transition: width 1s, height 1s,-webkit-transform 1s; 
//transition: width 1s, height 1s, transform 1s;

}

.activityInfo {
width:300px;
margin-left:5%;
margin-right:5%;

}

.activityText {
font-family:Tahoma;
color: #000000;
margin-top:100px;
font-weight:bold;}

.bookwrap {
width:100%;
position:relative;
background-color:#FFFFFF;
height:300px;
}

.bookwrapper {

width:60%;
margin-left:20%;
margin-right:20%;
}

.downloadBrochure {
margin-top:20px;
background-color: #BA8336;
color:#FFFFFF;
font-family:Tahoma;
padding: 50px;
float: left;
margin-right: 2.5%;
}

.downloadPrice {
margin-top:20px;
background-color: #BA8336;
color:#FFFFFF;
font-family:Tahoma;
padding: 50px;
float: left;
margin-right: 2.5%;
}

.booknow {
margin-top:20px;
background-color: #BA8336;
color:#FFFFFF;
font-family:Tahoma;
padding: 50px;
float: left;
margin-right: 2.5%;
font-weight:bold;
}

footer {
margin-top:0px;
padding-bottom:20px;
width:100%;
background-color:#1C3720;
clear:both;
}

footer span { 
float:left;
clear:both;
margin-left:auto;
margin-right:auto;}

footer img{

float:left;
margin-right:50px;
margin-top:30px;
}

#footerWrap {
width:90%;
margin-left:10%;
margin-right:0%;
}

#sideLinks {
right:0;
position: fixed;
margin-top:100px;
z-index:4000;
background-color:#009933;
opacity:.9

}

#sideLinks #apply, #sideLinks #contact {
padding:10px;
}


#sideLinks #contact:hover, #sideLinks #apply:hover  {
background-color:#00CC66;
}

.sidelinksText {
font-family: Museo Sans W01, Tahoma;
text-decoration:none;
color:#FFFFFF;
font-weight:.8em;
margin-left:auto;
margin-right:auto;
}
#contact a, #apply a {
text-decoration:none;
}

a img {
outline:none;
border : 0;}

a {text-decoration:none;}