﻿body 
{
	   background-color:#5CA9D8 ; margin:0px auto; outline:none; 
}
img, a{ outline:none; border:0}
.clear{ clear:both; overflow:hidden}

.roots
{
	position:absolute; top:61px; left:50%; margin-left:-689px; z-index:0; 
	background:url(../images/roots.png) no-repeat top left; width:1154px; height:274px;
}

.wrapper
{
	width:990px; margin:0px auto; min-height:390px; position:relative;
}

.nest{ height:50px; width:50px; position:absolute; text-align: center; width:137px; height:89px;background:url(../images/nest.png) no-repeat top left; z-index:9999; top:138px; left:-6px;}
.nest a{ height:50px; width:50px; display:block; background:url(../images/home-icon.png) no-repeat top left; left: 37px; position: relative;  top: 25px;}

.wrapper-in
{
	width:100%; float:left;  min-height:460px
}

.header {
    background: url("../images/kids-corner-logo-back.png") no-repeat scroll right bottom rgba(0, 0, 0, 0);
    float: left;
    height: 220px;
    margin-left: -1px;
    top: 84px;
    width: 100%;
    z-index: 3;
}

.container-main
{
	 margin-left: -21px;width:100%; float:left;  background:url(../images/flag-rptr.jpg) repeat-y  top right;  padding-top:50px; margin-bottom:66px;}

.wooden-box
{
	width:310px; height:174px; background:url(../images/wooden-board.png); float:left;  margin-top:12px; position:relative;  margin-right:12px;
}

.flag-right {
    background: url("../images/flag-rptr.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 569px;
    left: 50%;
    margin-left: 374px;
    position: absolute;
    top: -517px;
    width: 236px;
    z-index: 2;
}
 
 .footer
 {
 	width:100%;
	position: relative;
    background:url(../images/footer.png) top center repeat;
    height:166px;
	  float:left;
    clear:both;
    margin-top:130px;
   
   
 }
 .footer-image 
 {
     width:100%;
	
     top:-80px
    
     position:absolute;
    
     
      }
 
 .footer-image{ position:absolute; 
                 
                
                top:-80px
                
                
                
                }
.footer-link {
    height: 181px;
    left: 50%;
    margin-left: -141px;
    position: absolute;
    top: 75px;
    width: 473px;
}
#parallax {position: relative;overflow: hidden; width: 100%; height: 488px; top:28px;}
.footer-content1{ width:256px; margin:0 auto; margin-top:4px; font-family:ArialMT; font-size:11px;}

.footer-content{ width:256px; margin:0 auto; margin-top:6px; font-family:ArialMT; font-size:.8em;}
.footer-pb{padding-left:30px;/*background:url(../images/company.png) top left no-repeat;*/ height:44px; margin-left:-30px; display:block; padding-top:4px;}
.copyright{ color:#fff; font-family:Arial;}
.copyright a{ color:#fff; font-family:Arial;text-decoration:none}
.copyright a:hover { color:#000033; font-family:Arial;}
.footer-pb a{ text-decoration:none; color:#fff; margin-left:-34px;}
.footer-pb a:hover{ text-decoration:underline;}

.image1 {
    left: 81px;
    position: absolute;
    top: 353px;
    z-index: 18;
}
.image2 {
    position: absolute;
    right: 80px;
    top: 612px;
}
.image3 {
    height: 108px;
    left: -728px;
    position: absolute;
    top: 601px;
    width: 91px;
}
.image4 {
    position: absolute;
    right: 521px;
    top: 471px;
}
.image5{position:absolute; top:55px; left:-82px; top:295px; width:72px}

.kids-corner{  left:552px; top:29px; position:absolute; z-index:18}
.kids-corner a {
    background: url("../images/kids-corner.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 115px;
    margin-left: -61px;
    width: 159px;
    margin-top: 65px;
}

.kids-corner a:hover {
    background: url("../images/kids-corner_hover.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 115px;
    margin-left: -61px;
    width: 159px;
    margin-top: 65px;
}

/*Cloud Start*/
 .stage {
            position: absolute;
            top: 90px;
            left: 0;
            width: 100%;
            min-width: 900px;
            height: 80%;
            overflow: hidden;
            z-index: 100;
        }
        .far-clouds {
            background: transparent url(../images/cloud.png) 305px 102px repeat-x;z-index:-1
        }
        .near-clouds {
            background: transparent url(../images/cloud.png) 305px 162px repeat-x; z-index:-1
        }
        .mainContent{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 101; }
            /*Cloud Start*/
       
.poem{ margin:48px 0 0 18px; padding-top:3px;}
.art{ margin:35px 0 0 63px}
.jokes{ margin:79px 0 0 10px}
.paintig{ margin:87px 0 0 11px}
.story{ margin:43px 0 0 42px}
/*14june start*/
.menu-master{border-bottom:3px solid #fff!important; background:#f6c985!important; border-radius:10px!important; height:31px!important; padding:9px 0 0 0!important; margin:10px 0 0 0!important}
.menu-master ul{ list-style:none!important; height:18px!important; text-align:center!important; margin:0!important}
.menu-master li{margin:0 8px!important; display:inline!important}
.menu-master li a{ text-decoration:none!important; color:#000!important}

.menu-master li a:hover{text-decoration:underline!important; color:red!important}

.master-box{ border:1px solid #fff!important; width:480px!important; float:left!important; background:url(../SchoolLogo/bg.png) top left; min-height:500px!important; margin:2px!important;
	height:500px!important;
}
.master-box-right1{ border:1px solid #fff!important; width:983px !important;  
background:url(../SchoolLogo/bg.png) top left; min-height:450px!important; margin:2px!important
}
.master-box-right{ border:1px solid #fff!important; width:484px!important; float:right!important; background:url(../SchoolLogo/bg.png) top left;height:500px!important; margin:2px!important }
.master-box3{ width:484px!important; float:left!important}
.master-box3 table tr td{ height:25px!important; text-align:center!important}
.botton-mkaster{ text-align:center!important;
	height: 0px;
}
.bottom-image{ width:250px!important; float:right!important;}
.bottom-image img{ float:right!important; margin:15px 15px 0 0!important;}
.bottom-image-lable{ width:100%!important; float:right!important; margin:15px 36px 0 0!important; text-align:right!important}
.dlt{ text-align:center!important; display:block!important; width:100%!important; height:35px!important; margin-top:15px!important; clear:both!important}
.footer-master-area{  background:#F6C985!important;  clear: both!important;  height: 30px!important; padding-top: 15px!important; width: 100%!important; position:absolute!important; bottom:0!important; font-size:12px!important;}
.footer-master-area a{ text-decoration:none!important; color:#000!important}
.footer-master-area a:hover{ text-decoration:underline!important; color:red!important}

/*14june end*/
      #parallax {position: relative;overflow: hidden; width: 100%; height: 488px; top:28px;}      

.abcd{ width:990px; margin:0 auto; border:1px solid #fff; background:url(../SchoolLogo/bg.png) top left;  clear:both}
.bottom-image1{ width:210px; float:left;}
.bottom-image1 img{ float:right; margin:15px 15px 0 0; border:3px solid blue;}
.logo-area-master{}
/*14june master page 2*/

/*17 July css*/
.home-search{ background:url(../images/Search-icon1.png) top left no-repeat; width:25px; height:25px; border:none;}
.searchButton {
     background: url("../images/submit-img.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    border: none;
    top: 3px;
    height: 28px;
    width: 23px;
    right: -9px;
}
.Text1 
{

margin:0px;
    background-color: transparent;
    border: 0 none;
    height: 28px;
    padding-left: 3px;
    padding-right: 3px;
    width: 130px;
    background:url(../images/search-background.png) no-repeat;
}

.Text2 
{

	margin:0px;
    background-color: transparent;
    border: 0 none;
    height: 28px;
   background:url(../images/search-background.png) no-repeat;
}



.wooden-box div
{
	width:100%; height:54px; background:url(../images/knot.png) 33px 0px no-repeat; float:left; margin-top:-32px; position:absolute;
}
 
 .wooden-box div > span
{
	width:100%; height:54px; background:url(../images/knot.png) 273px 0px no-repeat; float:left;  
}
.wooden-box-main1
{
	width:100%; height:94px; background:url(../images/strip.png) no-repeat 0 0; float:left;  margin-top:12px; position:relative; z-index:0; margin-right:12px;
}
.wooden-box-main
{
	width:100%; height:94px; background:url(../images/strip.png) no-repeat 0 0; float:left;  margin-top:12px; position:relative; z-index:0; margin-right:12px;
}
.wooden-box-main .wooden-box-div
{
	width:100%; height:54px; background:url(../images/knot.png) 33px 0px no-repeat; float:left; margin-top:-32px; position:absolute;
}
 
 
 .wooden-box-main .wooden-box-div > span
{
	width:100%; height:54px; background:url(../images/knot.png) 915px 0px no-repeat; float:left;  
}
.wooden-box-main table tr td{ width:35%; color:#a24e12; font-family:Alex-Antiqua-Book; font-size:15px;}
.wooden-box-main table tr td a{ text-decoration:none; color:#a24e12; font-family:Alex-Antiqua-Book; font-size:15px;}
.sumbit{ width:5%!important;}


.search-area{ width:100%; float:left; margin-left:172px; margin-top:1px;}
.select{ float:left; width:150px; margin-right:85px;}
.search-box{ width:275px; float:left;}
.search-icon{ width:100px; float:left; display: inline-block; position: relative; overflow: hidden; height: 31px;  width: 35px;background: none;border: 4px solid #dcac7c;
            border-color: #dbaa7a; border-right: 4px solid #fff; border-left:none; margin-left:4px;  padding-top:2px;}
            
            
            .next{ width:150px; float:left; margin-left: 82px;   margin-top: 9px;}
     .back-website { width:230px; height:155px; float:right; margin-right:244px; margin-top:-55px; }   
       /* Search area */
            
a{ outline:none;}
input{ outline:none;}
select{ outline:none;}
        .dropdown
        {
            display: inline-block;
            position: relative;
            overflow: hidden;
            height: 31px;
            width: 150px;
            background: none;
            border: 4px solid #dcac7c;
            border-color: #dcac7c;
            border-right: 4px solid #fff;
           
            
        }
          .autosuggest
        {
            display: inline-block;
            position: relative;
            overflow: hidden;
            height: 15px;
            width: 256px!important;
            background: none;
            border: 4px solid #dcac7c;
            border-color: #dcac7c;
            border-right: none;
            padding:8px 10px 10px;
        
        }
        .dropdown-select
        {
            border-style: none;
    border-color: inherit;
    border-width: 0;
    position: relative;
            width: 130%;
            margin: 0;
            padding: 4px 8px 6px 10px;
            height: 31px;
            line-height: 14px;
            font-size: 12px;
            color: #ffffff;
            text-shadow: 0 1px white; /* Fallback for IE 8 */
            background: none; /* "transparent" doesn't work with Opera */
         
            font-family:Alex-Antiqua-Book; font-size:15px;
            border-radius: 0;
            -webkit-appearance: none;
    top: 0px;
    left: 0px;
}
        .dropdown-select:focus
        {
            z-index: 3;
            width: 100%;
            color: #000012;
           
            outline-offset: -2px;
        }
        .dropdown-select > option
        {
            margin: 3px;
            padding: 6px 8px;
            text-shadow: none;
         
            border-radius: 3px;
            cursor: pointer;
        }
        .dropdown:before, .dropdown:after
        {
            content: '';
            position: absolute;
            z-index: 2;
            top: 9px;
            right: 10px;
            width: 0;
            height: 0;
            border: 4px dashed;
            border-color: #a24e12 transparent;
            pointer-events: none;
        }
        .dropdown:before
        {
            border-bottom-style: solid;
            border-top: none;
        }
        .dropdown:after
        {
            margin-top: 7px;
            border-top-style: solid;
            border-bottom: none;
        }
 


.BtnAlign
        {
            margin-left: 0px;
            z-index: 999;
            background-image :url(../images/Search-icon.png); background-repeat :no-repeat ;
           width :36px; height :40px;
        
        }