body {
	width: 96%;
	font-family: Arial;
	font-size: 100%;
	color: yellow; 
	background-color: teal;
	/height: 100%;
	/border: 1px dotted red;
	/border: 2px solid orange;
	}

h1 {
    text-align: center;
  	color: black;
	}	
	
h2 {
    text-align: center;
  	color: yellow;
	}
 
.divnotice {
	width: 53%;
	padding: 10px;
	border-radius: 10px;
	margin: 3%;
	color: yellow;
	text-align: center;
    height: auto;
    background-color: teal;
    /background-color: red;
    animation-name: notice;
    animation-duration: 2s;
    animation-iteration-count: 7;
    /margin-top: 1%;
	/margin-bottom: 2%;
	/margin-right: 5%;
	/margin-left: 38%;
}
  
  @keyframes notice {
  /50%   {background-color: BLACK;}
   50%   {background-color: red;}
  /50%  {background-color: yellow;}
  /25%  {background-color: yellow;}
 / 100% {background-color: red;}
}

a:link{
	 background-color: teal;
	/ color: black;
	/ border: 5px solid red;
}
a:hover{
	 background-color: red;
	 /color: black;
	 /border: 5px solid black;
}

ul.sub-menu{
	Position:absolute;
	List-style-type:none;
	Width:140px;
	MARGIN-TOP:15PX;
	Padding-top:5px;
	Opacity:0;
	/border: 1px dotted black;
}  

.navClass > ul > li {
	List-style-type:none;
	Display: inline-block;
	margin-right: 1px;
	WIDTH:118px;
	COLOR: Black;
	TEXT-ALIGN: CENTER;
	Position:relative;
	/border: 1PX dotted black;
}

.btnHome { 
	background-color: #004d4d;
	box-shadow: 5px 5px 20px black;
	border: 1px solid white;
	border-radius: 3px;
	width: 84%;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 25px;
	color: white;
	/background-color: #006666;	
}

.btnInx { 
	background-color: #004d4d;
	box-shadow: 5px 5px 20px black;
	border: 1px solid white;
	border-radius: 3px;
	width: 84%;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-bottom: 25px;
	color: white;
	/background-color: #006666;	
}

button:hover{
	 background-color: orange;
	 color: black;
}

.divPictures {
    margin-left: 4%; width: fit-content;   
    /border: 2px dotted black;
}

.divTextbox{
	margin-left: 5%;
	margin-right: 5%;
	/margin-top: -700px;
	/width: 80%;
	text-align: justify;
	border: 1px dotted black;
	float: right;
	/position:abolute;
}

.divInfo {
	 position: absolute;
	 z-index: 1;
     padding-bottom: 15px;
     background-color: teal;
     margin-top: 1%;
     margin-left: 10px;
     margin-right: 10px;
     width: 94%;
	/border: 1px dotted black;
    /position: relative;
}

.btnTab {
	color: white;
	margin-bottom: 5px;
    margin-left: 5%;
	background-color: #006666;
    border: 2px solid white;
	padding-top:5px;
    padding-bottom:5px;
	width: 90%;
	margin-right: 15%;
}

.label {
   position: absolute;
   margin-top: 52px;
   margin-left:4%;
   padding-left: 10px;
   font-size: 55%;
   top: 0;
   color: black;
}

.pInfo {
   Padding-top: 10px;
   Padding-bottom: 10px;
   Padding-left: 30px;
   Padding-right: 30px;
   margin-left: 50px;
   margin-right: 50px;
   Font-size: 110%;
   Text-align: center;
   Color: yellow;
   /border: 1px dotted black;
}
.pFoot {
   Padding-top: 10px;
   Padding-bottom: 10px;
   Padding-left: 30px;
   Padding-right: 30px;
   margin-left: 50px;
   margin-right: 50px;
   Font-size: 80%;
   font-style: italic;
   Text-align: left;
   Color: white;
   border: 1px dotted black;
   border-radius: 2px;
}

p.intro {
		margin-left: 3%;
		margin-right: 3%;
		text-align: justify;
		/float: right;
		/width: 50%;
		/padding: 1%;
	}
	
/* photo slider section */

.slider{
	width: 385px;
	height: 294px;
	overflow: hidden;
	/height: 406px;
	/width: 550px;
	float: right;
	margin-left: 3%;
	margin-bottom: 1%;
	margin-right: 3%;
	border: 5px solid white;
}

.slider figure div{
	width: 385px;
	height: 294px;
	/width: 550px;
	/height: 406px;
	float: left;
	/border: 5px dotted blue;
}

.slider figure img{
	float: left;
    /border: 5px dotted yellow;
    width: 385px;
	height: 294px;
	/height: 406px;
	/width: 550px;
}
.slider figure{
	position: relative;
	width: 2000%;
	margin: 0;
	left: 0;
	animation: 50s slidy infinite;
	/border: 1px solid orange;
}

@keyframes slidy {
0%{
		left: 0%;
	}
	10% {
		left: 0%;
	}
	11% {
		left: -100%;
	}
	20% {
		left: -100%;
	}
	21% {
		left: -200%;
	}
	30% {
		left: -200%;
	}
	31% {
		left: -300%;
	}
	40% {
		left: -300%;
	}
	41% {
		left: -400%;
	}
	50% {
		left: -400%;
	}
	51% {
		left: -500%;
	}
	60% {
		left: -500%;
	}
	61% {
		left: -600%;
	}
	70% {
		left: -600%;
	}
	71% {
		left: -700%;
	}
	80% {
		left: -700%;
	}
	81% {
		left: -800%;
	}
	90% {
		left: -800%;
	}
	91% {
		left: -900%;
	}
	100% {
		left: -900%;
	}
	101% {
		left: -1000%;
	}
	110% {
		left: -1000%;
	}
}