body {
		margin:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#355737;
		background-color:#bddbbf;
	 }
.topmenu { padding-right:30px;
			text-align:right;
			vertical-align:bottom;
	}
a {	color:#355737;
	text-decoration:none;
	}
a:hover	{ color:#a63a37;
			text-decoration:underline;
		}
h2 {display:block;
	border-bottom: 1px dotted #355737;
	width: 560px;
	font-family:"Times New Roman", Times, serif;
	color:#355737;
	font-style:italic;
	text-transform:capitalize;
	font-size:24px;
	margin-top:0px;
	}
.content { padding-right: 35px;
			text-align:justify;
			}
.menutop {
		padding:5px 10px 5px 10px;
		display:block;
		float:right;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		text-transform:lowercase;
		
		}
.menutop a {color:#355737;
			text-decoration:none;
			}
.menutop a:hover {
		color:#398614;
		}
.menuside {
		padding:5px 10px 5px 5px;
		display:block;
		width: 140px;
		float:left;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		border-bottom:1px dotted #c9e2cc;
		text-transform:capitalize;
		}
.menuside a {color:#355737;
			text-decoration:none;
			}
.menuside a:hover {
		color:#c9e2cc;
		}
.sidebanner {	padding:5px 10px 5px 5px;

}
.footer{
text-align:right;
vertical-align:bottom;
padding-right: 35px;
padding-bottom:5px;
font-size:10px;
color:#FFFFFF;
}
input, textarea, select{	border:1px solid #355737;
		background:#c9e2cc;
		padding:2px;
		color:#355737;
		font-family:"Times New Roman", Times, serif;
		font-style:italic;
		font-size:14px;
		text-transform:lowercase;
}

.button {
		padding:5px 10px 5px 10px;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		text-transform:lowercase;
		
		}
		
/*---------------------------- Images Slider------------------------------ */

* {
     margin: 0 auto;
     padding: 0;
}

.slider {
     width: 500px; /* important to be same as image width */
     height: 333px; /* important to be same as image height */
     position: relative; /* important */
     overflow: hidden; /* important */
}

.slider ul {
     list-style: none;
}

/* keyframes #anim_slider */
@-webkit-keyframes anim_slider {
     0% {
             opacity: 0;
     }
     6% {
             opacity: 1;
     }
     24% {
             opacity: 1;
     }
     30% {
             opacity: 0;
     }
     100% {
             opacity: 0;
     }
}

@-moz-keyframes anim_slider {
     0% {
             opacity: 0;
     }
     6% {
             opacity: 1;
     }
     24% {
             opacity: 1;
     }
     30% {
             opacity: 0;
     }
     100% {
             opacity: 0;
     }
}

/* animation */
.slider ul li {
     position: absolute;
     opacity: 0;
     top: 0;

     -webkit-animation-name: anim_slider;
     -webkit-animation-duration: 24.0s;
     -webkit-animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: normal;
     -webkit-animation-delay: 0;
     -webkit-animation-play-state: running;
     -webkit-animation-fill-mode: forwards;

     -moz-animation-name: anim_slider;
     -moz-animation-duration: 24.0s;
     -moz-animation-timing-function: linear;
     -moz-animation-iteration-count: infinite;
     -moz-animation-direction: normal;
     -moz-animation-delay: 0;
     -moz-animation-play-state: running;
     -moz-animation-fill-mode: forwards;
}

/* animation delays */
.slider ul  li:nth-child(2), .slider ul  li:nth-child(2) div {
    -webkit-animation-delay: 6.0s;
    -moz-animation-delay: 6.0s;
}
.slider ul  li:nth-child(3), .slider ul  li:nth-child(3) div {
    -webkit-animation-delay: 12.0s;
    -moz-animation-delay: 12.0s;
}
.slider ul  li:nth-child(4), .slider ul  li:nth-child(4) div {
    -webkit-animation-delay: 18.0s;
    -moz-animation-delay: 18.0s;
}
.slider ul  li:nth-child(5), .slider ul  li:nth-child(5) div {
    -webkit-animation-delay: 24.0s;
    -moz-animation-delay: 24.0s;
}
.slider ul  li:nth-child(6), .slider ul  li:nth-child(6) div {
    -webkit-animation-delay: 30.0s;
    -moz-animation-delay: 30.0s;
}
.slider ul  li:nth-child(7), .slider ul  li:nth-child(7) div {
    -webkit-animation-delay: 36.0s;
    -moz-animation-delay: 36.0s;
}
.slider ul  li:nth-child(8), .slider ul  li:nth-child(8) div {
    -webkit-animation-delay: 42.0s;
    -moz-animation-delay: 42.0s;
}

.slider ul li a {
     text-decoration: none;
     color: #fff;
}

.slider ul li p {
     color: #fff;
     font-size: 12px;
     margin-top: -5px;
     padding: 10px 15px;
     filter: alpha(opacity=80);
     -moz-opacity: 0.8;
     -khtml-opacity: 0.8;
     opacity: 0.8;
} .slider ul li img a {
     display: block;
     float: left;
     width: 100%;
}

/* keyframes #captions */
@-webkit-keyframes captions {
     0% {
             top: 100%;
             opacity: 0;
     }
     5% {
             top: 80%;
             opacity: 1;
     }
     20% {
             top: 80%;
             opacity: 1;
     }
     25% {
             top: 100%;
             opacity: 0;
     }
     100% {
             top: 100%;
             opacity: 0;
     }
}

@-moz-keyframes captions {
     0% {
             top: 100%;
             opacity: 0;
     }
     5% {
             top: 80%;
             opacity: 1;
     }
     20% {
             top: 80%;
             opacity: 1;
     }
     25% {
             top: 100%;
             opacity: 0;
     }
     100% {
             top: 100%;
             opacity: 0;
     }
}

.slider h3 {
     text-transform: capitalize;
     color: #fff;
     font-size: 16px;
     line-height: 14px;
     padding: 10px 15px 0;
     filter: alpha(opacity=80);
     -moz-opacity: 0.8;
     -khtml-opacity: 0.8;
     opacity: 0.8;
}

.slider ul li div {
     text-align: center;
     color: #fff;
     background-color: rgba(45, 44, 44, 0.7);
     background: rgba(45, 44, 44, 0.7);
     margin: 0;
     padding: 0;
     position: absolute;
     bottom: 0;
     width: 500px; /* important to be same as image width */
     z-index :999;

/* css3 animation */
     -webkit-animation-name: captions;
     -webkit-animation-duration: 24.0s;
     -webkit-animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: normal;
     -webkit-animation-delay: 0;
     -webkit-animation-play-state: running;
     -webkit-animation-fill-mode: forwards;

     -moz-animation-name: captions;
     -moz-animation-duration: 24.0s;
     -moz-animation-timing-function: linear;
     -moz-animation-iteration-count: infinite;
     -moz-animation-direction: normal;
     -moz-animation-delay: 0;
     -moz-animation-play-state: running;
     -moz-animation-fill-mode: forwards;
}