﻿<style type="text/css">

  /* Chrome version 29 and above */
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
selector{ property:value; }
}

/* Chrome version 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
selector { -chrome-:only (;
property:value;
);}
}

/* Chrome, Safari, and also the Edge Browser and Firefox */
@media and (-webkit-min-device-pixel-ratio:0) {
selector { property:value; }
}
  
  small {
    font-size: 68%;
    color: #808080;
    }

    /* unvisited link */
    small a:link {
         color: #808080;
         
     }

     /* visited link */
    small a:visited {
        color: #808080;
        
     }

	li {
	margin-left: 10px;
} 
	 
  hr{
     top:-4px;
     margin-top: 5px;
     margin-bottom: 5px;
     border: 0;
     border-top: 1px solid #CCCCCC;
     }


   h7 {
     display: block;
     text-decoration: none;
     font: 54px  MichromaRegular;
     letter-spacing: 2px;
     font-weight:600;
     text-align: left;
     color: #FF6600;
     text-shadow: 0px 1px 3px #4a4a4a;
     }

     /* unvisited link */
    h7 a:link {
         color: #FF6600;
         text-decoration: none;
     }

     /* visited link */
    h7 a:visited {
        color: #FF6600;
        text-decoration: none;
     }

   /* mouse over link */

  h7 a:hover {
     color: #FF6600;
     text-decoration: underline;
     text-shadow: 0px 2px 6px #2a2a2a;
   }

    
  h1 {
     display: block;
     text-decoration: none;
     font: 24px MichromaRegular;
     letter-spacing: 0px;
     text-align: left;
     color: #FF6600;
     text-shadow: 0px 2px 4px #4a6a4a;
     font-weight:300;
     }

     /* unvisited link */
    h1 a:link {
         color: #FF6600;
         text-decoration: none;
     }

     /* visited link */
    h1 a:visited {
        color: #FF6600;
        text-decoration: none;
     }

   /* mouse over link */

  h1 a:hover {
     color: #FF6600;
     text-decoration: underline;
     text-shadow: 0px 2px 6px #2a2a2a;
   }
   
  h11 {
     display: block;
     text-decoration: none;
     font: 22px MichromaRegular;
     letter-spacing: 0px;
     text-align: left;
     color: #FF6600;
     text-shadow: 0px 1px 3px #4a4a4a;
      }
 
 
    h2b {
     display: block;
     text-decoration: none;
     font: 13px MichromaRegular;
     letter-spacing: 0px;
     text-align: left;
     color: #000000;
     text-shadow: 0px 2px 4px #4a6a4a;
    }

   h2 {
     display: block;
     text-decoration: none;
     font: 20px MichromaRegular;
     letter-spacing: 0px;
     text-align: left;
     color: #FF6600;
     text-shadow: 0px 2px 3px #4a6a4a;
    }

     /* unvisited link */
    h2 a:link {
         color: #FF6600;
         text-decoration: none;
     }

     /* visited link */
    h2 a:visited {
        color: #FF6600;
        text-decoration: none;
     }

   /* mouse over link */

  h2 a:hover {
     color: #FF6600;
     text-decoration: underline;
     text-shadow: 0px 2px 6px #2a2a2a;
   }
   
  h21 {
     display: block;
     text-decoration: none;
     font: 20px Arial;
     letter-spacing: 0px;
     text-align: left;
     color: #FF6600;
     text-shadow: 0px 1px 2px #4a6a4a;

      }

  h3 {
     display: block;
     text-decoration: none;
     font: 17px MichromaRegular;
     letter-spacing: 0px;
     text-align: left;
     color: #808080;
     text-shadow: 0px 1px 3px #4a4a4a;
      }

     /* unvisited link */
    h3 a:link {
         color: #808080;
         text-decoration: none;
     }

     /* visited link */
    h3 a:visited {
        color: #808080;
        text-decoration: none;
     }

   /* mouse over link */

  h3 a:hover {
     color: #808080;
     text-decoration: underline;
     text-shadow: 0px 2px 6px #2a2a2a;
   }

  h31 {
     display: block;
     text-decoration: none;
     font: 17px MichromaRegular;
     letter-spacing: 0px;
     text-align: left;
     color: #808080;
     text-shadow: 0px 1px 3px #4a4a4a;
      }

     /* unvisited link */
    h31 a:link {
         color: #FF6600;
         text-decoration: underline;
     }

     /* visited link */
    h31 a:visited {
        color: #FF6600;
        text-decoration: underline;
     }


  h32 {
     display: block;
     text-decoration: underline;
     font: 17px MichromaRegular;
     letter-spacing: 0px;
     text-align: left;
     color: #808080;
     text-shadow: 0px 1px 3px #4a4a4a;
      }

     /* unvisited link */
    h32 a:link {
         color: #808080;
         text-decoration: none;
     }

     /* visited link */
    h32 a:visited {
        color: #808080;
        text-decoration: none;
     }

   /* mouse over link */

  h32 a:hover {
     color: #808080;
     text-decoration: underline;
     text-shadow: 0px 2px 6px #2a2a2a;
   }



  h4 {
     display: block;
     text-decoration: none;
     font: 15px MichromaRegular;
     letter-spacing: 0px;
     text-align: left;
     color: #808080;
     text-shadow: 0px 1px 3px #4a4a4a;
      }

     /* unvisited link */
    h4 a:link {
         color: #808080;
         text-decoration: none;
     }

     /* visited link */
    h4 a:visited {
        color: #808080;
        text-decoration: none;
     }

   /* mouse over link */

  h4 a:hover {
     color: #808080;
     text-decoration: underline;
     text-shadow: 0px 2px 6px #2a2a2a;
   }


  h6 {
     display: block;
     text-decoration: none;
     font: 52px  MichromaRegular;
     letter-spacing: 2px;
     font-weight:600;
     text-align: left;
     color: #FF5A00;
     text-shadow: 0px 1px 3px #4a4a4a;
     }

     /* unvisited link */
    h6 a:link {
         color: #FF5A00;
         text-decoration: none;
     }

     /* visited link */
    h6 a:visited {
        color: #FF5A00;
        text-decoration: none;
     }

   /* mouse over link */

  h6 a:hover {
     color: #FF5A00;
     text-decoration: underline;
     text-shadow: 0px 2px 6px #2a2a2a;
   }
   
 .mylink{
     display: block;
     font-size: 11px;
     color:gray;
     text-decoration: none;
     }

     /* unvisited link */
    .mylink a:link {
         color:gray;
         text-decoration: none;
     }

     /* visited link */
    .mylink a:visited {
        color:silver;
        text-decoration: none;
     }
	
   .mylink a:hover {
     text-decoration: underline;
     color:orange;
   }

 .mylink2{
     display: block;
     font-size: 11px;
     color: gray;
     text-decoration: none;
     }
       
  .booktext{
      font-family:"Microsoft Sans Serif";
      font-style: 11px;
      color:gray;
      text-shadow: -1px -1px 1px #F3F3F3;
      padding-left: 2px;
      }
      
  .style2{
      font-family:"Microsoft Sans Serif";
      text-shadow: -1px -1px -1px #F3F3F3;
      padding-left: 1px;
      }
    
   .style2 a:hover {
     text-decoration: underline;
     color: blue;
     text-shadow: 1px -1px 2px #F3F3F3;
   }
 
   .style3{
      font-family:"Microsoft Sans Serif";
      font-size:medium;
      text-shadow: -1px 1px 1px #4a6a4a;
      padding-left: 1px;
      }
      
   .style3 a:hover {
     text-decoration: underline;
     color: blue;
     text-shadow: -1px -1px 2px #F3F3F3;
   }
       
  .floattextSmall{
     position:relative;
     float:left;
     padding-left: 8px;
     top: 7px;
     width: 100%;
     height: 25px;
   }




/* Start The Slideshow CSS */

.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
    margin: 0px auto; 
    position: relative; 
    width: 430px; 
    height: 288px; 
    top:0px;
    padding: 1px; 
    box-shadow: 0 0 5px rgba(0,0,0,0.4); 
}

.slideshow-container2 {
    margin: 0px auto; 
    position: relative; 
    top:3px;
    padding: 1px; 
    box-shadow: 0 0 5px rgba(0,0,0,0.3); 
}

/* Caption text */
.slidetext {
  color: #f2f2f2;
  font: 15px MichromaRegular;
  padding: -4px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-shadow: 0px 1px 3px #4a4a4a;

}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 4px 6px;
  position: absolute;
  top: 0;
}


.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

/* end the slide show */
.center {
margin: auto;
width: 60%;
padding: 10px;
}

hr.hrThick {
    border-top: 10px solid silver;
}
 
</style>
