body {
    background-color: #e8fff3;
    background-image: url("images/bg.jpg");
}

P { color: Black;
       font-size: medium;
       font-family: "Times New Roman", serif;
       text-align: justify }

DT { color: Black;
       font-size: medium;
       font-family: "Times New Roman", serif;
       text-align: justify }

DD { color: Black;
       font-size: medium;
       font-family: "Times New Roman", serif;
       text-align: justify }

UL { color: Black;
       font-size: medium;
       font-family: "Times New Roman", serif;
       text-align: justify }

LI { color: Black;
       font-size: medium;
       font-family: "Times New Roman", serif;
       text-align: justify }

P.right { color: Black;
       font-size: medium;
       font-family: "Times New Roman", serif;
       text-align: right 
}

P.left { color: Black;
       font-size: medium;
       font-family: "Times New Roman", serif;
       text-align: left 
}

DT.left { color: Black;
       font-size: medium;
       font-family: "Times New Roman", serif;
       text-align: left }

DT.right { color: Black;
       font-size: medium;
       font-family: "Times New Roman", serif;
       text-align: right }

.right {
    display: block;
    margin-left: auto;
}

.big {
    position: relative;
    opacity: 1;
    transform: scale(1, 1);
    transition: 0.3s ease;
}

.big:hover {
    transform: scale(1.1, 1.1);
    opacity: 1;
    z-index: 1;
}

.dim {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.dim:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.imgl {margin-right: 1%;
}

.imgr {margin-left: 1%;
}

.imgb {
    border: 2px solid transparent;
    padding: 2px;
}

.imgbr {
    border: 2px solid transparent;
    padding: 2px;
    border-radius: 25px;
}

.imgbr1 {
    border: 2px solid black;
    padding: 5px;
    border-radius: 15px;
}

.imgbr2 {
    border: 1px solid black;
    padding: 0px;
    border-radius: 15px;
}

.imgbr2r {
    border: 1px solid black;
    padding: px;
    border-radius: 15px;
	margin-left: 1%;
}

.imgbr2l {
    border: 1px solid black;
    padding: px;
    border-radius: 15px;
	margin-Right: 1%;
}

.imgbr3 {
    border: 0px solid transparent;
    padding: 0px;
    border-radius: 8px;
}

.imgbr4 {
    border: 1px solid black;
    padding: 0px;
    border-radius: 15px;

}

.imgbr4:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.imgbr5l {
    border: 1px solid black; 
    padding: 0px; 
    border-radius: 8px; 
    transition: 0.3s ease;
    }

.imgbr5l:hover { 
    transform: scale(0.9, 0.9)rotate(-5deg); 
    opacity: 1; 
    z-index: 1;
    } 
	
.imgbr5r {
    border: 1px solid black; 
    padding: 0px; 
    border-radius: 8px; 
    transition: 0.3s ease;
    }

.imgbr5r:hover { 
    transform: scale(0.9, 0.9)rotate(5deg); 
    opacity: 1; 
    z-index: 1;
    } 

.gallery {
    display: inline-block;
    border: 1px solid #0B610B;
    border-radius: 4px;
    padding: 5px;
    transition: 0.3s;
    opacity: 1;
    filter: alpha(opacity=100);
}

.gallery:hover {
    box-shadow: 0 0 2px 3px rgba(256, 0, 0, 1);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scroll {
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

.bullit {
transition: 0.3s ease;
} 

.bullit:hover {
position: relative;
transform: scale(2.0, 2.0);
opacity: 1;
z-index: 1;
} 

a:link {color:#0000ff;text-decoration: none;}
a:visited {color:#29088A;text-decoration: none;}
a:hover {color:#ff0000;text-decoration: underline;}
a:active {color:#ff0000;text-decoration: none;}

.container2 {
    position: relative; 
    width: 100%; 
}
.middle2 {
    transition: .5s ease; 
    opacity: 0; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    text-align: center;
    z-index: 1;	
}
.container2:hover .middle2 {
    opacity: 1; 
}
.text2 {
    background-color: #E8FFEA; 
    color: black; 
    border: 2px solid #007B00; 
    padding-right:2px; 
    border-radius: 8px; 
    font: bold 12px arial; 
    padding: 2px 10px; 
} 

.zoom {
	animation:animatezoom 0.6s}
	@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.zoompp {
	animation:animatezoom 2.5s}
	@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
	
a.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 3px 10px;
    border: 3px solid #E8FCE8;
    border-radius: 20px;
    background: #60ad62;
    background: -webkit-gradient(linear, left top, left bottom, from(#60ad62), to(#335c34));
    background: -moz-linear-gradient(top, #60ad62, #335c34);
    background: linear-gradient(to bottom, #60ad62, #335c34);
    font: normal normal bold 14px arial;
    color: #ffffff;
    text-decoration: none;
}
a.button:hover,
a.button:focus {
    border: 2px solid ##3c6c3d;
    background: #73d076;
    background: -webkit-gradient(linear, left top, left bottom, from(#73d076), to(#3d6e3e));
    background: -moz-linear-gradient(top, #73d076, #3d6e3e);
    background: linear-gradient(to bottom, #73d076, #3d6e3e);
    color: #000000;
    text-decoration: none;
}
a.button:active {
    background: #335c34;
    background: -webkit-gradient(linear, left top, left bottom, from(#335c34), to(#335c34));
    background: -moz-linear-gradient(top, #335c34, #335c34);
    background: linear-gradient(to bottom, #335c34, #335c34);
}

.container3 {
    position: relative; 
    width: 100%; 
}
.middle3 {
    transition: .5s ease; 
    opacity: 0; 
    position: absolute;
    left: 50%;
    margin-left: -390px;
    top: 50%;
    margin-top: -470px; 
    transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    text-align: center;
    z-index: 1;	
}
.container3:hover .middle3{
    opacity: 1; 
}
.text3 {
    background-color: #E8FFEA; 
    color: black;	
    border: 2px solid #007B00; 
    padding-right: 2px; 
    border-radius: 8px; 
    font: bold 12px arial; 
    padding: 2px 10px; 
} 

#containerg {
    position: relative;
} 

#img2 {
    position: relative;
    left: 25px;
    top: -895px;
}