/*-----------------GENERAL STYLES-----------------*/ 	
	@font-face {
	font-family: Verdana, sans-serif;
	font-display: swap;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px
	}
	
body {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	text-align: center;
	letter-spacing: 2px;
}

A:link
{
  color: #025fad;
  text-decoration: none;
}
A:visited
{
  color: #bbbbbb;
  text-decoration: none;
}
A:active
{
  color: #025fad;
  text-decoration: none; 
}
A:hover
{
  color: #646D7E;
  text-decoration: none;
}

/*-----------------UPDATES TABLE-----------------*/ 	

h5
{
  color: #505050;
  font-family: Verdana, sans-serif; 
  font-size: 12px; 
  font-weight: 700;
  text-align: center;
  margin-bottom: 1px;
  margin-top: 8px;
}

td.title
{
  font-weight: 400;
  color: #c5c5c5;
  border: 0;
  background-color: #025fad;
  height:17.5pt;
  text-align: center;
}

.inbox
{
  border: 0;
}

.sideimage
{
  border: 0;
  text-align: center;
}

table.updatebox
{
  border-collapse: separate;
  border: 1px dashed #919191;
  width: 50%;
  font-size: 10px;
  font-weight: 300;
  text-align: left;
}

table.fanbox
{
  border-collapse: separate;
  border: 1px dashed #919191;
  width: 50%;
  font-size: 10px;
  font-weight: 300;
  text-align: left;
  overflow: hidden;
}

table.stampsbox
{
  border-collapse: separate;
  border: 1px dashed #919191;
  width: 75%;
  font-size: 10px;
  font-weight: 300;
  text-align: left;
}


.infoflex 
{
display: flex; /*this is what tells the divs to sit next to each other*/
flex-wrap: wrap; /*this will make the divs wrap to the next line automatically when they reach the end, instead of stretching your page or container*/
gap: 4rem; /*the amount of space you want between the divs, a "rem" is about 16px wide, but you can also use px here instead of rem if you prefer*/
margin: 1 auto; /*this centers your content*/
max-width:max-content;
}

/******** option 3: images with backgrounds plus info seperately/below bg *********/

.fulldiv3 
{
align-self: baseline;
min-width: 150px;
width: min-content;
}

.imgdiv3 
{ /*you can replace 'testbgimg.png' with your own bg image*/
background:url(testbgimg.png) no-repeat center;
min-width: 150px; /* make this the width of your bg image */
text-align: center;
}

.infodiv {
text-align: center;
} 


.infoflex1 
{
display: flex; /*this is what tells the divs to sit next to each other*/
flex-wrap: wrap; /*this will make the divs wrap to the next line automatically when they reach the end, instead of stretching your page or container*/
gap: 4rem; /*the amount of space you want between the divs, a "rem" is about 16px wide, but you can also use px here instead of rem if you prefer*/
margin: 1 auto; /*this centers your content*/
max-width:max-content;
}

/******** option 3: images with backgrounds plus info seperately/below bg *********/

.fulldiv4 
{
align-self: baseline;
min-width: 190px;

}

.imgdiv4 
{ /*you can replace 'testbgimg.png' with your own bg image*/
background:url(https://teardrop.silk-serif.com/images/Crew/2025/treepaw.png) no-repeat center;
min-width: 180px; /* make this the width of your bg image */
min-height: 180px;
text-align: center;
}

.infodiv {
text-align: center;
}