/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
html { font-size:13px;}
body {font-family:Arial,Helvetica,sans-serif; font-size:85%; color:#505050; background:#f6f7cd url(../_images/Header/sky.jpg) repeat-x top center;}
p { padding-bottom:15px;}
em { font-style:italic;}
strong { font-weight:bold;}
img {border:0px;}
a { font-weight:bold;}
a:hover, a:focus {text-decoration:underline;}
.fl, .accountHeading { float:left;}
.fr { float:right;}
.clear { clear:both; height:0px; line-height:0px; font-size:0px;}
.skiptocontent, .relbookmark {position:absolute; left: -9999px;}
legend, .removePromotion, .addedPromotion { display:none;}
input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
textarea { overflow:auto; }
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.readMore { position:absolute; bottom:10px; right:10px;}
.alert { padding:10px; background:#f4f4f4; border-left:1px solid #e4e3e3; border-right:1px solid #e4e3e3; border-bottom:2px solid #e4e3e3; border-top:1px solid #e4e3e3; margin:0 0 15px 0; }
	.purple { background:url(/_images/bkg/alert-purple.gif) top left repeat-x #5b0c6a; color:#fff; border:1px solid #480b54;}
	.alert p { padding:0 0 10px 0;}
	.update p { padding:0 0 10px 25px; background:url(/_images/icons/tick.gif) 0px 1px no-repeat;}

blockquote { padding:20px 0 10px 55px; background:url(/_images/bkg/blockquote.gif) 0px 11px no-repeat;}
	#content blockquote p { color:#4A82AB;}
		
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1, h2, h3, h4 { color:#4A82AB; font-weight:bold;}

h1 { font-size:18px; padding:0px 0px 13px 0px; font-weight:normal;}
	h1 span { padding:0 0 0 10px; border-left:1px solid #5F0670; color:#942EA7;}
h2 { font-size:1.4em; padding:0px 0px 5px 0px;}
	#content h2 { margin:0 0 15px 0; border-bottom:2px solid #D4D4D4;  font-weight:normal; }
	#content.home h2 { margin:0; border:none; font-size:1em; }
	#content h2.title { margin:0 0 20px 0;}
h3 { font-size:1em; padding:0px 0px 15px 0px;}
	#content h3 { font-size:1.5em; font-weight:normal; }
	#content.home h3 { font-size:1em;}
h4 { font-size:1.3em; padding:0 0 10px 0;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/
#grassbg{width:100%; background:#fff url(../_images/Footer/grass.jpg) repeat-x bottom center;}
	#grassbg.battersea { background:#fff;}
#skybg{width:100%; background:url(../_images/header/sky.jpg) repeat-x top center;}
#container { width:900px; text-align:left; margin-left:auto; margin-right:auto;}
#header{ height:139px; float:left; width:900px;}
#header #mainlogo{ width:700px; float:left;}
#header #school{ width:200px; float:right;}
#main{ width:900px; float:left; padding:0 0 50px 0;}
#hompagecontent { float:left; width:700px; position:relative;}
	#missionStatment { position:absolute; top:222px; left:223px; width:250px; height:180px;}

#nav{ width:180px; float:left; font-size:1.1em;}
#navtop {background-image:url(../_images/Nav/nav-top.jpg); background-position:left; background-repeat:no-repeat; margin-top:20px; height:33px;}
#nav ul {list-style-type:none; padding:0px; margin:0px;background-repeat:repeat-y; background-image:url(../_images/Nav/nav-bkg.jpg); width:180px;}
#nav ul li { width:170px;}
	#nav ul li.parents { text-indent:20px; background:url(/_images/bullets/padlock.gif) 22px 2px no-repeat;}
	#nav ul li li.parents { text-indent:20px; background:url(/_images/bullets/padlock.gif) 35px 2px no-repeat;}
	#nav ul li li li.parents { text-indent:20px; background:url(/_images/bullets/padlock.gif) 50px 2px no-repeat;}
#nav ul li a {background-image:url(../_images/Nav/nav-divide.gif); background-position:bottom; background-repeat:no-repeat; display:block; margin-left:10px; padding:3px 0px 5px 12px;  font-weight:bold; width:150px; color:#4a82ab; text-decoration:none;}

#nav ul li a:hover { color:#000;}

#nav ul li a.active {background-image:url(../_images/Nav/nav-active.gif); background-repeat:no-repeat; color:#000;}
#nav ul li.parents a.active {background-image:url(../_images/Nav/parents-active.gif); background-repeat:no-repeat; color:#000;}
#nav ul li ul li a {padding:3px 0px 5px 22px; font-weight:normal;}


#nav ul li li ul { background:url('/_images/Nav/nav-divide.gif') no-repeat bottom right; width:170px;}
#nav ul li li li { width:170px;}
#nav ul li li li a { display:block; width:135px; height:15px; padding:3px 0px 5px 35px; text-decoration:none; background-image:none;}

#nav .phone{ clear:both; margin:15px 0 15px 0; padding:0 0 0 15px;}
#navbottom {background-image:url(../_images/Nav/nav-bottom.jpg); background-repeat:no-repeat; background-position:left;  height:34px;}
#flags{ float:left; margin:0 0 0 20px; display:inline;}
#flags a{ float:left;}
#content{ width:700px; float:right;}
#content p{ font-size:1.1em; line-height:1.3em; color:#666666;}

#internalcontent{ width:600px; float:left;}
#internalcontent .centeredimage{ width:auto; text-align:center;}
#internalcontent a{ color:#4a82ab; text-decoration:none;}
#internalcontent a:hover{ color:#000000; text-decoration:none;}

#internalcontent h2{ font-size:1.3em; border:none; padding:0 0 5px 0; margin:0 0 5px 0; font-weight:bold;}
#internalcontent h3{ font-size:1.2em; border:none; padding:0 0 5px 0; margin:0 0 5px 0; font-weight:bold;}

#internalcontent ul { padding:0 0 10px 0;}
#internalcontent li{ font-size:1.1em; line-height:1.3em; color:#666666; background:url(../_images/bullets/content-bullet.gif) no-repeat top left; padding:0 0 6px 10px; background-position:0 4px;}

#content #sideimage { float:left; }
	#content #sideimage img { float:left; margin:0 10px 0 0; max-width:90px;}
	
#footercontainer{clear:both; width:900px; padding:0; float:left;}
#footer{ width:900px; clear:both; position:relative;}
#footer #footercontent{ color:#4a82ab; float:left; background:0; padding:0 0 45px 10px; width:890px;}
#footer #footercontent a{ color:#4a82ab; text-decoration:none; font-weight:normal;}
#footer #characters{ position:absolute; right:0; bottom:-137px;}
#footer #characters .characterhome{ right:280px; bottom:0; position:absolute;}

/* Breadcrumb Layout Styles */
#breadcrumb{ float:left; width:650px;}

/* Breadcrumb Visual Styles */
#breadcrumb {padding:0px;}
#breadcrumb ul {margin:0px; padding:5px 0px 20px 0; list-style-type:none; }
#breadcrumb ul li {color:#4A82AB; display:inline; padding:0 0 0 0;  }
#breadcrumb ul li.here {font-weight:bold; color:#4f4f4f; margin:0 5px 0 0; }
#breadcrumb ul li a {padding:0px 13px 0px 0px; font-weight:bold; background-image:url(../_images/Nav/bread-divide.gif); background-position:right; background-repeat:no-repeat; color:#4a82ab; text-decoration:none;}

h1#homepage{ position:absolute; left:-9999px;}
#homepagecontent{ width:650px; float:left;}

/* Virtual Tour Styles */
#tourcontainer{ position:relative;}
#battersea-tour, #fulham-tour {position:absolute; width:520px; height:383px; left:80px;}
	#battersea-tour img, #fulham-tour img {position:absolute;}
	
	#battersea-tour .img1 {left:0px; top:0px;}
	#battersea-tour .img2 {left:126px; top:0px;}
	#battersea-tour .img3 {left:126px; top:160px;}
	#battersea-tour .img4 {left:244px; top:160px;}
	#battersea-tour .img5 {left:353px; top:160px;}
	#battersea-tour .img6 {left:455px; top:160px;}
	#battersea-tour .img7 {left:0px; top:251px;}
	#battersea-tour .img8 {left:126px; top:251px;}
	#battersea-tour .img9 {left:244px; top:251px;}
	#battersea-tour .img10 {left:353px; top:251px;}

	#fulham-tour .img1 {left:0px; top:0px;}
	#fulham-tour .img2 {left:0px; top:122px;}
	#fulham-tour .img3 {left:90px; top:122px;}
	#fulham-tour .img4 {left:187px; top:122px;}
	#fulham-tour .img5 {left:288px; top:122px;}
	#fulham-tour .img6 {left:389px; top:122px;}
	#fulham-tour .img7 {left:90px; top:239px;}
	#fulham-tour .img8 {left:187px; top:239px;}
	#fulham-tour .img9 {left:288px; top:239px;}
	#fulham-tour .img10 {left:389px; top:239px;}

#content .imagelist{ float:left; list-style:none; clear:both; margin:20px 0 0 0;}
#content .imagelist li{ display:inline; clear:both; float:left; margin:0 0 20px 0;  border-bottom:1px solid #aed6f4; padding:0 0 20px 0; width:600px;}
#content .imagelist li h2{ font-size:1.3em; border:none; padding:0 0 5px 0; margin:0 0 5px 0; line-height:1.3em;}
#content .imagelist li .listimage{ float:left; width:180px; padding:0; }
#content .imagelist li .listcontent{ float:right; clear:none; width:400px;}
#content .imagelist li .listcontent p{ padding:0 0 5px 0}

#content #internalcontent ul.contacts{ list-style:none; margin:0 0 20px 0; float:left; width:600px;}
#content #internalcontent ul.contacts li{ background:none; padding:0;}
#content #internalcontent ul.contacts li.contactsleft{ float:left; width:230px;}
#content #internalcontent ul.contacts li.contactsright{ float:left; width:200px; padding:0 0 0 10px;}

form#contact {margin-left:100px; float:left; margin:10px 0 0 0;}
form#contact label, form#contact input, form#contact textarea {float:left; border:1px solid #4a82ab;}
form#contact label {width:150px; font-size:1.1em; border:none; padding:0 0 10px 0;}
form#contact input, form#contact textarea {width:210px; margin:3px 0px; border:1px solid #4a82ab;}
form#contact textarea {height:100px;}
form#contact input.submit {width:84px; height:35px; margin-left:139px; border:none;}
form#contact .multidate{ float:left;}
form#contact .multidate select{ float:left; margin:0 5px 0 0; width:60px; border:1px solid #4a82ab; }
form#contact input.radio{ width:11px; padding:0 10px 0 0; margin:0 10px 0 0; float:left; border:none;}
form#contact span.girlboy{ float:left; padding:2px 5px 0 0px; font-size:1.1em;}



ul.listpage li, .list, p.divide, table.supplements tr, div.thumb {background-image:url(../_images/Nav/hr-divider.gif);  background-position:0% 100%; background-repeat:no-repeat;}
.list, p.divide, table.supplements tr {padding:15px 0px;}
ul.listpage li {padding:20px 0px; background:none;}


#internalcontent ul.listpage{ margin:0 0 20px 0;}
#internalcontent ul.listpage li{ background:none; padding:0 0 10px 0;}

ul.listpage li, .list {font-size:13px; clear:both;  }
ul.listpage li img.lest-illustration, p.list img.left-illustration{margin-top:-15px;}
ul.listpage li img.link-logo, p.list img.link-logo{margin-top:-5px;}


div.list, table.supplements { padding:0 0px; color:#666666;}

table th { font-style:italic; text-align:left;}

table.fees, table.supplements, table.times {width:430px; border:0px; color:#666666; font-size:13px;}
table.fees {padding-bottom:5px;}

table.fees th, table.supplements th {display:none;}

td.cycle {width:25%; font-weight:bold; }
table.supplements td {padding:10px 0px;}
td.price {width:33.3%; font-weight:bold;  background:none}

table.times { padding-bottom:15px;}
table.times td { vertical-align:top}
table.times td.timeperiod {font-weight:bold; width:30%}

#internalcontent .sitemap{ list-style:none; font-size:1em;}
#internalcontent .sitemap a{ }
#internalcontent .sitemap li{ background:none; padding-bottom:0 0 30px 0;}
#internalcontent .sitemap li ul{ font-size:0.9em; padding:5px 0 10px 0;}
#internalcontent .sitemap li ul li{ padding-bottom:0;}

.galleryimages{ display:none;}
.required{ color:#FF0000; padding:0 2px 0 2px;}
form.contact p{ padding:0 0 5px 0;}
.error{ width:372px; float:left; border:1px solid #FF0000; margin:0 0 10px 0; color:#FF0000; background:url(../_images/bullets/alert.gif) no-repeat top left; padding:4px 0 4px 26px; background-position:5px 3px;}

#internalcontent .gallery{ border-top:1px solid #78add4; border-bottom:1px solid #78add4; float:left; padding:25px; width:auto;}
#internalcontent .imagegallery{ float:left; clear:both; display:inline; list-style:none; width:auto;}
#internalcontent .imagegallery li{ float:left; display:inline; background:none; margin:0 0 10px 10px; border:3px solid #4a82ab; font-size:0; line-height:0; padding:2px;}
#internalcontent .imagegallery li.first{ margin:0px; }

.homeSections { width:260px; padding:0 0 5px 0;}
.underDoor { text-align:center; padding:0;}
.batterseaHome { padding:14px 0 0 0;}

.phoneNum {}
.faxNum { padding:0 17px 0 0;}

#content .imageGallery { float:left; width:640px;}
#content .imageGallery li { float:left; display:inline; padding:15px 15px 15px 0px; background:none;}
#content .imageGallery li img { float:left; padding:6px 0 0 6px;}
#content .imageGallery li a { width:144px; height:142px; background:url(/_images/bkg/photo-border.gif) 0px 0px no-repeat; float:left;}
	#content .imageGallery li a:hover, #content .imageGallery li a:focus { background-position:0px -143px;}
#content .imageGallery li .title { float:left; width:144px; background:none; height:auto; clear:left; text-align:center; padding:4px 0 0 0;}

#content .landing { padding:10px 0 0 0;}
	#content .landing li { padding:0px 15px 10px 0;}
	

.imageGalleryContainer  { width:100%; padding:0 0 15px 0;}
	.imageGalleryContainer .primaryImage { width:144px;}
		.imageGalleryContainer .primaryImage a, .imageGalleryContainer .primaryImage span { width:144px; height:142px; background:url(/_images/bkg/photo-border.gif) 0px 0px no-repeat; float:left; }
			.imageGalleryContainer .primaryImage a:hover, .imageGalleryContainer .primaryImage a:focus { background-position:0px -143px;}
		.imageGalleryContainer .primaryImage img { float:left; padding:6px 0 0 6px;}
		#content .imageGalleryContainer .primaryImage p { float:left; width:144px; text-align:center; padding:4px 0 0 0; color:#4A82AB;}	
		
		.imageGalleryContainer .galleryDescription { padding:5px 0 0 0;}

	.galleryLHS, .galleryLHS .primaryImage { float:left;}
		.galleryLHS .galleryDescription { padding-left:159px;}
	.galleryRHS, .galleryRHS .primaryImage { float:right;}
		.galleryRHS .galleryDescription { padding-right:159px;}
		
.noDescription { width:144px;}
	.noDesriptionLeft { padding:0 15px 10px 0; }			
	.noDesriptionRight { padding:0 0 10px 15px;}			
	
.hiddengallery { display:none;}

.thumbnail, .thumbnailRec { padding:6px; background:url(/_images/bkg/photo-border.gif) 0px 0px no-repeat; width:130px; height:130px;}
	.tnL { float:left; margin:0 15px 15px 0;}
	.tnR { float:right; margin:0 0 15px 15px;}

.thumbnailRec { width:174px; background:url(/_images/bkg/photo-border-rec.gif) 0px 0px no-repeat;}
	
.photoFull { padding:7px 0 25px 8px;  background:url(/_images/bkg/full-photo-border.gif) 0px 0px no-repeat;}	
	#content .photoFull p { padding:5px 0 0 0; text-align:center; color:#4A82AB; font-family:"Times New Roman", Times, serif;}

#internalcontent table.dataTable { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #bfdaee; border-bottom:1px solid #bfdaee; border-left:1px solid #bfdaee; color:#4a82ab; text-align:left;}
#internalcontent table.dataTable th, #internalcontent table.dataTable td { padding:5px 5px 5px 5px; border-right:1px solid #bfdaee;}
#internalcontent table.dataTable th { font-weight:bold; background:#ebf9fc; text-transform:capitalize;}
#internalcontent table.dataTable td { border-top:1px solid #bfdaee; vertical-align:middle;}

#internalcontent .sitemap ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#internalcontent .sitemap li ul { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#internalcontent .sitemap li { padding:3px 0px 3px 10px; border-bottom:1px solid #bfdaee; font-size:14px;}
#internalcontent .sitemap li li { padding:3px 0px 3px 20px; border-bottom:none; font-size:11px;}
#internalcontent .sitemap li li li a { font-weight:normal;}

#content .pdfIcon { padding:17px 0 10px 42px; background:url(/_images/bullets/pdf.gif) 0px 0px no-repeat;}

.contactLocation { float:left; width:100%;}
	.contactLocation .fl { width:440px;}
	.contactLocation .fr { width:150px; text-align:right;}
	
.hr { height:49px; background:url(/_images/Content/hr.gif) center 5px no-repeat; margin:0 0 15px 0; padding:5px 0 0 0;}
 .hr hr { position:absolute; margin-left:-9999px;}	
	
.photoInsertLeft { float:left; padding:0 20px 10px 0;}
.photoInsertRight { float:right; padding:0 0 10px 20px;}

#content .newsletters li { background:url(/_images/bullets/pdf.gif) 0px 0px no-repeat; padding:17px 0 10px 42px;}
	#content .newsletters li span { font-weight:normal;}
	
.contactform { float:left; width:400px;}
	.contactform fieldset { padding:5px 0 15px 0; float:left; width:400px;}
		.contactform .buttons { padding:0 0 0 180px;}
	.contactform label { float:left; width:100px; font-weight:bold; color:#4A82AB; font-size:1.1em; padding:2px 0 0 0;}
	.contactform .textfield { float:left; width:150px; border:1px solid #4A82AB; padding:2px;}
	
#internalcontent .eventsList { overflow:hidden; padding:0 0 15px 0;}
	#internalcontent .eventsList li { background:none; padding:16px 0; margin:0; float:left; width:600px; background:url(/_images/bkg/list-divide.gif) bottom center no-repeat; }
		#internalcontent .eventsList li span { font-weight:bold; color:#4A82AB; float:left; width:130px; text-align:right;} 
		#internalcontent .eventsList li p { float:right; width:445px; font-size:1em; padding:0;}

/********************************************************************/
/*                        Page number tags                          */
/********************************************************************/
#internalcontent ul.pagenumbers  { float:left; width:100%;}
	#internalcontent ul.pagenumbers li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 4px 15px 0px; border:1px solid #bfdaee; text-align:center; background:none; font-size:11px;}
	#internalcontent ul.pagenumbers a { display:block; width:22px; padding:4px 0px 4px 0px; text-decoration:none; font-weight:normal; background-color:#fff; color:#4a82ab;}
	#internalcontent ul.pagenumbers a.selected, #internalcontent ul.pagenumbers a:hover { background:#ebf9fc;}