Body 	{ background-color: #F0D9C2; FONT-FAMILY: Tahoma, Arial, helevetica; font-size:12pt; background-image: url('images/bg-desert.jpg'); background-repeat:repeat-x }
html	{ height: 100%;}


a:link       { text-decoration: none; color: #800000; font-weight:bold }
a:visited    { text-decoration: none; color: #800000;  font-weight:bold }
a:hover      { text-decoration: underline; color: #999999; font-weight:bold }
a:active     { text-decoration: underline; color: #800000; font-weight:bold  }

hr           { color: #000035; height: 1px }


/* Responsive content container, for gallery of articles*/
.homepage-container {
   float: left;
   margin: 5px;
   padding: 5px;
   width: 100%;
   height: auto;
}   

.featured-container {
   display: inline-block;
   margin: 5px;
   padding: 10px;
   height: auto;
   width: 800%;
   max-width: 300px;
   background: #FFD784;
   border: 2px solid #B77749;
   border-radius: 8px;
   position:relative;
   text-align: left;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}   

.splash-bg {
	background-position: 
    center; background-image: url('images/home-background-forest.jpg'); 
	background-repeat: no-repeat; 
	background-attachment: scroll
}


/* Alternate float code:  display: inline-block; */

.gallery-container {
   display: inline-block;
   margin: 5px;
   padding: 5px;
   width: 500px;
   height: 175px;
   border: 1px solid black;
}   

 .gallery-pic {
  max-width: 200px;
  width: 500px;
  height: 125px;
  border: 0px;
}
/* End Responsive container */

.spec-container {
   display: inline-block;
   padding: 10px;
   margin: 10px;
   width: 90%;
   height: auto;
   text-align: left;
   border: 1px solid #666;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}   
 .spec-pic {
   display: inline-block;
   float: left;
  width: 200px;
  padding: 10px;
  border: 0px;
  height: auto;
}

.contact-us {
   float: right;
   margin: 5px;
   padding: 5px;
   width: 300px;
   height: auto;
   border: 1px solid #666;
   border-radius: 8px;
   color: #FFFFFF;
   background-color:#9A0000; 
   text-align: center;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}   

.contact-us a {
  color: #FFFFFF;
  text-decoration: none;
}


.banner-pic {
  max-width: 964px;
  width: 100%;
  height: auto;
  display: inline-block;
}

 .logopic {
  max-width: 150px;
  height: auto;
}
 
 .slideshow-pic {
  max-width: 900px;
  width: 75%;
  height: auto;
}
 .pic1 {
  max-width: 350px;
  width: 100%;
  height: auto;
  display: block;
}
 
 .leftpic {
  float: left;
  display: block; 
  max-width: 500px;
  width: 49%;
  height: auto;
  padding-right:5px;

}
 .leftpicsm {
  max-width: 250px;
  width: 25%;
  height: auto;
  float: left;
  display: block; 
  padding-right:5px;

}
      
 .rightpic {
  max-width: 500px;
  width: 49%;
  height: auto;
  float: right;
  display: block;
  padding-left:5px;

}

    
 .rightpicsm {
  max-width: 250px;
  width: 25%;
  height: auto;
  float: right;
  display: block;
  padding-left:5px;

}