body 
{
    
}
#page
{
    width:100%;
    margin:0 auto;
    background-color:#dcdee2;
    }
#pic
{
   
     width:1000px;
    height:350px;
    margin:0 auto;
      box-shadow:0px 0px 20px black;
      margin-bottom:70px;
      top:10px;
    }
    
#backpanel {

    width:1000px;
    height:300px;
    margin:0 auto;
    margin-bottom:30px;
    margin-top:0px;
    
}
  #backpanel .panel {
    
    width:200px;
    height:300px;
    float:left;
    margin-left:40px;
    text-align:center;
    }

   
  
        
.panel img
{
    width:150px;
    height:150px;
    margin:0 auto;
    }
    .panel h2 {

        width:200px;
        height:50px;
        text-align:center;
        color:#0b284a;
        font-family:calibri;
        font-size:17px;
      
}

    .panel .txt{
        width:200px;
        height:152px;
        margin:0 auto;
        color:#030d53;
        text-align:center;
       font-family:calibri;
      
       font-size:14px;
    }
.panel:hover img
    {
        transition:all 0.8s ease-out 0s;
    -moz-transition:all 0.8s ease-out 0s;
    -webkit-transition:all 0.8s ease-out 0s;
       
    transform: rotate(270deg);
    
    }    
        
#content
{
     width:1000px;
    font-family:Calibri;
    margin:0 auto;
    line-height:25px;
    margin-bottom:30px;
    overflow:hidden;
    box-shadow:0px 0px 10px black;
    padding:10px;
    border-radius:10px;

    margin-bottom:10px;
    }    
#content h2
{
    text-align:center;
     font-family:Calibri;
     margin-bottom:20px;
     color:#0b284a;
    
}
h2
{
     text-align:center;
     font-family:Calibri;
     color:#0b284a;
     margin-bottom:10px;
    }
#content .text
{
    width:980px;
   
    height:auto;
    font-family:Calibri;
    margin:0 auto;
    line-height:25px;
    margin-bottom:20px;
    text-align:justify;
    clear:both;
    border-radius:10px;
    padding:10px;
    
    }
.text h1
{
     width:200px;
    height:80px;
    
    }    
hr
{
     width:1000px;
    height:3px;
    margin:0 auto;
    background-color:#0b284a;
    }
    
.text .see
{
    width:990px;
    height:20px;
    }    
.see a
{
    height:20px;
    float:right;
    color:White;
     background-color:#0b284a;
    font-family:Calibri;
    text-decoration:none;
    padding:0px 5px 5px 5px;
    border-radius:5px;
    }        
    
 #logoslide
{
     width:1050px;
    height:400px;
    margin:0 auto;
    margin-top:10px;
  
    }  
    
   #map
{
    width:500px;
    margin:0 auto;
    box-shadow:0px 0px 10px grey;
    }   
    
.box {width:300px;height:400px}
.carousel-box {position:relative;width:1050px;overflow:hidden;margin-top:0px;}
.carousel-box .prev {position:absolute;left:0px;top:180px;z-index:10}
.carousel-box .next {position:absolute;right:20px;top:180px;z-index:10}
.carousel-box .prev a, .carousel-box .next a {cursor:pointer}
.carousel-box ul {width:1000px;background-color:Blue;margin-left:30px !important}
.carousel-box ul li {width:300px;float:left;border:0;margin-right:30px;position:relative;padding-top:0px;}