@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

Body		{ FONT-FAMILY: Century Gothic, Tahoma; font-size:12pt; color:#333333;  
  				background-image: linear-gradient(#02213F,#FFFFFF,#042240);
}
/* pushes the page to the full capacity of the viewing area, with body height: 100%*/
a:link       { text-decoration: none; color: #E3A209; font-weight:bold }
a:visited    { text-decoration: none; color: #E3A209;  font-weight:bold }
a:hover      { text-decoration: underline; color: #F6B218; font-weight:bold }
a:active     { text-decoration: underline; color: #E3A209; font-weight:bold  }

.navaccent   { background-color:#336600;  }
.nav-bg      { background-image: url('images/nav-bg.gif'); background-repeat: repeat-x; }
/* table        { background-color: #FFFFFF; color:#333333; font-size:12pt; }*/
hr           { border-color: #333333; height: 1px; }

#bullet      { 
	float: left; 
	padding-right:20px; 
	background-image:url('images/bullet.png'); 
	background-repeat:no-repeat; 
	background-position-x:left;
}

.titlebox {
	border:4px solid #FFFFFF; width: 100%;
	-webkit-box-shadow: 3px 3px 21px 1px rgba(0,0,0,0.48);
	-moz-box-shadow: 3px 3px 21px 1px rgba(0,0,0,0.48);
	box-shadow: 3px 3px 21px 1px rgba(0,0,0,0.48);
	height:30; 
	background-color:#F9CC68;
	padding: 10px
	
}

.homepage-text {
	padding: 20px;
	width: 100%;
	text-align: justify;
	background-color:#376BC1;
	color: #FFFFFF; 
	background-image:url('images/homepage-bg.jpg'); 
	background-attachment:scroll
}

#cellbg {
	color:#FFFFFF; text-align:center;
	padding:10px; background-color:#213F73; 
}

#cellbg a {
  color: #FFFFFF;
  text-decoration: none; 
 padding-left:3px; padding-right:3px; padding-top:3px; padding-bottom:3px
  
}
#cellbg a:hover {
  color: #F6B218;
  text-decoration: none; background-color:#213F73;
 padding-left:3px; padding-right:3px; padding-top:3px; padding-bottom:3px

}

.subcellbg {
	background-color:#F6B218; color:#FFFFFF;  
}

#subcellbg {
	 background-color:#F6B218; color:#FFFFFF; text-align:center; padding: 8px; font-size: 14px;
}
#subcellbg a {
  color: #000066;
  text-decoration: none;
}
#subcellbg a:hover {
  color: #000000;
  text-decoration: none
}

#subcellbg a:active {
  color: #000066;
  text-decoration: underline;
}
.reviewbg {
	color:#333333; 
	font-size:10pt;
	padding:5px; 
	background-color:#DCD9D4; 
}

.contact-us {
   margin: 5px;
   padding: 5px;
   width: 200px;
   height: auto;
   border: 1px solid #666666;
   border-radius: 8px;
   color: #FFFFFF;
   background-color:#009933; 
   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:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color:#009933; 
}

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

.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);
}

 .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
}

 h1 {
	color:#231F20;
}

 h2 {
	color:#231F20;
}

/* For the article titles: */
	h3{
		font-family: Anton, Arial;	
		color:#FFFFFF;
}