﻿body,html { width:100%; height:100%; margin:0px; padding:0px;} a { text-decoration:none;} img { border:none;}
body { background:url(../images/bg-img.jpg)  repeat; line-height:19px;height:auto }
.wrapper-main { width:990px; margin:0px auto;}
.wrapper-in { width:100%; float:left; margin-top:15px; }
.school-name{ width:72%; float:left;}
.kids-logo { background: url(../images/kids-logo-bg.png) top right no-repeat; width:28%; float:right;  height: 215px;
    margin-right: -20px; }
    
.kids-logo a 
{
     background: url("../images/kids-corner.png") no-repeat scroll left top rgba(0, 0, 0, 0);
     float:right; margin-right:81px; margin-top:89px; height: 115px;
    width: 162px;
    }
       
.kids-logo a:hover 
{
     background: url("../images/kids-corner_hover.png") no-repeat scroll left top rgba(0, 0, 0, 0);
     float:right; margin-right:81px; margin-top:89px; height: 115px;
    width: 162px;
    } 
    
    
    
    
    
    
    
.main-container { width:100%; float:left; background:url(../images/banner-bg.png) top right repeat-y;}
.main-in {width: 98.2%; float:left;}
.menu-section { width:100%; float:left; background:url(../images/menu-bg.jpg) repeat-x; height:93px; margin-top:10px;}
.h-hook { width:100%; float:left;}
.hook-l { float:left; margin: -16px 0px 0px 23px;}
.hook-r{ float:right; margin: -16px 23px 0px 0px;}
.mid-section{background: url(../images/bg-rpt.png)repeat; position:relative; z-index:1; float: left; 
             width: 96.5%; height: auto; margin: -15px 0px 0px 17px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);


-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.75);}
.mid-section:before {  content: "";  background:url(../images/flower.png) top left no-repeat; position: absolute;  width:70px; height:299px;margin-left: -54px; margin-top:-107px;}
.mid-in { width:96%; padding:2%; float:left;}


#footer { float:left; height:auto; width:100%;margin-top:3px;  position: relative;}




.footer-grass { float:right;margin-top: -45px; margin-right: -103px;}
.powered-by{ margin-top:17px; color:#000; font-family:Arial; font-size:11px; padding-left:30px; line-height:19px; background:url('../images/fspl-logo.png') no-repeat left 50%; 
float:left;
    width: 0px;
}
.powered-by a { color:#000; font-family:Arial; font-size:11px;}
.powered-by a:hover { color: Maroon}
.copyright { color: #000033; font-family: Arial; font-size: 14px; float: left; margin-top: 35px; margin-left: 150px; }
.copyright-school {color:#000; font-family:Arial; float:right; font-size:11px; margin-top: 35px;}
.box{ background:#be7327 url(../images/box-back.png) repeat; text-align:center; width:215px; margin-left:7px; margin-top:7px; float:left; height:153px; border:1px solid #8b5925;}
.change-album,#TotalPages,#UpdatePanel4 { float:left;}
#SubAL,#AL,#UpdatePanel1 { width:100%; float:left; line-height:24px;}
.discriptinon-h { padding-left:0;  text-align:center; color:#fff; float:left; font-size:15px; }
.updated-h { padding-left:50px; float:left; color:#fff; font-style:italic; }
.heading-pntg { float:left; padding-left:10.6%; color:#fff; font-weight:bold;}
.total-search {padding-right:6%; float:right; color:#fff; }
.page-change {color:#fff; background:url(../images/icon-bg.jpg) repeat-x; margin-top: 2px; margin-left:0%; line-height:30px; padding:0px 5px; float:left;}

.autosuggest { background:url(../images/icon-bg.jpg) repeat-x; line-height:30px; padding:0px 5px; margin-left:10%; float:left; color:#f5efe8; font-style:italic;}

.search-icon1{ background:url(../images/Search-icon4.png); float:left; margin: 5px -32px;}
#BtnImgBackHome {background:url(../images/icon-bg.jpg) repeat-x; line-height:28px; cursor:pointer; color:#fff; }
.change-album {margin-left:5%; }
#SubAL,#AL {background:url(../images/icon-bg.jpg) ;}
#TotalPages { padding:0px 5px;}
a.home-button { margin-left:1%; background:url(../images/home-button.png) top left no-repeat; float:left; height:29px; width:29px; margin-top:2px;} 
a.home-button:hover {background:url(../images/home-button.png) bottom left no-repeat;}
/*
.change-album,.album-t,.album-year,.album-page,.serch-box1 { margin-left:62px; margin-top:10px; padding:0px 11px; float:left; background:url(/images/icon-bg.jpg) repeat; line-height:30px; height:30px; color:#fff; font-family:Arial; font-size:12px;}
.album-t,.album-year,.album-page,.serch-box1{ margin-left:90px;}