html {
overflow-y:scroll;
}
body{
margin: 0;
padding: 0;
height:100%;

}

html,body { -webkit-text-size-adjust:none; }




A:link	 {color: #1f497d;

	text-decoration: none;
  }

A:visited {color: #0084B4;

	  text-decoration:underline}

A:active  {color:#000000;

	  text-decoration:none}

A:hover	 {color: #000000;

	  text-decoration:underline;
	  }

a img { border:none; color:#fff }




/*HOVER POPUP LINKS*/


#popup a span {
	display: none;
}

#popup a:hover span {
	display: block;	
	background: #ffffff;
	position: absolute;	
	left: -260px;
	top: -90px;
	z-index:50;
}

.table a
{
    display: block;	
    text-decoration:none;
}


.centered-and-cropped { object-fit: cover }

.menu a
{
    display: block;	
    text-decoration:none;
    height: 50px;
    width:130px;
    vertical-align: middle;
    line-height: 50px;
    font-family: Verdana;Arial;
          font-size: 14px;   
         color: #FFFFFF; 
         padding-left:20px;
}


.menub a
{
    
    display: block;	
    text-decoration:none;
    height: 30px;
    width:170px;
    vertical-align: middle;
    line-height: 30px;
    font-family: Verdana;Arial;
          font-size: 14px;   
         color: #000000;
         padding-left:14px;
}







#photos {
  /* Prevent vertical gaps */
  line-height: 0;
  -webkit-column-count: 5;
  -webkit-column-gap:   0px;
  -moz-column-count:    5;
  -moz-column-gap:      0px;
  column-count:         5;
  column-gap:           0px; 
}

#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important; 
}

@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}





.linkButton { 
     background: none;
     border: none;
     color: #ffffff;
     text-decoration: none;
     cursor: pointer; 
     font-family: Verdana;Arial;
          font-size: 14px;  
          display: block;	
    text-decoration:none;
    height: 30px;
    width:250px;
    vertical-align: middle;
    line-height: 30px;          
      
}

.but {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  display: inline-flex;
  font-family: system-ui,-apple-system,system-ui,Arial,"Helvetica Neue",Helvetica,sans-serif;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 2rem;
  padding:8px;
  /////padding: calc(.875rem - 1px) calc(1.0rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.but:hover,
.but:focus {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
  color: rgba(0, 0, 0, 0.65);
}

.but:hover {
  transform: translateY(-1px);
}

.but:active {
  background-color: #F0F0F1;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
  color: rgba(0, 0, 0, 0.65);
  transform: translateY(0);
}







a.late:link {color:#cccccc;  text-decoration:none}
a.late:visited {color:#cccccc;  text-decoration:none}
a.late:hover {color:#000000;  text-decoration:none}

a.tit:link {color:#ffffff;  text-decoration:none}
a.tit:visited {color:#ffffff;  text-decoration:none}
a.tit:hover {color:#FF6F00 ;  text-decoration:none}

a.one:link {color:#ffffff;  text-decoration:none}
a.one:visited {color:#ffffff;  text-decoration:none}
a.one:hover {color:#ffffff;  text-decoration:none}

a.two:link {color:#000;  text-decoration:none}
a.two:visited {color:#000;  text-decoration:none}
a.two:hover {color:#000;  text-decoration:none}

a.foot:link {color:#f1f1f1;  text-decoration:none}
a.foot:visited {color:#f1f1f1;  text-decoration:none}
a.foot:hover {color:#000000;  text-decoration:underline}

.hwidth {
    width: -moz-calc(100% - 130px);
    width: -webkit-calc(100% - 130px);
    width: calc(100% - 130px);
}

.listwidth {
    width: -moz-calc(100% - 328px);
    width: -webkit-calc(100% - 328px);
    width: calc(100% - 328px);
       
    
}


.tablea {
width:100%; 
//////max-width:1170px;
background: #fff;
background:url('pierce3.jpg') ;

}


.divh {
padding: 10px 0px 10px 10px; 
height:180px;
    background:rgb(241,241,241);
    background: transparent\9;
    //////background:rgba(241,241,241,0.8);
    background:rgba(194,231,242,0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99f1f1f1,endColorstr=#99f1f1f1);
    zoom: 1;
}
.divh:nth-child(n) {
    filter: none;
}




.diva {
z-index:5;
    background:rgb(241,241,241);
    background: transparent\9;
    background:rgba(241,241,241,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99f1f1f1,endColorstr=#99f1f1f1);
    zoom: 1;
}
.diva:nth-child(n) {
    filter: none;
}

.div {
width:600px;
    background:rgb(241,241,241);
    background: transparent\9;
    background:rgba(241,241,241,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99f1f1f1,endColorstr=#99f1f1f1);
    zoom: 1;
}
.div:nth-child(n) {
    filter: none;
}

.textboxg {
 border-color: #cccccc;
 border-width: 1px;
 border-style: solid;
padding: 0px 4px; 
line-height: 18px; 
width:250px; 
height:30px;
color: #666666; 
background: #f1f1f1;
font-family: Verdana;Arial;
          font-size: 12px;   
 }

.textboxw {
 border-color: #cccccc;
 border-width: 1px;
 border-style: solid;
padding: 0px 4px; 
line-height: 28px; 
width:250px; 
height:30px;
color: #000; 
background: #ffffff;
font-family: Verdana;Arial;
          font-size: 12px;   
 }

.textboxwx {
 border-color: #cccccc;
 border-width: 1px;
 border-style: solid;
padding: 0px 4px; 
line-height: 28px; 
width:250px; 
height:60px;
color: #000; 
background: #ffffff;
font-family: Verdana;Arial;
          font-size: 12px;   
 }
 
 .textboxs {
 border-color: #cccccc;
 border-width: 0 0 1px 0;
 border-style: dotted;
padding: 2px; 
line-height: 20px; 
width:200px; 
height:20px;
color: #666666; 
background: #ffffff;
font-family: Verdana;Arial;
          font-size: 12px;   
 }
 
  .textboxd {
 border-color: #cccccc;
 border-width: 0 0 1px 0;
 border-style: dotted;
padding: 2px; 
line-height: 20px; 
height:20px;
color: #666666; 
background: #ffffff;
font-family: Verdana;Arial;
          font-size: 12px;   
          
 }


.menutext  {font-family: Verdana;Arial;
          font-size: 14px;   
         color: #FFFFFF;      
      
         }  
         
        
         
 .menutext2  {font-family: Verdana;Arial;
          font-size: 14px;   
         color: #000000;
         
         }  
             
 .menutext3  {font-family: Verdana;Arial;
          font-size: 12px;   
         color: #f1f1f1;
         
         }  
             
  .smalltxt  {font-family: Verdana;Arial;
          font-size: 10px;   
         color: #666666;
         
         }          
         
         .bodytext  {font-family: Verdana; Arial;
          font-size: 14px;   
         color: #000000;}          
         
.textsmallw  {font-family: Verdana; Arial;

          font-size: 12px;   
         color: #ffffff;}  

.texttemp3  {font-family: Arial;
          font-size: 18px; 
line-height: 20pt;   
         color: #000000;}  

.texttemp2  {font-family: Verdana;Arial;
          font-size: 17px; 
         color: #000000;}  

.texttemp  {font-family: Arial;
          font-size: 28px;
  line-height: 18pt;    
         color: #000000;}  

.textfamily  {font-family: Verdana; Arial;
          font-size: 24px;  
         color: #666666;}  
         
 .textfamilyw  {font-family: Verdana; Arial;
          font-size: 32px;
          line-height: 26pt;   
         color: #ffffff;}  
         
.textfamily2  {font-family: Verdana; Arial;
          font-size: 24px;  
         color: #999999;}  

.textgroup  {font-family: Arial;
          font-size: 12px;  
         color: #000000;}  

.text  {font-family: Verdana; Arial;
          font-size: 14px;   
         color: #000000;}  
         
         .textg  {font-family: Arial;
          font-size: 12px;   
         color: #666666;}  
         
 .text11  {font-family: Verdana; Arial;
          font-size: 12px;   
         color: #000000;}  
         
.textgrey  {font-family: Verdana; Arial;

          font-size: 12px;   
         color: #666666;}  

.textbold  {font-family:  Arial;
          font-size: 12px;   
font-weight: bold;
         color: #000000;}  


.blurbtext  {font-family:  Arial;
          font-size: 12px;
         line-height: 8pt;    
         color: #000000;}  


.compacttext  {font-family:  Arial;
          font-size: 12px;
         line-height: 6pt;    
         color: #000000;}  

.headtext  {font-family: Smudger LET,Verdana, Arial; 
            font-size: 28px; 
             line-height: 14pt;         
         color: #000000;}  


.textb  {font-family: Arial;
          font-size: 12px;   
         color: #000000;} 
 
.textsmall  {font-family: Arial;
          font-size: 9px;  
         color: #000000;}  

.textsmallred  {font-family: Arial;
          font-size: 9px;  
         color: #000000;}  

.textsmallbottom  {font-family: Arial;
          font-size: 9px;  
         color: #000000;}  


@keyframes fadeIn{
  0% {
   opacity:0;
  }
  100% {
    opacity:1;
  }
}
.boxyxxx{

 animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;

}