/*@import url(http://fonts.googleapis.com/css?family=Futura+Md:400,700); */
Body		{ FONT-FAMILY: Century Gothic, Tahoma; font-size:12pt; color:#333333;  }
/* pushes the page to the full capacity of the viewing area, with body height: 100%*/
a:link       { text-decoration: none; color: #335D85; font-weight:bold }
a:visited    { text-decoration: none; color: #335D85;  font-weight:bold }
a:hover      { text-decoration: underline; color: #335D85; font-weight:bold }
a:active     { text-decoration: underline; color: #335D85; font-weight:bold  }

.navaccent   { background-color:#BA2632;  }
/* table        { background-color: #FFFFFF; color:#333333; font-size:12pt; }*/
hr           { color: #333333; height: 1px; }

#cellbg {
	color:#FFFFFF; 
	text-align:center; 
	background-color:#7D674B; 
	font-weight:bold;
}
#cellbg a {
  color: #FFFFFF;
  text-decoration: none; 
  padding:3px; 
}
#cellbg a:hover {
  padding:3px; color: #FFFFFF;
  text-decoration: none; 
  background-color:#6BB0A7; 
}
#cellbg a:active {
  color: #FFFFFF;
  text-decoration: none; 
  padding:3px;
}

#subcellbg {
	 background-color:#7191BF; 
	 color:#000000; 
	 text-align:center; 
	 font-size:10pt; 
	 padding:3px 
}
#subcellbg a {
  color: #000000;
  text-decoration: none;
}
#subcellbg a:hover {
  color: #808080;
  text-decoration: none;
}
#subcellbg a:active {
  color: #808080;
  text-decoration: underline;
}
.reviewbg {
	color:#333333; 
	font-size:10pt;
	padding:5px; 
	background-color:#DCD9D4; 
}


/*---Home Page Thumbnail Gallery---*/

.homepage-container {
   float: left;
   margin: 5px;
   padding: 5px;
   width: 600px;
   height: auto;
}   

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

 .gallery-picOLD {
  width: 100%;
  height: auto;
  border: 0px;
}


.gallerycontainer {
   display: inline-block;
  width: 100%;
  max-width: 225px;
  height: auto;
  padding: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

 .gallery-pic {
  width: 100%;
  max-width: 500px;
}


.homepage-text {
	padding-left: 20px;
	padding-right: 20px;
	width: 80%;
	max-width: 1000px;
	text-align: justify;
}

#hm-itemtitle   { 
  color: #666666;
  max-width: 225px;
  text-align: center; 
  height: auto;
  padding-top: 5px;
  background-color:#DCD9D4;
}
#hm-itemtitle a {
  color: #666666;
  text-decoration: none;
}
#hm-itemtitle a:hover {
  color: #666666;
  text-decoration: none;
}



/*--- Thumbnail Gallery Item Module---*/

.p-gallery-container {
   float: left;
   margin: 10px;
   padding: 0px;
   width: 250px;
   height: 275px;
   background-color:#326799;
}   

.itemtitle   { 
  text-align: center; 
  color: #FFFFFF;
  padding-top: 5px;
  background-color:#326799;
  text-decoration: none;
}

.thumbnail-container {
   float: left;
   margin: 5px;
   padding: 5px;
   width: 150px;
   height: 150px;
   padding: 5px;
   border: 1px solid black;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}   

/*--- End of Thumbnail Gallery Item Module---*/


 .linkpic {
  max-width: 500px;
  width: 25%;
  height: auto;
  float: left;
  padding:5px

}

.banner-pic {
  max-width: 1200px;
  width: 100%;
  height: auto;
  padding: 5px;
}

 .logopic {
  max-width: 200px;
  width: 100%;
  height: auto;
}

 .pic1 {
  max-width: 700px;
  width: 50%;
  height: auto;
  display: block;
  padding-right:5px
}
 
 .leftpic {
  max-width: 500px;
  width: 63%;
  height: auto;
  float: left;
  display: block; 
  padding-right:5px

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

 .rightlistpic {
  max-width: 350px;
  width: 50%;
  height: auto;
  float: right;
  padding-left:5px;

}

 h1 {
	color:#231F20;
    }

 h2 {
	color:#231F20; 
}

 h3 {
	color:#231F20;
}