a:link {
	text-decoration: none;
}
a:hover {
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

img{border:0px;}
 .h1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.style1 {
	 color: #006C00;
    font-weight: bold;
    font-size: 12px;
}
.style2 {
    color: #006C00;
    font-weight: bold;
    font-size: 14px;
}
.style3 {color: #FFFFFF}
.style4 {text-decoration: underline}
.style5 {
    font-size: 14px;
    font-weight: bold;
    color: #2C5CCC;
}
.style6 {font-size: 16px}
.style7 {
	font-size: 18px;
}
.style13 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
}
.style14 {font-size: 12px}
.style15  {color: #009652;}
.style16 {color: #333333}
.style17 {font-size: 10px}
.style20 {
    font-size: 16px;
    color: #006C00;
    font-weight: bold;
	}
.style21 {font-size: 14px}
 .style23 {color: #FF6600}
 .style24 {color: #FF9900}
 .style28 {font-size: 14px; text-align: justify; color: #FFFFFF; font-weight: bold; }
 .style29 {
	color: #FFFF00;
	font-weight: bold;
}
img {
    border: 0;
    text-align: center;
}
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    color: #45640F;
    font-weight: normal;
}
.italic {
	font-style: italic;
	font-size: 14px;
}
     .italic div {
	font-style: italic;
}
#header{
width:100%;
height:126px;
font-family:Tahoma;
font-size:11px;
color:#6A6A6A
}
.logo{
margin:0 100px 0 38px;
float:left
}
#header span{
display:block;
float:left;
line-height:20px;
padding:0 10px 0 0
}
#header div{
line-height:20px;
padding:42px 0 0 0
}
#select{
width:100px;
height:18px;
float:left;
font-size:11px;
margin:0 23px 0 0;
border:2px inset #808080
}
#header div img{
padding:1px;
border:1px solid #fff;
float:left;
margin:3px 2px 0 0
}
#header .active, #header div img:hover{
border:1px solid #828282
}
#menu{
	width: auto;
	background-color: #006600;
	background-position: center;
	background-repeat: repeat;
	/*float: left; */
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 22px;
}
#menu li{
display:inline;
list-style-type:none
}
#menu a{
font-family:Tahoma;
font-size:14px;
color:#ffffff;
font-weight: bold;
text-decoration:none;
margin:0 7px;
}
#wrapper{
	width: 90%;
	overflow: hidden;
	background-image: url();
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 22px;
	padding-bottom: 30px;
	padding-left: 6px;
	float: right;
	background-color: transparent;
}
#left{
float:left;
width:auto;
}
#featured{
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
	text-align: justify;
	width: auto;
	background-color: transparent;
}
#inner{
	 width: 90%;
    /* Set the margin-left and margin-right automatically set */
    margin: 0 auto; }
#reviews div{
	width: auto;
	text-align: center;		
	-moz-border-radius: 3px; border-radius: 3px;
	background-color: rgba(224, 222, 222, 0.4);
}
	
#featured div p{
display:block;
padding:8px 5px 25px 8px
}
#featured .photo{
	display:block;
	float:left;
	width:200px;
	padding-top: 14px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 17px;
	text-align: left;
	background-color: #FFFFFF;
}
#featured .photo a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2D2D2D;
text-decoration:none;
line-height:24px;
margin:0 0 0 5px
}
#featured .photo a:visited{text-decoration:none}
#featured .photo a:hover{text-decoration:underline}
#footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	background-color: #FFFFFF;
}
#footer ul{
margin:15px 0 10px 0;
text-align:center
}
#footer li{
display:inline;
list-style-type:none;
}
#footer li a{
color:#343434;
text-decoration:none;
margin:0 5px
}
#footer li a:visited{text-decoration:none}
#footer li a:hover{text-decoration:underline}
.bft{
color:#254A73;
text-decoration:underline
}
#company{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	background-color: #FFFFFF;
}
#featured div{
	width: auto;
	text-align: justify;		
	-moz-border-radius: 6px; border-radius: 6px;
	background-color: rgba(224, 222, 222, 0.4);
}
.bft:visited{text-decoration:none}
.bft:hover{text-decoration:underline}
#footer p{
text-align:center
}
#featured div .photo a strong {
	font-size: 16px;
}
@media all and (max-width:300px){
 .responsive {
   height: auto;
   max-width: 100%;
 } 
 }
h1, h2, h3, h4, h5, h6 {
  line-height: 1em;
}
/*
h2 {
 padding: 0 !important;
 margin: 0 !important;
line-height: 0.7em;
}
h1, h3, h4, h5, h6 {
 padding: 0 !important;
 margin: 0 !important;
line-height: 0.5em;
} */
 /*.responsiveOLD {
    width: 100%;
    max-width: 300px;
    height: auto;
} */
.responsive-image1 {
        width: 110px;
        max-width: 100%;
        height: auto;
}
.responsive-image2 {
        width: 200px;
        max-width: 100%;
        height: auto;
}
.responsive-image2b {
        width: 300px;
        max-width: 100%;
        height: auto;
}
.responsive-image3 {
        width: 100px;
        max-width: 100%;
        height: auto;
}
.textwrap{
float: left;
margin: 10px;
}
.colordiv{
     background:#F0F0F0;
}
 /* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 20.00%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
} 
 /* Responsive layout - makes the three columns stack on top of each other instead of next to each other 
@media screen and (max-width: 500px) {
  .column {
    width: 100%;
  }
} */
/*@media all and (max-width:420px){
} */
/*
image and alongside text css
*/

* {
  box-sizing: border-box;
}
.item {
  display: inline-block;
}
/* on PC */
@media screen and (min-width: 550px) {
  .featured-image {
    float: left;
    width: 40%;
    padding-right: 15px;
  }
  .featured-image img {
    width: 100%;
  }
  .description {
    float: left;
    width: 100%;
  }
}
/* on Mobile */
@media screen and (max-width: 550px) {
  .featured-image {
    width: 100%;
  }
  .featured-image img {
    width: 100%;
  }
  .description {
    width: 100%;
  }
}	
		 /* rollover */
		 .zoom {
  transition: transform .2s; /* Animation */
  width: 70px; /* Adustable */
  height: 50px; /* Adustable */
  margin: 0 auto; 

}
 .zoom:hover {
  transform: scale(2.0); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
		 }
 /* container */
	.container {
  overflow: hidden; /* Ensures image doesn't bleed out of bounds */
  position: relative;
}

.container img {
  width: 400px;
  height: 400px;
  transition: transform 0.3s ease-out; /* Smooth animation */
  object-fit: cover; /* Ensures image covers area without distortion */
}

.container:hover img {
  transform: scale(2.2); /* Zooms to 120% */
}
	 
 .responsive {
  width: 100%;
  height: auto;
}	
 /*	 
video {
  width: 100%;
  height: auto;
}
*/
		.overlayText {
  position: absolute;
  top: 30%;
  left: 20%;
  z-index: 1;
}

#topText {
  color: white;
  font-size: 20px;
  align-self: center;
}

.theme {
    background:url(../elephant-herd-panoramic.webp);
    background-repeat:repeat;
}
 .image-left {
            float: left;
            margin-right: 15px;
        }