body {
   
 /*   background: linear-gradient(lightblue, lightyellow);    REPLACED BY DIV IN MENU.PHP */
    font-family: Arial;
    }
    
/*  FONT SIZES */


h1 {
    font-family: Arial;
  font-size: 2.6em;
}

h2 {
    font-family: Arial;
  font-size: 1.9em;
}

p, li, ul, A {
    font-family: Arial;
  font-size: 1.15em;
	text-align:left;
}
	


	/*	
.nav:hover{
    transform: scale(1.1);
}
*/

text
{
	text-align:left;
	font-style:normal;
	text-decoration:none;
	font-family:Arial;
	  font-size: 1.25em;
	border:none;
/*	
    font-size:calc(14px + 1.5vw);
*/
	}

   
/*	 CONTENT is the main table in the middle */
      
.content {
    width: 75%;
    font-size: 1.25em;
  margin-left: auto;
  margin-right: auto;
  
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 40px;
  padding-left: 30px;
  
}
   



A:link {
	TEXT-DECORATION: none;
	
    font-family: Arial;
 
}
A:hover {

    COLOR: red ! important;

	TEXT-DECORATION: underline;
	
    font-family: Arial;
}
A:visited {
	font-style: oblique;
	
    font-family: Arial;
}


.link {
	COLOR: #0000C0; FONT-FAMILY: Arial; FONT-STYLE: normal;    font-size: 1.25em; FONT-WEIGHT: normal; LINE-HEIGHT: normal; TEXT-DECORATION: none;
}
.mainlink {
	COLOR: #0000C0; FONT-FAMILY: Arial; FONT-STYLE: normal;   font-size: 1.25em; FONT-WEIGHT: bold; LINE-HEIGHT: normal; TEXT-DECORATION: none;
}
.link10 {
	COLOR: #0000C0; FONT-FAMILY: Arial;   font-size: 1.25em; FONT-STYLE: normal; LINE-HEIGHT: normal; TEXT-DECORATION: none;
}



img
	{
	vertical-align:middle;
	text-align:center;
	}
	
	@media print {
  a[href]:after {
    content: none !important;
  }
}




/* Red border */
.redline {
  border-top: 1px solid red;
}

/* Dashed red border */
.dashedredline {
  border-top: 1px dashed red;
}

/* Dotted red border */
.dottedredline {
  border-top: 1px dotted red;
}

/* Thick red border */
.thickredline {
  border: 1px solid red;
}

/* Large rounded green border */
.new5 {
  border: 10px solid green;
  border-radius: 5px;
}	
	
	
.mobimg {
  /* max-width: 300px; */
  width: 300px;
  text-align: center;
  border: none;
}

	

/* HOVER MENUS */



.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}


.menu-content  a:hover  {transform:translate(20px);}


 
      .example-image-link img {
          
/* Add shadows to the lightbox thumbnails */           
            filter: drop-shadow(7px 7px 7px #666666);
            -webkit-filter: drop-shadow(7px 7px 7px #123456);
        
/* Add spacing to the lightbox thumbnails */ 
            padding-right: 20px;
            padding-bottom: 5px;
    
      }
      
      
/* Increase lightbox thumbnails on hover */
        .example-image-link img:hover{
        transform: scale(1.1);
    
         }
 
      .sponsor-link img {
          
/* Add shadows to the Sponsor link thumbnails */           
            filter: drop-shadow(7px 7px 7px #666666);
            -webkit-filter: drop-shadow(7px 7px 7px #123456);
        
/* Add spacing to the Sponsor link  thumbnails */ 
            padding-right: 40px;
            padding-bottom: 40px;
    
      }
      
      
/* Increase Sponsor link thumbnails on hover */

    .sponsor-link img:hover
    {
    transform: scale(1.1);
    }
      




    
    /*    CHANDIGAR LIGHTBOX FOR TEXT    */
    /* like "blood donor" paragraph in dogs */
    
    
        .tab div {
    display: none;
      z-index:20;
}

.tab div:target {
    display: block;
     z-index:30;
  
}
  .tab2 div {
    display: none;
    z-index:-10;
    position:fixed;
width:100%;
  height:100%;
  
  background-color:lightgrey;
  opacity:0.8;
  left:0;
  top:0;
}


.tab2 div:target {
    display: block;
  
}