body {
background-color: #cc0099;
font-family: Times New Roman, Garamond, Serif;
font-size: 20px;
color: #000;
}
img
 {
  border-color:green;
 }
 body { 
background-color:white; 
  background-attachment: fixed; 
  background-image: url(); 
  background-repeat: no repeat;

  }


h1 {
text-align: center;
font-family: Arial, Verdana, Sans-Serif;
color: #000;
}

video {
  width: 100%;           /* Make video responsive */
  max-width: 400px;      /* Limit maximum size */
  height: auto;          /* Maintain aspect ratio */
  border: 3px solid #333;/* Add border */
  border-radius: 8px;    /* Rounded corners */
  object-fit: cover;     /* Crop to fill container */
  background-color: black; /* Fallback background */
}

#chm {
list-style:none;
margin:1px;
padding:left; 1em;
width:700px
text-align:left;
}

#nav li{
background-color: #cc0099; 
border: 1px solid #000000; 
padding-top: 13px; 
padding-bottom: 13px; 
} 
#nav li { 
display: inline; 
} 
#nav a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 13px; 
padding-bottom: 13px; 
text-decoration: none; 
} 
#nav a:hover, #nav a:active { 
padding-top: 20px; 
padding-bottom: 20px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav1 li { 
display: inline; 
} 
#nav1 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 13px; 
padding-bottom: 13px; 
text-decoration: none; 
} 
#nav1 a:hover, #nav a:active { 
padding-top: 20px; 
padding-bottom: 20px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

ul#list-nav {
list-style:none;
margin:20px;
padding:0;
width:700px
}

ul#info {
list-style:none;
margin:20px;
padding:0;
width:700px
}


ul#list-nav li {
display:inline
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:250px;
background:#c4e661;
color:#3e6617;
float:center;
text-align:center;
border-left:1px solid #fff;
}

ul#list-nav li a:hover {
background:#3e6617;
color:#f8fee9;
}


#nav2 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav2 li { 
display: inline; 
} 
#nav2 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav2 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: orange;
text-decoration: none; 
}

#nav3 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav3 li { 
display: inline; 
} 
#nav3 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav3 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}


#nav4 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav4 li { 
display: inline; 
} 
#nav4 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav4 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}


#nav5 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav5 li { 
display: inline; 
} 
#nav5 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav5 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}
#nav6 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav6 li { 
display: inline; 
} 
#nav6 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav6 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}


#nav7 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav7 li { 
display: inline; 
} 
#nav7 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav7 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav8 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav8 li { 
display: inline; 
} 
#nav8 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav8 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}


#nav9 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav9 li { 
display: inline; 
} 
#nav9 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav9 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav10 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav10 li { 
display: inline; 
} 
#nav10 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav10 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav11 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav11 li { 
display: inline; 
} 
#nav11 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav11 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}
#nav12 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav12 li { 
display: inline; 
} 
#nav12 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav12 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav13 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav13 li { 
display: inline; 
} 
#nav13 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav13 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav14 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav14 li { 
display: inline; 
} 
#nav14 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav14 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav15 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav15 li { 
display: inline; 
} 
#nav15 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav15 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}
#nav16 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav16 li { 
display: inline; 
} 
#nav16 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav16 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}
#nav17 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav17 li { 
display: inline; 
} 
#nav17 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav17 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav18 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav18 li { 
display: inline; 
} 
#nav18 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav18 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav19 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav19 li { 
display: inline; 
} 
#nav19 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav19 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav20 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav20 li { 
display: inline; 
} 
#nav20 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav20 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav21 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav21 li { 
display: inline; 
} 
#nav21 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav21 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav22 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav22 li { 
display: inline; 
} 
#nav22 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav22 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav22 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav22 li { 
display: inline; 
} 
#nav22 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav22 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav23 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav23 li { 
display: inline; 
} 
#nav23 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav23 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav24 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav24 li { 
display: inline; 
} 
#nav24 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav24 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav25 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav25 li { 
display: inline; 
} 
#nav25 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav25 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav26 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav26 li { 
display: inline; 
} 
#nav26 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav26 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}


#nav27 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav27 li { 
display: inline; 
} 
#nav27 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav27 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav28 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav28 li { 
display: inline; 
} 
#nav28 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav28 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav29 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav29 li { 
display: inline; 
} 
#nav29 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav29 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav30 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav30 li { 
display: inline; 
} 
#nav30 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav30 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}


#nav31 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav31 li { 
display: inline; 
} 
#nav31 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav31 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav32 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav32 li { 
display: inline; 
} 
#nav32 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav32 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav33 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav33 li { 
display: inline; 
} 
#nav33 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav33 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}

#nav34 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav34 li { 
display: inline; 
} 
#nav34 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav34 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}


#nav35 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav35 li { 
display: inline; 
} 
#nav35 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav35 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}
#nav36 li{
background-color: #006600; 
border: 1px solid #000000; 
padding-top: 5px; 
padding-bottom: 5px; 
} 
#nav36 li { 
display: inline; 
} 
#nav36 a:link, #nav a:visited { 
color: #ffffff; 
padding-top: 5px; 
padding-bottom: 5px; 
text-decoration: none; 
} 
#nav36 a:hover, #nav a:active { 
padding-top: 10px; 
padding-bottom: 10px; 
border-top: 3px solid #000000; 
border-bottom: 3px solid #000000; 
color: yellow;
text-decoration: none; 
}