a{
	color:#369;
	text-decoration:none;
	/*font-weight:bold;*/
}
a:hover{
	color:#f63;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  color:#fed700;
}
.cent {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}
#footerlk{	
/*  float: center;  */
	text-align: center;
	margin: 0px 0px 0px 0px;
}
html, body{
	margin:0; 
	padding:0;
    background-image: "./bg.jpg";
}
h1{
    font-size:15px;
    margin:0 auto;
    padding:1em 0 0 0;
    text-align:center;
    font-family:verdana, sans-serif;
}
h2{
    font-size:15px;
    margin:0 auto;
    padding:1em 0 0 0;
    text-align:center;
    font-family:verdana, sans-serif;
}

h3{
    font-size:10px;
    margin:0 auto;
    padding:1em 0 0 0;
    text-align:center;
    font-family:verdana, sans-serif;
}
h4{
    font-size:10px;
    padding: 70px 0;
    border: 3px solid green;
    text-align: center;    
 /*   margin:0 auto;
    width:80%;    
    padding:25em 0 0 0;
    text-align:center;*/
    font-family:verdana, sans-serif;
}

ul#gallery {
    margin:0 auto;
    padding:0;
    list-style-type:none;
    width:80%;
    font-family: Tahoma;
}
ul#gallery li {
    float: left;
    margin:10px 15px;
}
ul#gallery li img {
    border:0;
}
p{
    text-align:center;
    padding:0;
    margin:0;
}
p.pagination-links{
    clear:both;
    margin:0;
    padding:1em 0;
    text-align:center;
}
p label{
	font-weight:bold;
}
.red{
	font-weight:bold;
	color:#7E2217;  /*  Indian Red4  */
	font-family:  verdana, sans-serif;
}
.arrows img{
    border: 0;
}
.bold{
    font-weight:bold;
}

.boxscar{
  background-color: lightgrey;
  width: 500px;
  border: 15px blue;
  padding: 50px;
  margin: 20px;
}




html, body{
  font-family: 'Droid Serif', serif;
}
h1 {
  font-size: 20px; /* was 60  */
  text-align: center;
}
.content-slider {
  max-width: 100%; /* was 100% */
  height: 150px; /* was 360 */
}
.slider {
  height: 320px;
  max-width: 320px; /* was 680 */
  margin: 40px auto 0;
  overflow: visible;
  position: relative;
}
.mask {
  overflow: hidden;
  height: 150px; /* was 320 */
}
.slider ul {
  margin: 0;
  padding: 0;
  position: relative;
}
.slider li {
  max-width: 320px; /* was 680 */
  height: 320px;
  position: absolute;
  top: -325px;
  list-style: none;
}
.slider .quote {
  font-size: 20px; /* was 40 */
  font-style: italic;
}
.slider .source {
  font-size: 10px; /* was 20 */
  text-align: right;
}
.slider li.anim1 {
  animation: cycle 15s linear infinite;
}
.slider li.anim2 {
  animation: cycle2 15s linear infinite;
}
.slider li.anim3 {
  animation: cycle3 15s linear infinite;
}
.slider li.anim4 {
  animation: cycle4 15s linear infinite;
}
.slider li.anim5 {
  animation: cycle5 15s linear infinite;
}
.slider:hover li {
  animation-play-state: paused;
}
@keyframes cycle {
  0% {
    top: 0px;
  }
  4% {
    top: 0px;
  }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  20% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  21% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  50% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  92% {
    top: -325px;
    opacity: 0;
    z-index: 0;
  }
  96% {
    top: -325px;
    opacity: 0;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}  
@keyframes cycle2 {
  0% {
    top: -325px;
    opacity: 0;
  }
  16% {
    top: -325px;
    opacity: 0;
  }
  20% {
    top: 0px;
    opacity: 1;
  }
  24% {
    top: 0px;
    opacity: 1;
  }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  40% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  41% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes cycle3 {
  0% {
    top: -325px;
    opacity: 0;
  }
  36% {
    top: -325px;
    opacity: 0;
  }
  40% {
    top: 0px;
    opacity: 1;
  }
  44% {
    top: 0px;
    opacity: 1;
  }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  60% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  61% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes cycle4 {
  0% {
    top: -325px;
    opacity: 0;
  }
  56% {
    top: -325px;
    opacity: 0;
  }
  60% {
    top: 0px;
    opacity: 1;
  }
  64% {
    top: 0px;
    opacity: 1;
  }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  80% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
  81% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
  100% {
    top: -325px;
    opacity: 0;
    z-index: -1;
  }
}
@keyframes cycle5 {
  0% {
    top: -325px;
    opacity: 0;
  }
  76% {
    top: -325px;
    opacity: 0;
  }
  80% {
    top: 0px;
    opacity: 1;
  }
  84% {
    top: 0px;
    opacity: 1;
  }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0;
  }
  100% {
    top: 325px;
    opacity: 0;
    z-index: 0;
  }
}