/* CSS Document */

/* Background #798085 */
/* BlueBar #009EC3 */
/* LightPink #C89ECC */
/* Background Pink #B379B6 */
/* DarkPink #91268E */
/* Colours */
body	{background: #798085; margin: 0px; font: 13px/18px Arial, Helvetica, sans-serif; color: #000;}

p {margin: 10px 0;}
h1 {font: normal 32px/35px Arial, Helvetica, sans-serif; margin: 0; padding: 12px 0 18px;}
h2 {font: normal 27px/30px Arial, Helvetica, sans-serif; margin: 0; padding: 10px 25px; background: #009EC3; color: #fff; border-top: 7px solid #ccc; margin-bottom: 20px;}
h2 a {color: #fff !important;}
h2 a:hover {color: #ccc !important;}
h3 {font: normal 27px/30px Arial, Helvetica, sans-serif; margin: 0; padding: 10px 25px; background: #babdc1; color: #d62723; border-top: 7px solid #a5a7aa; margin-bottom: 20px;}
h3 a {color: #d62723 !important;}
h3 a:hover {color: #fff !important;}
h4 {font: normal 21px/24px Arial, Helvetica, sans-serif; margin: 0; padding: 10px 25px; color: #d62723;margin-bottom: 10px;}
h4 a {color: #d62723 !important;}
h4 a:hover {color: #fff !important;}

hr	{color: #ccc; background-color: #ccc; height: 1px; border: 0;  margin: 25px  0; .margin: 10px 0;}

.txtRed, .txtRed	a, a.txtRed			{color: #91268E !important;}
.txtBlue, .txtBlue	a, a.txtBlue		{color: #1483c1 !important;}
.txtBlack, 	.txtBlack	a, 	a.txtBlack		{color: #000 !important;}
.txtWhite, .txtWhite	a, a.txtWhite		{color: #fff !important;}
.txtRed	a:hover, .txtBlue	a:hover		{color: #000;}
.txtBlack	a:hover	{color: #1483c1;}
.txtNew {font-size: 12px !important; font-weight: bold;}
a.txtRed:hover, a.txtBlue:hover  {color: #000 !important;}

#new	{background-color:#FFFF00;}


form	{margin: 0;}
label	{font-weight: bold; text-align: right; padding-right: 4px;}
input	{border: 1px solid #cccccc; width: 200px; height: 16px;font: 13px/16px Arial, Helvetica, sans-serif; color: #000; padding-left:3px;}
textarea	{border: 1px solid #cccccc; width: 200px; height: 70px;font: 13px/16px Arial, Helvetica, sans-serif; color: #000; padding-left:3px;}
input.btn	{background-color: #B379B6; border-top: 1px solid #C89ECC; border-left: 1px solid #C89ECC; border-bottom: 1px solid #91268E; border-right: 1px solid #91268E;width: 80px; height: 20px; color: #fff; font-weight: bold; padding-bottom:2px; margin-top: 5px;}




div#main	{width: 970px;  margin: 0 auto;	background: #fff;}

#top { background: url(../img/bck_break.gif) no-repeat bottom; padding-bottom: 12px; margin-bottom: 5px;}
#top .header	{height: 170px; background: #a5a7aa;}
#top .header .logo {display: block; float: left; background:url(../img/img_logo_project.gif) no-repeat center; width: 419px; height: 170px;}
#top .header img {float: left;}
#top .slogan	{background: #009EC3; text-align: center; padding: 10px 0; color: #fff; font-size: 18px;}
#top .slogan strong {font-size: 20px;}

#leftnav	{margin: 0; padding: 0; background: #B379B6; float: left; width: 200px; list-style: none; font: 14px/17px Arial, Helvetica, sans-serif; margin-right: 20px; margin-bottom: 15px;}
#leftnav li {margin: 0; border-bottom: 1px solid #91268E; border-top: 1px solid #C89ECC;}
#leftnav li a {text-decoration: none; color: #ffffff; background: url(../img/bull_lefnav.gif) no-repeat 10px; padding: 5px 0; padding-left: 20px; display: block;}
#leftnav li a:hover {background: url(../img/bull_lefnav.gif) no-repeat 10px #91268E;}
#leftnav li a.active {font-weight: bold;}	


#welcomeHome {background: #ffffff; margin-top: -17px; padding-top: 0px; overflow: hidden; _height: 100%; font: 16px/24px Arial, Helvetica, sans-serif;}
#welcomeHome .rightimage {float: right; margin: -1px -1px -1px -1px; background: #ffffff; padding: 0px 0px 0px 0px; color: #ffffff; text-align: center; text-decoration: none;}
#welcomeHome .photos {clear: both; background: #ffffff; .margin-top: -10px;}
#welcomeHome .photos img {border: 0; padding: 0 !important; border-left: 1px solid #ffffff;}
#welcomeHome .title {margin-top: -10px; font-size: 19px;}
#welcomeHome .title strong {font-size: 19px !important;}
#welcomeHome .right {float: right; margin: 0 25px 0 15px;}
#welcomeHome div.right {text-align: center; font-size: 14px;}
#welcomeHome div.right p.gallery {padding: 10px 5px; background: #fff; border: 1px solid #e5e5e5;} 
#welcomeHome div.gallery {margin-top: 15px; overflow: hidden; _height: 100%;}
#welcomeHome div.gallery img {margin: 0 10px 25px 10px; }
#welcomeHome img {padding: 6px; border: 0px solid #e5e5e5; background: #fff;}
	
/* ///////////////////////// SECTION 1 HOME: Residential //////////////////////// */

.module {clear: both; margin-top: 20px; overflow: hidden; _height: 100%; padding-bottom: 10px;}
.module p {padding: 0 50px 0 25px;}
.module p strong {font-size: 14px;}
.module h2  {font-size: 20px;}
.module .left {float: left; margin: 0 15px 0 25px;}
.module .right {float: right; margin: 0 25px 0 15px;}
.module img {padding: 6px; border: 1px solid #e5e5e5; background: #fff;}
.module a {color: #91268E;}
.module a:hover {color: #000;}
.module h2 .new {color: #FF3; float: none; margin: 0;}

.module .leftCol {float: left; width: 265px;}
.module .rightCol {float: right; margin: 0 15px 0 5px; width: 260px;}
.module .leftCol p, .module .rightCol p {padding: 0; padding-right: 25px; margin: inherit 0;}
.module p.address { background: #f7f7f7; width: 420px; margin-left: 20px; padding: 20px 30px 25px; border: 1px solid #e5e5e5;}

.module.sports h2 {background: #B379B6; color: #ffffff; border-top: 7px solid #ccc; padding-bottom: 15px;}
.module.sports h2 a {color: #ffffff !important;}
.module.sports h2 a:hover {color: #ccc !important;}
.module.sports a {color: #91268E;}
.module.sports a:hover {color: #000;}
.module.sports table strong {font-size: 13px !important;}




.englishPlus .module  {padding-bottom: 5px;}
.englishPlus .module p {padding-right: 250px;}
.englishPlus .module h2 {font: normal 20px/21px Arial, Helvetica, sans-serif; margin: 0; padding: 8px 25px; background: #B379B6; color: #fff; border-top: 5px solid #ccc; margin-bottom: 10px;}

.module .new {float: left; margin-right: 10px; padding: 0; border: 0;}


.module ul.list {margin: 0; padding: 0; float: left; padding-left: 30px; margin-top: 10px;}
.module ul.list li {padding: 1px 0;}

	
/* ///////////////////////// SECTION 2 HOME: Soccer //////////////////////// */

div#soccer
	{
	background: url(../img/img_home_sports_left.jpg) no-repeat #000;
	height: 322px; 
	padding-left:156px;
	border-bottom: 10px solid #fff;
	}
	
div#soccerTxt		 
	{	
	float: left; 
	width: 574px;
	height: 295px;
	padding-top: 25px;	
	background-image:url(../img/bck_home_soccer.gif); 
	background-repeat:repeat-x; 
	padding-left: 50px;
	}

div#soccerImg	
	{
	float: left;
	background-image: url(../img/img_home_soccer.jpg); 
	background-repeat: no-repeat; 
	width: 270px; 
	height: 213px;
	margin-top: 10px;
	margin-left: -5px;
	}

div#soccerDetails	{float: right; width: 275px; margin-top: 10px; margin-right: 15px;}



/* ///////////////////////// SECTIONS 3 & 4 HOME: Family & School Stays //////////////////////// */

div.infoModule	{width: 780px; background-color: #fff; clear:both;}

div.infoModule	.headerLeft, div.firstInfo .headerLeft
	{
	float: left; 
	height: 36px; 
	width: 159px; 
	background: url(../img/bck_home_red_left.gif) repeat-y #ffdd00; 
	padding-top: 8px;
	text-align: center;
	margin-right: -3px;
	}
	
div.infoModule	.headerLeftYellow, div.firstInfo .headerLeftYellow
	{
	float: left; 
	height: 36px; 
	width: 159px; 
	background: url(../img/bck_home_yellow_left.gif) repeat-y #ffdd00; 
	padding-top: 8px;
	text-align: center;
	margin-right: -3px;
	}	
	
div.infoModule	.headerLeftBlue, div.firstInfo .headerLeftBlue
	{
	float: left; 
	height: 36px; 
	width: 159px; 
	background-color: #e10005; 
	background-image: url(../img/bck_home_blue_left.gif); 
	background-repeat: repeat-y;
	padding-top: 8px;
	text-align: center;
	margin-right: -3px;
	}	
	

div.infoModule	.headerLeft2, div.firstInfo	.headerLeft2	
	{
	float: left;	
	height: 44px;
	width: 52px;
	background-color: #ffdd00; 
	background-image: url(../img/bck_home_red_left_2.gif); 
	background-repeat:no-repeat; 
	margin-right: -3px;
	}
	
div.infoModule	.headerLeftBlue2, div.firstInfo	.headerLeftBlue2	
	{
	float: left;	
	height: 44px;
	width: 52px;
	background-color: #000; 
	background-image: url(../img/bck_home_blue_left_2.gif); 
	background-repeat:no-repeat; 
	margin-right: -3px;
	}	
	
div.infoModule	.headerLeft1	
	{
	float: left;	
	height: 44px;
	width: 52px;
	background-color: #ffdd00; 
	margin-right: -3px;
	}	

div.infoModule	.headerLeftBlue1	
	{
	float: left;	
	height: 44px;
	width: 52px;
	background-color: #000; 
	margin-right: -3px;
	}
	
	
	
div.infoModule	.headerRight, div.firstInfo	.headerRight
	{
	height: 44px;
	background-color: #ffdd00; 
	background-image: url(../img/bck_home_red_right.gif); 
	background-repeat:no-repeat; 
	background-position:right;
	font: bold  24px/44px  Arial Narrow, Tahoma, verdana, sans-serif;
	text-transform: uppercase;
	color: #000;
	}
	
div.infoModule	.headerRightBlue, div.firstInfo	.headerRightBlue
	{
	height: 44px;
	background: url(../img/bck_home_blue_right.gif) #000 right no-repeat; 
	font: bold  24px/44px  Arial Narrow, Tahoma, verdana, sans-serif;
	text-transform: uppercase;
	color: #fff;
	}
	
div.infoModule	.headerRight2, div.firstInfo	.headerRight2
	{
	float: left;
	height: 44px;
	width:542px;
	background-color: #ffdd00; 
	font: bold  24px/44px  Arial Narrow, Tahoma, verdana, sans-serif;
	text-transform: uppercase;
	color: #000;
	}

div.infoModule	.headerRightBlue2, div.firstInfo	.headerRightBlue2
	{
	float: left;
	height: 44px;
	width:542px;
	background-color: #000; 
	font: bold  24px/44px  Arial Narrow, Tahoma, verdana, sans-serif;
	text-transform: uppercase;
	color: #fff;
	}
	
	
.headerRight span.normal, .headerRight2 span.normal 	{font: normal  21px  Arial Narrow, Tahoma, Verdana, sans-serif; color: #006699;}

.headerRightBlue span.normal, .headerRightBlue2 span.normal	{font: normal  21px  Arial Narrow, Tahoma, Verdana, sans-serif; color: #a8c3d2;}

div.infoModule	.headerRight2Img, div.firstInfo	.headerRight2Img
	{
	float: right;
	height: 44px;
	width: 29px;
	background-image: url(../img/bck_home_red_right_trans.gif); 
	background-repeat:no-repeat; 
	background-position:right;
	}

div.infoModule	.headerRightBlue2Img, div.firstInfo	.headerRightBlue2Img
	{
	float: right;
	height: 44px;
	width: 29px;
	background-image: url(../img/bck_home_blue_right_trans.gif); 
	background-repeat:no-repeat; 
	background-position:right;
	}


div.infoModule	.infoModuleImg, div.firstInfo .infoModuleImg 	{
	float: left;
	background-color: #BE0004;
	width: 156px;
}

div.infoModule	.infoModuleTxt0, div.firstInfo	.infoModuleTxt0, div#welcome	.infoModuleTxt0  {float: left; padding-left: 52px; padding-right: 25px; padding-top: 16px; width: 360px;}

div.infoModule	.infoModuleTxt1, div.firstInfo	.infoModuleTxt1	{float: left; width: 242px; padding-left: 52px; padding-top: 16px;} 
div.infoModule	.infoModuleTxt2, div.firstInfo .infoModuleTxt2 	{float: right; width: 250px; padding-right: 50px; padding-top: 16px;}



.infoModuleTxt0#centres2007 {width:500px; line-height: 16px;}

.infoModuleTxtTable	{width: 678px; background-color: #fff; border-bottom: 1px solid #e5e5e5; margin-top: 20px; margin-left: 50px;}



div#schoolAddress	
	{
	padding: 15px; 
	padding-left:20px; 
	background-color: #E7EFF9; 
	color: #1483c1; 
	margin-top:25px;
	border-top: 1px solid #a0d1ed;
	border-bottom: 1px solid #a0d1ed;
	}


div#seeImageGallery
	{	
	float: left;
	margin-left: 55px;
	margin-top: 5px;
	width: 150px;
	padding: 10px;
	padding-left: 5px;
	background-color: #E7EFF9; 
	color: #1483c1;
	border: 1px solid #a0d1ed;
	text-align: center;
	}

div#seeImageGallery	a
	{	
	color: #1483c1;
	}

div#seeImageGallery	a:hover
	{	
	color: #000;
	}
	
p#backToSchools 
	{
	color: #1483c1;
	padding-right: 35px;
	margin-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	position: relative;
	top:12px;
	} 
	
 p#backToSchools a {color: #1483c1;} 

	
p#backToSchools	a:hover, div.seeImageGallery a:hover	 {color: #000; text-decoration: underline;}


/* ///////////////////////// SECTION 5 HOME: International Schools //////////////////////// */

div#internationalSchools
	{
	clear: both;
	height: 524px;
	background-image: url(../img/img_home_footer.jpg); 
	background-repeat: no-repeat; 
	background-position: top right; 
	background-color: #1483c1;
	}
	
div#internationalSchoolsTxt		 
	{
	float: left; 
	height:459px;
	width: 508px;
	font: 12px/16px Verdana, tahoma, sans-serif;
	color: #fff;
	padding-left: 40px;
	margin-top: -12px;
	background-image: url(../img/bck_home_footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}

div#internationalSchoolsTxt		p	{margin: 14px;}	 

	
div#internationalSchoolsFooter	
	{
	background-image: url(../img/bck_home_footer_bot.gif); 
	background-repeat: no-repeat; 
	background-position: left bottom; 
	height: 21px; 
	width: 156px; 
	margin-left: -40px;
	}



/* ///////////////////////// INTERIOR PAGE First Info //////////////////////// */

div.firstInfo	{width: 620px; float: right;}





/* ///////////////////////// IMGs AND PHOTO GALLERY //////////////////////// */

img.imgRight	{margin-left:10px; margin-top: 10px;}

img.photoGalleryLeft	{margin-top:5px; margin-left:40px;}

img.imgSchoolFirst	{margin-top:5px; margin-left:10px;}







/* ///////////////////////// FOOTER //////////////////////// */

#footer  {background: #919396; clear: both; font: 12px/17px Arial, Helvetica, sans-serif; padding: 20px; border-top: 1px solid #798085; color: #fff;}
#footer	a	{color: #fff;}
#footer	a:hover	{color: #000;}
#footer .left {float: left; margin: 0 20px;}
#footer .right {float: right; margin:0 20px;}
#footer .left img, #footer .right img {margin: 0 5px;}