#tophed {
    height: 25px;
    background-color:rgb(103, 208, 94, 0.5);
    margin-top:-10px;
    margin-left:-10px;
    margin-right:-10px;
}
#hed {
    height: 60px;

}

.it{
    position:absolute;
    top:40px;
    left:350px;
    width:500px;
}
 .it li{
     float:left;
     list-style:none;
     width:100px;
     text-align:center;
 }


#hedar {
    position: relative;
    top: 0px;
    left: 0px;
    background: url(images/p.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    text-align: center;
    color: white;
    height: 400px;
    margin-left: -10px;
    margin-right: -10px;
}

.pos {
    position: absolute;
    top: 100px;
    left: 365px;
}

.pos1 {
    position: absolute;
    top: 150px;
    left: 510px;
}

.pos2 {
    position: absolute;
    top: 175px;
    left: 340px;
}

.pos3 {
    position: absolute;
    top: 215px;
    left: 550px;
    background-color: rgb(117, 188, 88, 0.9);
    color: black;
    width: 150px;
    height: 50px;
    font-family: Arial;
    text-decoration: none;
    text-align: center;
}

.nav {
    margin-top: 50px;
    text-align: center;
}
.hel{
    position:relative;
    top:80px;
    left:300px;
    right:300px;

}
.hel1 {
    width:100px;
    position: absolute;
    top:0px;
    left:500px;
}
.hel2 {
    width: 100px;
    position: absolute;
    top: 0px;
    left: 270px;
}
.hel3 {
    width: 100px;
    position: absolute;
    top: 0px;
    left: 40px;
}
.hel11 {
    position: absolute;
    top: -20px;
    right: 0px;
}
.hel22 {
    position: absolute;
    top: -20px;
    right: 0px;
}
.hel33 {
    position: absolute;
    top: -25px;
    right: 0px;
}
.hel111{
    position:absolute;
    top:25px;
   left:0px;
   width:300px;
}
.hel222 {
    position: absolute;
    top: 25px;
    left: 0px;
    width: 300px;
}
.hel333 {
    position: absolute;
    top: 25px;
    left: 0px;
    width: 300px;
}
.div {
    position:relative;
    height: 600px;
    background-color: rgba(103, 208, 94, 0.2);
    margin-top:250px;
    margin-left: -10px;
    margin-right: -10px;
}
#div1{
    position:absolute;
    top:30px;
    left:500px;
   
}
#div2 {
    position: absolute;
    top: 80px;
    left: 420px;
}
#div3 {
    position: absolute;
    top: 150px;
    left: 340px;
    width:250px;
    background-color:white;
    border:0px;
}
.div3 {
    position: absolute;
    top: 150px;
    left: 640px;
    width: 268px;
    background-color: white;
    border: 0px;
}
#div4 {
   background-color:white;
    text-align:center;
    margin-top:-5px;
    height:30px;
    padding-top:7px;
}

#div5 {
    position: absolute;
    top: 400px;
    left:315px;
}
#fa {
    position: absolute;
    top: 520px;
    left: 607px;
}
.rel{
    position:relative;
    height:300px;
    background-color:white;
}
#rel1{
    position:absolute;
    top:30px;
    left:410px;
    color:forestgreen;
}
#rel2 {
    position: absolute;
    top: 90px;
    left: 300px;
    text-align:center,justify;
    width:600px;
}
#rel3 {
    position: absolute;
    top: 200px;
    left: 520px;
    text-align: center;
    width: 150px;
    background-color:rgb(88,173,79,0.7);
    
}
.a {
    text-decoration: none;
    font-family: Arial;
}
.dark {
    position: relative;
    background-color:rgb(40, 154, 38, 0.9);
    height: 300px;
    margin-left: -15px;
    margin-right: -15px;
}
.bm{
    position:absolute;
    top:50px;
    left:250px;
    color:white;

}
.aa{
position:absolute;
top:50px;
left:430px;
color:white;

}
.bm1{
    color:white;
    position:absolute;
        top:50px;
        left:690px;
}
.ri{
    position:absolute;
    top:50px;
    left:850px;
    color:white;
}
.foot{
    position:relative;
    height:50px;
    margin:-15px;
    background-color:darkgreen;
}
#foot1{
position:absolute;
top:5px;
left:300px;
color:white;
}
#foot2 {
    position: absolute;
    top: 5px;
    left: 600px;
    color: white;
    width:500px;
}
.ul{
  position:absolute;
  top:0px;
  left:500px;
  color:white;
}
 .ul li{
     float:left;
     list-style:none;
     width:100px;
     text-align:center;
 }