@charset "utf-8";

html,body{ margin:0; padding:0;}


/* default element styles */
body { color:white; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; position:relative;}
table {border-collapse: collapse}
td {margin:0px; padding:0px;}
img {border:0px;}
form {padding:0px; margin:0px;}
em {font-style:normal; font-weight:normal; color:#ffffff;}
.clear{clear:both; font-size:0px;}

a:link, a:active, a:visited{color:white; text-decoration:none;}
a:hover{color:#2E3091; text-decoration:none;}

.headerBg{ height:267px; width:1172px;; /*background-color:#3DC8FF;*/ position:absolute; left:0px; top:0px; z-index:0;}

#titleImg{ float:left;}

/* index */
.indexContent{ width:1172px; min-height:1302px; margin:0px auto; background-image:url(../images/bg_aboutUs.png); background-repeat:repeat-y; text-align:center; position:relative;}
.headerDiv{ width:1172px; height:330px; position:absolute; top:0px; left:0px; padding:20px 35px 0px 0px; text-align:right; background-image:url(../images/bg_header.png); background-repeat:no-repeat; background-position:center top;}
.headerDiv img{ margin:0px 0px 10px 15px; }

.homeLink{float:left; width:280px; height:220px; background-image:url(); position:absolute; top:0px; left:450px;}

.titleText{font-family: 'Love Ya Like A Sister', cursive; font-size:26px;}

.menuDiv{ margin:0px auto 0px auto; width:850px; padding-top:260px; text-align:center;}
.menuBtns{ position:relative; width:830px; height:60px; margin:0px auto;}
.menuBtns .menuBtn{ position:absolute; cursor:pointer;}
.menuBtns a.menuBtn:hover, .menuBtns .current{ top:-25px!important;}

#coursesBtnDiv, #coursesBtnDivCurrent{ position:absolute; left:159px; top:60px; z-index:201; padding:12px 0px 0px 0px; background-color:#0071B6; display:none; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px; border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; border-bottom-left-radius:10px;}
.coursesBtn{ float:left; width:94px; padding:12px 12px 0px 12px; background-color:#0071B6; cursor:pointer; font-size:12px;}
.coursesBtn:hover{background-color:#045C87; color:white;}
.coursesBtn hr{ color:white; border-style:solid; margin:10px 0px 0px 0px;}
.courseBtnLast{ padding-bottom:13px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px; border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; border-bottom-left-radius:10px;}
#enrolBtnDiv, #enrolBtnDivCurrent { position:absolute; left:275px; top:60px; z-index:201; padding:12px 0px 0px 0px; background-color:#338F45; display:none; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px; border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; border-bottom-left-radius:10px;}
.enrolBtn{ float:left; width:81px; padding:12px 12px 0px 12px; background-color:#338F45; cursor:pointer; font-size:12px;}
.enrolBtn:hover{background-color:#336645; color:white;}
.enrolBtn hr{ color:white; border-style:solid; margin:10px 0px 0px 0px;}
.enrolBtnLast{ padding-bottom:13px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px; border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; border-bottom-left-radius:10px;}

#btnNews{ left:47px; z-index:100;}
#btnCourses, #btnCoursesCurrent{ left:156px; z-index:102;}
#btnEnrol, #btnEnrolCurrent{ left:273px; z-index:100; top:8px;}
#btnGallery{ left:373px; z-index:102;}
#btnTestimonial{ left:500px; z-index:101;}
#btnContact{ left:640px; z-index:100; top:5px;}
#btnContact:hover{ top:-20px;}

#btnNewsAdmin{ left:55px; z-index:100;}
#btnCourseAdmin{ left:165px; z-index:100;}
#btnGalleryAdmin{ left:273px; z-index:100;}
#btnTestimonialAdmin{ left:403px; z-index:100;}
#btnIndexAdmin{ left:550px; z-index:100;}
#btnTermsAdmin{ left:630px; z-index:100;}

.menuBgDiv{ border:12px solid white; width:830px; background-color:white; background-image:url(../images/loader.gif); background-repeat:no-repeat; background-position:center center; overflow:hidden; margin-bottom:55px; z-index:200; position:relative; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px;}
.menuBgDiv img{ position:absolute; float:left; width:830px; left:0px;}
.indexContent .menuBgDiv, .indexContent .menuBgDiv img{ height:410px;}

.aboutUsTextDiv{ width:800px; height:236px; padding:32px 25px 0px 17px; line-height:20px; text-align:left; font-size:13px; background-color:#009DCC; border:6px solid white; margin:50px auto 0px auto; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; position:relative;}
.aboutUsTextDiv ul{ padding-left:15px;}

.footer{ background-color:#000000; height:60px; min-width:1172px; width:100%; text-align:center; color:white; line-height:60px; color:white; font-size:9px; float:left;}


/* news */
.newsContent{ width:1172px; min-height:1330px; margin:0px auto; background-image:url(../images/bg_news.png); background-repeat:repeat-y; background-color:#FCCCF5/*#F7C4F8*/; text-align:center; position:relative;}
.newsContent .menuBgDiv, .newsContent .menuBgDiv img{ height:263px; margin-bottom:30px;}
.newsTextDiv{ width:894px; height:482px; padding-top:12px; text-align:left; margin:60px auto 0px auto; background-image:url(../images/bg_newsText.png); background-repeat:no-repeat; overflow-y:auto; position:relative;}
.newsTextDiv .newsBlockDiv, .newsTextDiv .newsBlock:active, .newsTextDiv .newsBlock:visited, .newsTextDiv .newsBlock:link{ width:725px; height:93px; padding-top:22px; margin-left:35px; color:black; overflow: hidden; border-bottom:1px dashed black; float:left;}
.newsTextDiv .newsBlock:hover{ text-decoration:underline;}
.newsTextBlock{ height:350px;}
.newsText{ height:42px; width:725px; margin-top:5px; line-height:20px; font-size:13px; overflow:hidden;}
.nav{ float:right; margin:80px 50px 0px 0px;}
.nav a:active, .nav a:link, .nav a:visited{ color:black; font-size:12px;}
.nav a:hover, .nav a.current:link, .nav a.current:active, .nav a.current:visited, .nav a.current:hover{ color:#999999; text-decoration:underline;}

/*courses*/
.coursesContent{ width:1172px; min-height:516px; margin:0px auto; padding-bottom:60px; background-image:url(../images/bg_course.png); background-repeat:repeat-y; background-color:#49BAE8; text-align:center; position:relative;}
.coursesContent .menuBgDiv, .coursesContent .menuBgDiv img{ height:263px; margin-bottom:30px;}
.coursesContent .menuDiv{ margin-top:0px!important;}
.coursesContent #titleImg{ margin-bottom:42px;}
.courses{ margin-bottom:50px!important;}
.coursesTextDiv{ width:778px; min-height:50px; padding:32px 32px 30px 32px; line-height:20px; text-align:left; font-size:13px;  border:6px solid white; cursor:pointer; margin:0px auto 200px auto; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px;}
.coursesTextDiv .text{ padding-top:15px; font-size:14px;}
.coursesTextDiv .text ul{ padding-left:15px;}

.courseShortText{ width:600px; margin-right:30px; float:left;}
.flag{float:right; margin:-30px 45px 0px 0px;}

.course_tbl{ margin-left:-32px; width:842px; text-align:center; margin-top:18px;}
table.course_tbl tr td:nth-of-type(3) {
	text-align:left!important;
	}
table.course_tbl tr td{ padding:10px 10px 10px 30px; text-align:left}

img.teddy{position:absolute; bottom:10px; left:520px;}
img.castle{ position:absolute; right:215px; top:608px;}

/*enrol*/
.enrolContent{ width:1172px; min-height:1147px; margin:0px auto; background-image:url(../images/bg_enrol.png); background-repeat:repeat-y; background-color:#67BD51; text-align:left; position:relative;}
.enrolContent .menuBgDiv, .enrolContent .menuBgDiv img{ height:263px; margin-bottom:30px;}
.enrolContent .menuDiv{ margin-top:0px!important;}
.enrolTextDiv{ width:778px; height:236px; padding:25px 32px 0px 32px; line-height:20px; font-size:13px; background-color:#007700; border:6px solid white; margin:30px auto 0px auto; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; position:relative;}
.enrolTextDiv .text{ padding-top:25px; font-size:14px;}
.enrolTextDiv .text ol{ padding-left:15px;}
#enrolDeco{ position:absolute; bottom:-175px; right:-125px;}

.weatherContent{ width:1172px; min-height:1706px; margin:0px auto; background-image:url(../images/bg_weather.png); background-repeat:repeat-y; background-color:#67BD51; text-align:left; position:relative;}
.weatherContent .menuBgDiv, .enrolContent .menuBgDiv img{ height:263px; margin-bottom:30px;}
.weatherContent .menuDiv{ margin-top:0px!important;}
.weatherTextDiv{ text-align:center; margin:35px 0px 0px 0px;}


/*terms and conditions*/
.termsContent{ width:1172px; min-height:236px; padding-bottom:100px; margin:0px auto; background-image:url(../images/bg_tnc.png); background-repeat:repeat-y; background-color:#67BD51; text-align:left; position:relative;}
.termsContent .menuBgDiv, .enrolContent .menuBgDiv img{ height:263px; margin-bottom:30px;}
.termsContent .menuDiv{ margin-top:0px!important;}
.termsTextDiv{ width:778px; min-height:236px; padding:25px 32px 25px 32px; line-height:20px; font-size:13px; background-color:#007700; border:6px solid white; margin:30px auto 95px auto; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; position:relative;}
.termsTextDiv .text{ font-size:13px;}
.termsTextDiv .text ul{ padding-left:15px;}
.termsTextDiv ol{list-style-type:lower-roman;}

/*gallery*/
.galleryContent{ width:1172px; min-height:1210px; margin:0px auto; background-image:url(../images/bg_gallery.png); background-repeat:repeat-y; background-color:#FAC90F; text-align:center; position:relative;}
.galleryContent .menuBgDiv, .enrolContent .menuBgDiv img{ height:263px; margin-bottom:30px;}
.galleryContent .menuDiv{ margin-top:0px!important;}
.galleryTextDiv{ width:915px; min-height:436px; line-height:20px; font-size:13px; margin:30px auto 0px auto; position:relative; padding-bottom:90px;}
/*.galleryTextDiv a img{ width:237px; height:147px; float:left; margin:0px 30px 50px 38px; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; }*/
.galleryNav{ float:right; margin-right:30px;}
.galleryNav a:active, .galleryNav a:visited, .galleryNav a:link{ margin-left:5px; color:black;}
.galleryNav a:hover, .galleryNav a.current:link, .galleryNav a.current:active, .galleryNav a.current:visited, .galleryNav a.current:hover{ color:#999999; text-decoration:underline;}
.galleryNav a img{ width:auto; height:auto; margin:0px; float:none;}
.galleryDetailTextDiv{ width:915px; min-height:436px; line-height:20px; font-size:13px; margin:30px auto 0px auto; position:relative; padding-bottom:70px; position:relative;}

/*.galleryDetailTextDiv a img{ width:160px; height:97px; float:left; margin:0px 30px 50px 38px; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; }*/

.galleryDetailTextDiv .cover .thumbnail{width:229px; height:139px; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; border: 4px dodgerblue solid;}
.galleryDetailTextDiv .thumbnailDiv{ position:relative; float:left; margin:0px 30px 50px 38px; width:237px; height:147px; overflow:hidden; -moz-border-radius:20px; -webkit-border-radius:20px; khtml-border-radius:20px; border-radius:20px;/* this fixes the overflow:hidden in Chrome */-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);}
.galleryDetailTextDiv .thumbnailDiv a:active, .galleryDetailTextDiv .thumbnailDiv a:visited, .galleryDetailTextDiv .thumbnailDiv a:link, .galleryDetailTextDiv .thumbnailDiv a:hover{width:237px; height:147px; overflow:hidden; text-align:center;}
.galleryDetailTextDiv .thumbnailDiv .thumbnail{width:237px;}
.galleryDetailTextDiv .thumbnailDiv .btnSetting{display:none;cursor: pointer; position: absolute;width:120px; left:50px; text-align:center; background-color: black;opacity: 0.6; font-weight:bold; padding:0 5px; z-index:200;}
/*.galleryDetailTextDiv .thumbnailDiv:hover .btnSetting{display:block ;position: absolute;width:120px; left:50px; text-align:center; background-color: black;opacity: 0.6; font-weight:bold; padding:0 5px;}*/


.galleryTextDiv .thumbnailDiv{ position:relative ; float:left; margin:0px 30px 50px 38px;}
.galleryTextDiv .thumbnailDiv .thumbnail{width:237px; height:147px;  -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; }
.galleryTextDiv .thumbnailDiv .btnClose {position: absolute;width:25px; height:25px;right:-10px; top:-10px;cursor: pointer;}
.galleryTextDiv .thumbnailDiv .btnClose:hover {position: absolute;width:30px; height:30px;right:-12.5px; top:-12.5px;cursor: pointer;}

#galleryDeco{ position:absolute; left:30px; bottom:0px;}

/*testimonial*/
.testimonialContent{ width:1172px; min-height:520px; margin:0px auto; padding-bottom:100px; background-image:url(../images/bg_testimonial.png); background-repeat:repeat-y; background-color:#F7B7F5; text-align:center; position:relative;}
.testimonialContent .menuBgDiv, .enrolContent .menuBgDiv img{ height:263px; margin-bottom:30px;}
.testimonialContent .menuDiv{ margin-top:0px!important;}
.testimonialTextDiv{ width:842px; min-height:436px; line-height:20px; text-align:left; font-size:13px; margin:30px auto 0px auto; padding-bottom:60px; position:relative;}
.testimonialTextDiv .testimonialBlock{ width:782px!important; width:842px; height:auto; padding:30px 30px 15px 30px; float:left; margin:0px 0px 24px 0px; background-color:white; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
.testimonialTextDiv .testimonialBlock img{ float:left; margin-right:26px; display:inline; width:180px;}
.testimonialTextDiv .testimonialBlock .testimonialText{ float:left; color:black; width:565px; display:inline;}
.testimonialTextDiv .testimonialBlock .testimonialText .title{ color:#EC1193; font-size:18px;}
.testimonialTextDiv .testimonialBlock .testimonialText .more{ text-align:right; cursor:pointer;}
.testimonialNav{ position:absolute; right:-15px; bottom:0px;}
.testimonialNav a:active, .testimonialNav a:visited, .testimonialNav a:link{ margin-left:5px; color:#913F8B;}
.testimonialNav a:hover, .testimonialNav a.current:link, .testimonialNav a.current:active, .testimonialNav a.current:visited, .testimonialNav a.current:hover{ color:#999999; text-decoration:underline;}
.testimonialNav a img{ width:auto; height:auto; margin:0px; float:none;}

/*contact*/
.contactContent{ width:1172px; min-height:420px; margin:0px auto; padding-bottom:40px; background-image:url(../images/bg_contact.png); background-repeat:repeat-y; background-color:#EAD9F9; text-align:center; position:relative;}
.contactContent .menuBgDiv, .enrolContent .menuBgDiv img{ height:263px; margin-bottom:30px;}
.contactContent .menuDiv{ margin-top:0px!important;}
.contactTextDiv{ width:842px; min-height:436px; line-height:20px; font-size:13px; margin:30px auto 0px auto; padding-bottom:10px; position:relative;}