*{
  margin:0;
  padding:0;
}


section {
	background-image: url(image/sky.png);
	width: 100%;
	left: auto;
	right: auto;
	height: auto;
}

#header{
  background-color: blue;
  width:1000px;
  height:105px;
  margin-left: auto;
  margin-right: auto;
}

/*nabar top*/
.navbar{
  width: 1000px;
  height: auto;
  background:#9383ef;
  margin-left: auto;
  margin-right: auto;

}
ul{
  text-align: left;
  display: inline;
  margin:0;
  padding:0;
  list-style: none;
  position: relative;

}
ul li{
  font:bold 15px/20px sans-serif;
  display:inline-block;
  position: relative;
  z-index: 100;
  padding: 10px 5px;
  width: auto;
}

ul li a{
  text-decoration:none;
  padding: 20px 15px;
  color: white;
  font-size: 17px;
}

.Publications-menubar{
  width: 153px;
  padding:0;
  left:0;
  text-decoration:none;
  padding: 10px 5px;
}

.Civic_Education_Team-menubar{
  width: 310px;
  padding:0;
  left:0;
  text-decoration:none;
  padding: 10px 5px;
}

ul li hover{
  background:#4c99e1;
  color:white;
}

ul li ul {
  padding:0;
  position:absolute;
  top: 40px;
  left:0;
  width: 280px;
  display: none;
  visibility: hidden;
}

ul li ul li{
  background: #c059e0;
  display: block;
}


ul li ul li a{
  text-decoration:none;
  padding: 20px 16px;
  color: white;
  font-size: 15px;
}

ul li ul li ul li a{
  text-decoration:none;
  padding: 20px 16px;
  color: white;
  font-size: 14px;
}


ul li ul li:hover{
background: #385fe0;
}

ul li:hover ul{
  display: block;
  opacity: 1;
  visibility: visible;
}

ul ul ul li{
  display: none;
}

ul ul li:hover li{
  display: block;
}

ul ul ul {
  left:100%;
  top: 0;
}
/*nabar end*/

/*//////////////////////////*/

/*slider css*/
.slideshow_position {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
  position:relative;
  z-index: 0;


}
.slide>img {max-width:100%;}
.cyclw-slideshow{
	width: 1000px;
	display: block;
	position: relative;
	margin: 20px auto;
	overflow: hidden;
  z-index: -100;
	}

.slide{width: 100%; display:block; position:relative;}
.caption{
	width: 100%;
	height: 110px;
	background-color: rgba(0,0,0,0.2);
	display: block;
	position: absolute;
	bottom: -110px;
	padding: 20px;
	z-index: 9;
	box-sizing: border-box;
	opacity: 0;
	}

.cycle-slideshow:hover .caption{
	opacity:1;
	bottom: 5px;
	-webkit-transition: all .5s ease-out;
	}

.caption h3 {
	text-transform:uppercase;
	color:#fff;
	font-size: .9em;
	letter-spacing: .1em;
	padding-bottom:10px;
	}
.caption p {
	color: #fff;
	font-size: x-small;
	letter-spacing: .1em;
	padding-bottom: 10px;
	}
.caption p a {
	text-decoration: none;
	color: #fff;
	font-size: .8em;
	border: 1px solid #fff;
	padding: 2px 8px;
	}
.caption p a:hover { background: #fff; color: #333;}
/*control style*/
.cycle-next{
	width:0; height:0;
	display: block;
	position:absolute;
	top: 175px; right:20px;
	border-left: 25px solid #fff;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	z-index:999;
	cursor: pointer;
	}
.cycle-prev{
	width:0; height:0;
	display: block;
	position:absolute;
	top: 175px; left:20px;
	border-right: 25px solid #fff;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	z-index:999;
	cursor: pointer;
	}

.cycle-pager {
    text-align: center; width: 100%; z-index: 999; position: absolute; top: 10px;
}
.cycle-pager span {
    font-family: arial; font-size: 50px; width: 16px; height: 16px;
    display: inline-block; color: #ddd; cursor: pointer;
}
.cycle-pager span.cycle-pager-active {
	color: #52B2FF;
}
.cycle-pager > * { cursor: pointer;}

/*Religious Quotes*/

.Religious_Quotes_bar{
  margin-left: auto;
	margin-right: auto;
  width:1000px;
  background-color: #BE81F7;
  height: 100px;
}

.versebroad  {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-box-shadow: 2px 2px 4px 2px #626262;
	box-shadow: 2px 2px 4px 2px #626262;
	border-radius: 10px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
  width: 970px;
  background-color: white;
  height: 80px;
}

.versecontext {
	margin: 10px;
	padding: 0;
	display: block;
	border-radius: 10px;
}
/*End of Religious Quotes*/

.board_0{
 width:1000px;
 margin-left: auto;
 margin-right: auto;
 background-color: #BE81F7;
 }


.board_2{
 width:1000px;
 margin-left: auto;
 margin-right: auto;
 height: 470px;
 background-color: #BE81F7;
 }

.iframe_album{
width:400px;
height:434px;
background-color: #BE81F7;
float: left;
}

.iframe_news{
width:600px;
height:200px;
background-color:#BE81F7;
float: left;
}

.iframe_achievements{
width:600px;
height:200px;
background-color:#BE81F7;
float: left;
}

.board_1{
 width:1000px;
 margin-left: auto;
 margin-right: auto;
 height: 260px;
 background-color: #BE81F7;
 }

 .Anniversary{
  float: left;
  height: 255px;
  background-color: #BE81F7;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  }

  .Schoolvideo{
   float: left;
   height: 255px;
   background-color: #BE81F7;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
   }

   .Awardslide{
    float: left;
    height: 255px;
    background-color: #BE81F7;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    }


    .board_3{
     width:1000px;
     margin-left: auto;
     margin-right: auto;
     height: 90px;
     background-color: #6666ff;
     }

    .librarylogo{
     float: left;
     width: 200px;
     background-color: #BE81F7;
     margin-left: auto;
     margin-right: auto;
     margin-top: 10px;
     }

     .eclasslogo{
      float: left;
      width: 200px;
      background-color: #BE81F7;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      }

      .webmaillogo{
       float: left;
       width: 200px;
       background-color: #BE81F7;
       margin-left: auto;
       margin-right: auto;
       margin-top: 10px;
       }
       .CampusTVlogo{
        float: left;
        width: 200px;
        background-color: #BE81F7;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        }
        .MyProfilelogo{
         float: left;
         width: 200px;
         background-color: #BE81F7;
         margin-left: auto;
         margin-right: auto;
         margin-top: 10px;
         }



         .board_4{
          width:1000px;
          margin-left: auto;
          margin-right: auto;
          height: 88px;
          background-color: #6666ff;
          }

          .S1_Admission_logo{
           float: left;
           width: 200px;
           background-color: #BE81F7;
           margin-left: auto;
           margin-right: auto;
           }

         .Online_e-Learning_Tools_logo{
          float: left;
          width: 200px;
          background-color: #BE81F7;
          margin-left: auto;
          margin-right: auto;
          }
          .Tender_Quotation_logo{
           float: left;
           width: 200px;
           background-color: #BE81F7;
           margin-left: auto;
           margin-right: auto;
           }
           .School_Location_logo{
            float: left;
            width: 200px;
            background-color: #BE81F7;
            margin-left: auto;
            margin-right: auto;
            }

           .Teamwork_School_Messenger_logo{
            float: left;
            width: 200px;
            background-color: #BE81F7;
            margin-left: auto;
            margin-right: auto;
            }

            /*footer*/
            footer {
            	width: 100%;
            	min-height: 30px;
            	margin-left: auto;
            	margin-right: auto;
            	text-align: center;
            	border-bottom: 1px solid #0073FF;
            	background-color: #BE81F7;
            	float: right;
            	padding-top: 10px;
            	padding-bottom: 10px;
            }