html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

body {	font-family:Comic Sans MS;font-size:13px;text-decoration:none; color:#122a72; }
h1 { display:none; }

sup { font-size:10px; font-family:Arial; }
a {color:#FFEA18; text-decoration:none}
a:hover{text-decoration:underline;color:#F0615D;}
abbr{font-style:italic}

/*------------------------------------------------
	Structure
------------------------------------------------*/

#main {width:1000px; margin:0px auto;}
#main>div{float:left}
#left, #right{width:194px;}
#center{width:605px;}
#right {width:190px;padding:70px 0px 0 4px;}

.container { width:986px; margin:0 auto; }


.box {width:187px;}
.box .top{background: url(images/box-top.png);height:75px;}
.box .top img {float:right;margin:-3px 20px 0 0;}
.box .middle{background:url(images/box-middle.png) repeat-y;padding:0 16px 0 14px;}
.box .bottom{background:url(images/box-bottom.png);height:60px;}
.box a {font-weight:bold;display:block;color:#003a69}
.box a:hover{color:#29732B;text-decoration:none}
/*----------------------------
	Home
------------------------------*/
.home #left {padding-top:70px}
.home #center {width:510px;padding:100px 45px 0 50px;height:579px;background:url(images/home-bg.gif) no-repeat;margin-top:21px;}
.home #center div, .home #center img {float:left;}
.home #center div.leftcol {width:240px}
.home #center img {float:right;position:relative;left:40px;*left:0px;top:-20px;}
.home #center img.home-image {left:20px;*left:0px;top:-60px;}
.home #center .animation {height:250px;}
.home #center .anim {width:298px;height:335px;position:relative;top:-88px;left:-49px;}
.home #center h2 {padding-left:25px;}
.home #center p{text-align:justify;margin-top:10px;padding-left:25px;}


/*---------------------------
	Menu
-----------------------------*/
.box .acc-menu {position:relative;top:-20px;}
.acc-menu .header {padding-left:0px;height:25px;}
.acc-menu ul {padding-left:5px;width:160px;}
.acc-menu ul li {padding-left:30px;background:url(images/menu-arrow.gif) no-repeat;line-height:14px;min-height:20px;}
.acc-menu ul li.two-lines {line-height:14px;min-height:30px;}
.acc-menu ul li a{font-weight:normal;color: #6d635a;font-size:12px;}
.acc-menu ul li ul {position:relative;left:-20px;margin-top:5px;background:none;padding-bottom:5px;}
.acc-menu ul li ul li {padding-left:20px;background:url(images/menu-arrow-small.gif) no-repeat ;min-height:18px;line-height:16px;}
.acc-menu div.sep {margin-top:-5px;background: url(images/menu-sep.gif) no-repeat 5px top; height:18px;}

#profile-content, #facilities-content, #health-safety-content,
	#parental-content, #admissions-content, #contactus-content,
	#keeping-parents-updated
{display:none;}

/* right menu boxes*/
#right .box1 a, #right .box2 a {font-style:italic;font-size:12px;position:relative;line-height:50px;height:50px;padding-left:75px;}
#right .box1 .middle {height:190px;}
#right .box1 a{background:transparent url(images/box1.gif) no-repeat;display:block;}
#right .box1 a.home {top:-30px;left:10px;}
#right .box1 a.photos {top:-15px;left:20px;background-position:0 -58px;padding-left:80px;}
#right .box1 a.virtual-tour {top:0;left:5px;background-position:0 -108px;padding-left:40px;}
#right .box1 a.site-map {top:0;left:20px;background-position:0 -165px;padding-left:80px;}

#right .box2 {margin-top:15px;}
#right .box2 .middle {height:190px;}
#right .box2 a{background:transparent url(images/box2.gif) no-repeat;display:block;}
#right .box2 a.newsletter {top:-40px;left:-15px;padding-left:90px;}
#right .box2 a.calendar {top:-30px;left:-15px;background-position:15px -55px;}
#right .box2 a.nutrition {top:-20px;left:10px;background-position:-20px -105px;line-height:60px;}
#right .box2 a.special-events{top:-10px;white-space:nowrap;background-position:10px -160px;line-height:60px;padding-left:65px;}


/* SABIS Creative */

#footer{  float:left; width:100%;}

#footer .links { width:481px; height:42px; background: url(images/footer-links.png) no-repeat; float:left; text-align:left; margin:13px 0 0 10px; }
#footer .links a{ float:left; display:block; height:42px; text-indent:-9999px; }
#footer .links .sabis { width:62px; }
#footer .links .sabiscareers { width:98px; margin-left:20px; }
#footer .links .webschool { width:79px; margin-left:20px;  }
#footer .links .sabisuniversity { width:120px;  margin-left:20px; }
#footer .links .alumni { width:42px;  margin-left:20px; }

#footer .copyright { font-family:Verdana; width:320px; height:33px; float:right; margin:11px 0px 0 0; }
#footer .copyright p { color:#818181; font-size:10px; line-height:14px; text-align:right; }
#footer .copyright p a { color:#818181; font-weight:bold; }


/*----------------------------
	Sub Pages
------------------------------*/
.pages #left, .pages #right {padding-top:30px;}
.pages #left, .pages #right{width:185px;}
.pages #left .logo{margin-bottom:20px;text-indent:-9999px;display:block;height:100px;background:url(images/pre-school-logo.gif) no-repeat center center;}
.pages #center {padding:100px 30px 30px 40px;width:555px;height:570px;background:url(images/sub-background.jpg);}

/* inside */
.pages .history {height:37px; color:#FA9231; background:url(images/home-icon.png) no-repeat;padding:10px 50px}
.pages .history span {border-bottom:1px solid #FA9231;}
.pages .history a{color:#FA9231;font-weight:bold;font-size:12px;}
.pages .history a:hover{color:#666;text-decoration:none;}
.pages .inside {font-size:12px;margin-top:10px;margin-left:10px;}
.pages .inside .image { float:right;width:256px;height:256px;margin:0 0 0 10px;}
.pages .inside h2 {font-size:14px; width:250px;background:url(images/pages-title-bg.png) no-repeat left bottom; padding:10px 15px 3px 20px;margin-bottom:10px;*float:left;*padding-top:20px;}
.pages dl dt {font-weight:bold; font-size:14px;}
.pages dl dd { font-size:14px; }
.pages .ongoing dl dt {margin:5px; font-size:14px;}
.pages .inside p {text-align:justify;margin-top:20px;font-size:14px;}

.inside a { color:#122a72; }
.inside a:hover { color:#F0615D; }

div.albums-list { width:530px; }
div.albums-list div h4 { margin-bottom:5px; }
div.albums-list div h4 a{ color:#122a72; }
div.albums-list div h4 a:hover{ color:#FA9231; }
div.albums-list div{ width:175px; height:120px; float:left; text-align:center}
div.albums-list div img { border:1px solid #122a72; padding:2px; }

/* Photo Gallery */

.gallery { position:relative; margin-left:-21px;}

.mask-container{ width:575px; height:371px; }
.mask {position:absolute;z-index:11; }
.back-album { position:absolute; z-index:12; margin-top:260px; margin-left:28px; width:100px; height:20px;}
.back-album a{ display:block; width:100px; height:20px; z-index:12; }
.back-album a:hover{ text-decoration:none; }

.gallery .side-menu {width:575px; height:172px; background:url(images/photos-scroller.png) no-repeat; }

.gallery .B{ position:absolute;	margin-left:130px;	margin-top:8px; }
.gallery .B .pbody .t img { display:none; z-index:0; position:relative; }
.gallery .B .pbody .f { display:none; }
.gallery .side-menu .list-container{ height:56px; overflow:hidden; position:relative; width:410px; margin-left:90px; }
.gallery .side-menu .list{ height:56px; margin-left:0px; overflow:hidden; text-align:center; }
.gallery .side-menu .list ul { list-style: none; white-space: nowrap; padding:0; margin:0; }
.gallery .side-menu .list ul li { display:inline; }
.gallery .side-menu .list img {	border:1px solid #8C5522; }
.gallery .side-menu .list p { display:none; }
.gallery .side-menu img.left { cursor:pointer; margin-left:50px; margin-top:10px; }
.gallery .side-menu img.right { cursor:pointer; margin-top:-15px; margin-right:25px; *margin-top:-20px; float:right; }
/* virtual tour */

.virtual-tour .quick-time {height:316px;text-align:center; clear:both;}
.virtual-tour .list {padding-left:15px;}
.virtual-tour a {display:block;width:120px;float:left;text-align:center;height:110px;margin:3px;}
.virtual-tour a img {width:110px;clear:both;border:1px solid #ccc;padding:2px;}
.virtual-tour a:hover img {border:1px solid #777;}

p.info {font-size:smaller;color:#888}
p.info a{color:#122a72; }
p.info a:hover { color:#F0615D; }

/* Contact Form */

.form dl {margin:0; margin:20px 0 0 0; width:450px; }
.form dl dt { float:left; width: 100px; padding: 4px 0 2px 0; }
.form dl dt span { color:Red; }
.form dl dd { float: left; width: 250px; padding: 4px 0 2px 0; padding-left: 6px; }
.form dl dd.input { background:url(images/input.png) no-repeat 8px; }
.form dl dd input { background:transparent; width:184px; padding-top:2px; height:19px; line-height:14px; border:0px solid #777777; text-indent:3px; }
.form dl dd.textarea { background:url(images/textarea.png) no-repeat 8px; width:258px; height:100px; }
.form dl dd textarea { background:transparent; width:250px; padding-top:2px; padding-left:4px; height:90px; line-height:14px; border:0px solid #777777; }
.form dl dd input.submit { width:60px; background:url(images/send.png) no-repeat; border:0; height:19px; float:right; cursor:pointer;  }
.form div.required { clear:both; }
.form div.required span { color:Red; }
.contact-img { float:right; position:relative; top:-280px; margin-right:40px;}


.map { height:350px; clear:both; }
.pages .inside .addressimage { float:right;width:286px;height:286px;margin:90px 10px 0 0;}
.pages .inside dl.address { padding-top:50px; padding-left:20px; line-height:22px; }

/* Site Map */

.site-map { line-height:20px; width:180px; float:left; }
.site-map h3 { font-size:13px; margin-bottom:5px; margin-top:10px; }

/* NewsLetter */

div.newsletter { width:500px; }
div.newsletter a { float:left; height:120px; width:100px; text-align:center; display:block; }

.pages .inside ul.calendar { padding-left:20px; }
.pages .inside ul.calendar li { list-style:disc; line-height:16px; padding-left:0px; padding-bottom:10px; vertical-align:top; font-size:14px; }

div.myday{margin:50px 0 0 90px; float:left; text-align:center;}

div.reports {width:200px; height:200px; float:left; margin:50px 0 0 20px; }
div.reports img { position:absolute; }