/* Main Navigation */

.navbar {
  overflow: hidden;
  background-color: #fff;
}

.navbar a {
  float: left;
  font-size: 14px;
  color: black;
  text-align: left;
  padding: 12px 14px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 14px;
  border: none;
  outline: none;
  color: black;
  padding: 12px 10px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #f0f0f0;
}

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

.dropdown-content a {
  float: none;
  color: black;
  padding: 5px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

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

.dropdown:hover .dropdown-content {
  display: block;
}
/* End of nav-menu section of css */

/*body { font-family: Arial, Helvetica, sans-serif;} */


body{ margin:3%; font-family:Arial; font-size:14pt; background-image:url(images/ant0.jpg); background-repeat:repeat;}
h4.c{ margin:0%; text-align:center; font-family:Rockwell Extra Bold; font-size:18pt; color:blue; text-shadow:2px 2px #808080;}
h3{ margin:0%; text-align:left; font-family:Arial; font-size:14pt; color:blue;}
h1 {text-align:center;font-size:1.3em; color:Fuchsia; background-color:#00cc00;}
h1.fl:first-letter {text-align:center;font-size:1.8em; color:Black;}

p.fl:first-letter {text-align:center;font-size:2.5em;}
P{font-family:Arial; font-size:14pt; color:#800000;}
P.quote{font-family:Arial; font-size:1.1em; color:Black; margin-left:4%; margin-right:4%}
P.info{font-family:Arial; font-size:10pt; color:black;}
P.footer{ text-align:left; font-family:Arial; font-size:8pt; color:gray;}
P.sign{font-family:Arial; font-size:12pt; color:blue;}
CAPTION{font-family:Arial; font-size:14pt; color:#800000;}
p.xcan{text-align:center; font-size:2.0em; font-family:Arial; font-size:20pt; color:red; border-style:outset; border-color:red; border-radius: 8px; margin: 25px 50px;}

p.announce2{text-align:center; font-size:2.5em; font-family:Arial; font-size:20pt; color:green; border-style:outset; border-color:green; border-radius: 8px; margin: 30px 60px;}

td{font-family:Arial; font-size:12pt; color:blue; vertical-align:top;}
td.menu{	padding:15px; text-align:center;}
td.desc{font-family:Arial; font-size:11pt; color:black; text-align:left;}
td.ttl{font-family:Arial; font-size:11pt; text-align:center;}
td.dt{font-family:Arial; font-size:9pt; color:blue}
td.c{font-family:Arial; font-size:11pt; color:blue; text-align:center; margin-left:5%}
td.off{font-family:Arial; font-size:11pt; color:grey; text-align:center; margin-left:5%}
td.cx{font-family:Arial; font-size:10pt; color:grey; text-align:center; margin-left:5%;text-decoration:line-through;}
td.clkZcenter{font-family:Comic Sans MS; font-size:24pt; color:black; background-color:#808000; text-align:center; margin-left:1%;margin-right:1%;}
td.clkZleft{font-family:Comic Sans MS; font-size:24pt; color:black; background-color:#808000; text-align:left; margin-left:1%}

td.clkLcenter{font-family:Comic Sans MS; font-size:24pt; color:black; background-color:#00fff0; text-align:center; margin-left:10%;margin-right:1%;}
td.clkLleft{font-family:Comic Sans MS; font-size:24pt; color:black; background-color:#00fff0; text-align:left; margin-left:1%}

td.clkright{font-family:Comic Sans MS; font-size:24pt; color:black; text-align:right; margin-left:1%;margin-right:1%;}
td.chkbox{font-family:Arial; font-size:14pt; color:black; text-align:right; margin-left:4%;margin-right:4%;}
td.cx{font-family:Arial; font-size:8pt; color:grey; text-align:center; margin-left:7%}
td.annot{font-family:Arial; font-size:9pt; color:blue; text-align:left; margin-left:5%}
td.annotx{font-family:Arial; font-size:8pt; color:grey; text-align:left; margin-left:7%}
td.ref{font-family:Arial; font-size:7pt; color:Gray;}
td.rev{text-align:center; font-family:Arial; font-size:10pt; color:gray;}
td.jkctag{text-align:center; vertical-align:middle; font-family:Arial; font-size:8pt; color:black;}


div.clk{top:0; position:fixed;}
nav{font-size:10pt;}
img {float:right; margin:0 0 10px 10px;}

p.info2 {
  background-color: white;
  animation-name: example;
  animation-duration: 4s;
}

@keyframes example {
  from {background-color: white;}
  to {background-color: red;}
}