.Main   {/*background-color:red;*/
            background-image: url('Graphics/BlueBac.gif');
            background-repeat :repeat-x;
            }




    .Mother {
            position: relative;

            border-style:solid;
            border-width: 0px;
            border-color :red;

            margin-left:auto;
            margin-right:auto;
            margin-top: 10px;
            width: 1000;
            height: 1000;
            }





@-webkit-keyframes WkNrs /* Safari and Chrome */
{
0%      {top:25px;}
15%     {top:25px;}
25%     {top:-170px;}
90%     {top:-170px;}
100%    {top:25px;}
}
@-moz-keyframes WkNrs /* Firefox */
{
0%      {top:25px;}
15%     {top:25px;}
25%     {top:-170px;}
90%     {top:-170px;}
100%    {top:25px;}
}

@-webkit-keyframes WkKg1 /* Safari and Chrome */
{
0%      {top:25px;}
15%     {top:25px;}
25%     {top:25px;}
40%     {top:25px;}
50%     {top:-170px;}
65%     {top:-170px;}
75%     {top:25px;}
90%     {top:25px;}
100%    {top:25px;}
}
@-moz-keyframes WkKg1 /* Firefox */
{
0%      {top:25px;}
15%     {top:25px;}
25%     {top:25px;}
40%     {top:25px;}
50%     {top:-170px;}
65%     {top:-170px;}
75%     {top:25px;}
90%     {top:25px;}
100%    {top:25px;}
}

@-webkit-keyframes WkKg2 /* Safari and Chrome */
{
0%      {top:25px;}
40%     {top:25px;}
50%     {top:25px;}
65%     {top:25px;}
75%     {top:25px;}
100%    {top:25px;}
}
@-moz-keyframes WkKg2 /* Firefox */
{
0%      {top:25px;}
40%     {top:25px;}
50%     {top:25px;}
65%     {top:25px;}
75%     {top:25px;}
100%    {top:25px;}
}



@-webkit-keyframes WkGrd1 /* Safari and Chrome */
{
0%      {opacity:1;}
16%     {opacity:1;}
19%     {opacity:0;}
97%     {opacity:0;}
100%    {opacity:1;}
}
@-moz-keyframes WkGrd1 /* Firefox */
{
0%      {opacity:1;}
16%     {opacity:1;}
19%     {opacity:0;}
97%     {opacity:0;}
100%    {opacity:1;}
}

@-webkit-keyframes WkGrd2 /* Safari and Chrome */
{
0%      {opacity:0;}
16%     {opacity:0;}
19%     {opacity:1;}
33%     {opacity:1;}
36%     {opacity:0;}
100%    {opacity:0;}
}
@-moz-keyframes WkGrd2 /* Firefox */
{
0%      {opacity:0;}
16%     {opacity:0;}
19%     {opacity:1;}
33%     {opacity:1;}
36%     {opacity:0;}
100%    {opacity:0;}
}

@-webkit-keyframes WkGrd3 /* Safari and Chrome */
{
0%      {opacity:0;}
33%     {opacity:0;}
36%     {opacity:1;}
48%     {opacity:1;}
51%     {opacity:0;}
100%    {opacity:0;}
}
@-moz-keyframes WkGrd3 /* Firefox */
{
0%      {opacity:0;}
33%     {opacity:0;}
36%     {opacity:1;}
48%     {opacity:1;}
51%     {opacity:0;}
100%    {opacity:0;}
}

@-webkit-keyframes WkGrd4 /* Safari and Chrome */
{
0%      {opacity:0;}
48%     {opacity:0;}
51%     {opacity:1;}
65%     {opacity:1;}
68%     {opacity:0;}
100%    {opacity:0;}
}
@-moz-keyframes WkGrd4 /* Firefox */
{
0%      {opacity:0;}
48%     {opacity:0;}
51%     {opacity:1;}
65%     {opacity:1;}
68%     {opacity:0;}
100%    {opacity:0;}
}

@-webkit-keyframes WkGrd5 /* Safari and Chrome */
{
0%      {opacity:0;}
65%     {opacity:0;}
68%     {opacity:1;}
82%     {opacity:1;}
85%     {opacity:0;}
100%    {opacity:0;}
}
@-moz-keyframes WkGrd5 /* Firefox */
{
0%      {opacity:0;}
65%     {opacity:0;}
68%     {opacity:1;}
82%     {opacity:1;}
85%     {opacity:0;}
100%    {opacity:0;}
}

@-webkit-keyframes WkGrd6 /* Safari and Chrome */
{
0%      {opacity:0;}
82%     {opacity:0;}
85%     {opacity:1;}
97%     {opacity:1;}
100%    {opacity:0;}
}
@-moz-keyframes WkGrd6 /* Firefox */
{
0%      {opacity:0;}
82%     {opacity:0;}
85%     {opacity:1;}
97%     {opacity:1;}
100%    {opacity:0;}
}


























/*----------------------------------------------------------------------------------------------*/

    #ActivitiesHeader     {
                        position: relative;
                        left: 10px;
                        top: 0px;
                        
                        width: 980;
                        height: 80;

                        background-image: url('Graphics/Activities/ActivitiesHdrBck.gif');
                        
                        border-style:solid;
                        border-width: 3px;
                        border-color :rgb(230,230,230);

                        -webkit-box-shadow: 0px 0px 0px #ccc;
                        -moz-box-shadow: 0px 0px 0px #ccc;
                
                        background-color : rgb(116,165,130);

                        -webkit-border-radius: 12px;
                        -moz-border-radius: 12px;
                        }
                
                
	.Glass  {
			position:absolute;
			top:0px;
            
			width:110px;
			height:60px;
            border:0px;
            }
            
            
	.Glass a    {
                position:absolute;
                height:59px;
                width:110px;
                top:0px;
                z-index:+2;
                }
            

	.Glass a:hover  {
                     background-image:url(Graphics/Activities/ActivitiesHoverPanel.gif);
                    }

            
            
            
            
            
            
/*-------------------------------  A T  L E F T  ------------------------------*/

    .AtLeft {position: absolute;
             left: 10px;
             width: 170;
            }



/*----------  Education  ----------*/


    #PanelEducation  {top: 100px;
                     height: 420;

                     border-style:solid;
                     border-width: 1px;
                     border-color :silver;

                     -webkit-box-shadow: 1px 1px 1px #ccc;
                     -moz-box-shadow: 1px 1px 1px #ccc;

                     background: -webkit-gradient(linear, right top, right bottom, from(white), to(rgb(225,235,255)));
                    }



        .EdcContainer {position: absolute; top: 195px; left:0px; width: 140px;}
        .EdcContainer a:hover .EdcTV {display:block;}
        .EdcContainer a:hover .Cover {display:block;}

        .EdcCell1 {position: absolute; top: 0px; left:0px; z-index: +1;}
        .EdcCell2 {position: absolute; top: 30px; left:0px; z-index: +1;}
        .EdcCell3 {position: absolute; top: 60px; left:0px; z-index: +1;}
        .EdcCell4 {position: absolute; top: 90px; left:0px; z-index: +1;}
        .EdcCell5 {position: absolute; top: 120px; left:0px; z-index: +1;}
        .EdcCell6 {position: absolute; top: 150px; left:0px; z-index: +1;}
        .EdcCell7 {position: absolute; top: 180px; left:0px; z-index: +1;}

        .EdcTV     {display:none;
                position: absolute;
                top: -160px;
                left: 10px;
                height:auto;
                width:auto;
                text-decoration:none;
                }
        
    .EdcTV img { 
                width:150px;
                height:160px;
                }
                
    .Cover {position:absolute;
                top:-160px;
                left:10px;
                display:none;
                background-color: white;
                width:150px;
                height:160px;
                }
        
    .Dflt	{display:block;
            position:absolute;
            top:-160px;
            left:10px;
            width:150px;
            height:160px;
            }
	
    .Dflt img   {width:150px;
                height:160px;
                }




/*----------  Kindergarten  ----------*/


    #PanelKindergarten  {top: 540px;
                        height: 400;

                        border-style:solid;
                        border-width: 1px;
                        border-color :silver;
						
						overflow:hidden;

                        -webkit-box-shadow: 1px 1px 1px #ccc;
                        -moz-box-shadow: 1px 1px 1px #ccc;

                        background: -webkit-gradient(linear, right top, right bottom, from(white), to(rgb(255,235,235)));
                        }



        .KgsContainer {position: absolute; top: 225px; left:0px; width: 140px;}
        .KgsContainer a:hover .KgsTV {display:block;}
        
        
        .KgsCell1 {position: absolute; top: 0px; left:0px; z-index: +1;}
        .KgsCell2 {position: absolute; top: 30px; left:0px; z-index: +1;}
        .KgsCell3 {position: absolute; top: 60px; left:0px; z-index: +1;}
        .KgsCell4 {position: absolute; top: 90px; left:0px; z-index: +1;}
        .KgsCell5 {position: absolute; top: 120px; left:0px; z-index: +1;}        
        
        
        .KgsTV     {display:none;
                    position: absolute;
                    top: -200px;
                    left: 0px;
                    height:auto;
                    width:auto;
                    text-decoration:none;
                    }
        
        .KgsTV img { 
                    width:170px;
                    height:195px;
                    }        

/*--------------------------------------  A T  M I D D L E  ----------------------------------------*/



    .Large {position: absolute;
            left: 10px;
            width: 980px;
            top: 100px;
            height: 420;

            border-style:solid;
            border-width: 1px;
            border-color :silver;
            
            overflow:hidden;
            }
            
            
            
            
            
    .AtMiddle {position: absolute;
               left: 190px;
               width: 620px;
              }


    .AtMiddleLeft   {position: absolute;
                    left: 190px;
                    width: 305px;
                    }


    .AtMiddleRight  {position: absolute;
                    left: 505px;
                    width: 305px;
                    }


        .StdContainer {position: absolute; left: 505px; top: 540px; width: 305px; height: 210;
                       border-style:solid;
                       border-width: 1px;
                       border-color :silver;
                       -webkit-border-radius: 3px;
                       -moz-border-radius: 3px;
                       -webkit-box-shadow: 1px 1px 1px #ccc;
                       -moz-box-shadow: 1px 1px 1px #ccc;                       
                       }
                       
        .StdContainer a:hover .StdTV {display:block;}
        
        
        .StdCell1 {position: absolute; top: 30px; left:0px; width: 150px; height: 90; z-index: +1;}
        .StdCell2 {position: absolute; top: 30px; left:152px; width: 150px; height: 90; z-index: +1;}
        .StdCell3 {position: absolute; top: 120px; left:0px; width: 150px; height: 90; z-index: +1;}
        .StdCell4 {position: absolute; top: 120px; left:152px; width: 150px; height: 90; z-index: +1;}
        
        
        .StdTV     {display:none;
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    height:auto;
                    width:auto;
                    text-decoration:none;
                    }
        
        .StdTV img { 
                    width:305px;
                    height:30px;
                    }  
                    
                                  
                                                
                                                              
                                                                                          
    #Shower  {  position: absolute;
                top: 100px;
                height: 420px;
		direction:rtl;
              
                border-style:solid;
                border-width: 1px;
                border-color :silver;
                font-size: 18 px;

              -webkit-box-shadow: 1px 1px 1px #ccc;
	      -moz-box-shadow: 1px 1px 1px #ccc;		
              background: -webkit-gradient(linear, right top, right bottom, from(white), to(rgb(240,240,255)));

                -webkit-box-shadow: 1px 1px 1px #ccc;
				-moz-box-shadow: 1px 1px 1px #ccc;
                background: -webkit-gradient(linear, right top, right bottom, from(white), to(rgb(240,240,255)));
				background: -moz-gradient(linear, right top, right bottom, from(white), to(rgb(240,240,255)));
                -webkit-border-radius: 3px; 
				-moz-border-radius: 3px;
            }
            
    #Showerr  {top: 100px;
              height: 840px;
              
              border-style:solid;
              border-width: 1px;
              border-color :silver;

              -webkit-box-shadow: 1px 1px 1px #ccc;
              -moz-box-shadow: 1px 1px 1px #ccc;

              background: -webkit-gradient(linear, right top, right bottom, from(white), to(rgb(240,240,255)));

              -webkit-border-radius: 3px;                        
              -moz-border-radius: 3px;
             }

    #ShowerContent  {position: absolute;
                     top: 0px; left:0px;
                     width: 620px; height: 840px;
                     border-style: solid; border-width: 0px;border-color :green;
                    }


    #PanelActivities    {top: 540px;
                        height: 400px;

                        border-style:solid;
                        border-width: 1px;
                        border-color :silver;

                        -webkit-box-shadow: 1px 1px 1px #ccc;
                        -moz-box-shadow: 1px 1px 1px #ccc;

                        background: -webkit-gradient(linear, right top, right bottom, from(white), to(rgb(240,240,255)));

                        -webkit-border-radius: 3px;
                        -moz-border-radius: 3px;
                        }


    #PanelStudents {top: 540px;
             height: 210;

             border-style:solid;
             border-width: 1px;
             border-color :silver;

             -webkit-box-shadow: 1px 1px 1px #ccc;
             -moz-box-shadow: 1px 1px 1px #ccc;

             background: -webkit-gradient(linear, right top, right bottom, from(white), to(rgb(240,240,255)));

             -webkit-border-radius: 3px;
             -moz-border-radius: 3px;
            }


    #PanelSpecial {top: 760px;
             height: 180;

             border-style:solid;
             border-width: 1px;
             border-color :silver;

             -webkit-box-shadow: 1px 1px 1px #ccc;
             -moz-box-shadow: 1px 1px 1px #ccc;

             background: -webkit-gradient(linear, right top, right bottom, from(white), to(rgb(240,240,255)));

             -webkit-border-radius: 3px;
             -moz-border-radius: 3px;
            }







/*----------------------------------------------  A T  R I G H T  ------------------------------------------------*/

    .AtRight {position: absolute;
              left: 820px;
              width: 170px;
             }


    #Info   {top: 100px;
              height: 420;

              border-style:solid;
              border-width: 1px;
              border-color :silver;

              -webkit-box-shadow: 1px 1px 1px #ccc;
              -moz-box-shadow: 1px 1px 1px #ccc;

              background: -webkit-gradient(linear, right top, right bottom, from(white), to(rgb(240,240,255)));

              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
             }
                

    #PanelSwmPool   {top: 540px;
                    height: 400;

                    border-style:solid;
                    border-width: 1px;
                    border-color :silver;

                    -webkit-box-shadow: 1px 1px 1px #ccc;
                    -moz-box-shadow: 1px 1px 1px #ccc;

                    background: -webkit-gradient(linear, right top, right bottom, from(white), to(rgb(240,245,255)));

                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    }

        .SwContainer {position: absolute; top: 235px; left:0px; width: 140px;}
        .SwContainer a:hover .SwTV {display:block;}

        .SwCell1 {position: absolute; top: 0px; left:0px; z-index: +1;}
        .SwCell2 {position: absolute; top: 30px; left:0px; z-index: +1;}
        .SwCell3 {position: absolute; top: 60px; left:0px; z-index: +1;}
        .SwCell4 {position: absolute; top: 90px; left:0px; z-index: +1;}
        .SwCell5 {position: absolute; top: 120px; left:0px; z-index: +1;}

        .SwTV      {/*display:none;*/
                    position: absolute;
                    top: -215px;
                    left: 0px;
                    height:auto;
                    width:auto;
                    text-decoration:none;
                    }
        
        .SwTV img   { 
                    width:170px;
                    height:210px;
                    }
                
                    
/*----------------------------------------------  G E N E R A L  ------------------------------------------------*/
 

    .SmallGroup {position: absolute;
                 width: 90;
                 height: 120;
                 top: 50px;

                 border-style:solid;
                 border-width: 1px;
                 border-color :silver;
                }


    #LeftG   {position: absolute; left:40px;
             }
 
    
    #RightG   {position: absolute; left:480px;
              }
    

                       
    img {border : 0px;}
    
    a:hover {color: blue; text-decoration:underline;}
    a:link {color: green;}
    a:visited {color:purple;}
    
    
    
    .Abs {position: absolute;}
    
    .Brdr1 {border-style:solid; border-width: 1px;}
    
    .Shadow1Slvr {-webkit-box-shadow: 1px 1px 1px silver;-moz-box-shadow: 1px 1px 1px silver;}

    .Rnd3  {-webkit-border-radius: 3px; -moz-border-radius: 3px;}
    .Rnd5  {-webkit-border-radius: 5px; -moz-border-radius: 5px;}
    .Rnd7  {-webkit-border-radius: 7px; -moz-border-radius: 7px;}
    .Rnd10 {-webkit-border-radius: 10px;-moz-border-radius: 10px;}

    .FontS12 {font-size : 12px;}
    .FontS13 {font-size : 13px;}
    .FontS14 {font-size : 14px;}
    .FontS16 {font-size : 16px;}
    .FontS18 {font-size : 18px;}
    .FontS20 {font-size : 20px;}
    .FontS24 {font-size : 24px;}
    .FontS30 {font-size : 30px;}

    .OddColor  {background: rgb(255,255,255);}
    .EvenColor {background: rgb(255,240,240);}





    .Panel0 {position: absolute;
            width: 980;
            height: 200;
                        
            top: 10px;
            left: 10px;

            border-style:solid;
            border-width: 1px;
            border-color :silver;

            -webkit-box-shadow: 1px 1px 1px #ccc;
            -moz-box-shadow: 1px 1px 1px #ccc;
 
            background: -webkit-gradient(linear, right top, right bottom, from(buttonhighlight), to(silver));

            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            }




    .NiceBlue   {
                background: rgb(230,235,250);


                position: absolute;
                width: 170;
                height: 210;
                left: 820px;
                top: 0px;
                border-style:solid;
                border-width: 1px;
                border-color :silver;
                -webkit-box-shadow: 1px 1px 1px #ccc;
                -moz-box-shadow: 1px 1px 1px #ccc;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                }



ul {list-style-type: none;}





.SmallTitle {
				background: -webkit-gradient(linear, right top, right bottom, from(rgb(195,215,255)), to(rgb(180,200,245)));
				background: -webkit-gradient(linear, right top, right bottom, from(rgb(195,215,255)), to(rgb(180,200,245)));
                height: 25px;
                text-align:center;
                font-family:fantasy;
                -webkit-box-shadow: 0px 2px 3px gray;
                -webkit-box-shadow: inset 0px 2px 3px white;
                -moz-box-shadow: 0px 2px 3px gray;
                -moz-box-shadow: inset 0px 2px 3px white;


                -webkit-border-topright-radius: 5px;
                -webkit-border-topleft-radius: 7px;
                -moz-border-topright-radius: 5px;
                -moz-border-topleft-radius: 7px;


                border-bottom-style: solid;
                border-width: 1px;
                border-color: rgb(185,205,250);
                }
/* a.SmallTitle {color: red;} */

ul.SmallTitle {color: red;text-align: left}