ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333366;;

}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  /* not in original
    font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; */
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: #9dc7fb;
}


/* is this wrong? 
li a:active, .dropdown:active .dropbtn {
  background-color: #9999ff;
}
*/

li.dropdown {
  display: inline-block;
}
/*
.dropdown {
  position: relative;
  display: inline-block;
}
*/
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

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

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


.dropdown:hover .dropdown-content {
  display: block;
}

.desc {
  padding: 15px;
  text-align: center;
}

/* Style The Dropdown Button 
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
*/

/* not in original 
.dropdown:active .dropdown-content {
  display: block;
}
*/

table.outer 
{
  border: none; 
  background-color: #FFFFFF; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: small; 
  color: #333366
}

p.Blue 
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: ; 
  font-weight: bolder; 
  color: #095bb6
; text-align: center
}
p.bigBlue 
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: large; 
  font-weight: bolder; 
  color: #095bb6;
  text-align: center
}

p.leftBlue 
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: large; 
  font-weight: bolder; 
  color: #095bb6;
  text-align: left
}
  
p.theatre
{
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size: large; 
  font-weight: bolder; 
  color: #333366
; text-align: center
}


    
/* ---------------------------------------
   Form pages
   ---------------------------------------*/
.formlabel {
  clear: left;
  float: left;
  width: 150px;
  padding-right: 6px;
  text-align: right;
}

.forminfo {
  padding-left: 12px;
  text-align: left;
  color: #000000;
 }
 
 .plaintext 
{
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 2; 
 
  color: black; 
  text-align: left;
  background-color: #f6eee7;
}
.plaintext a {
  color: #095bb6;
  text-align: center;
  padding: 0;
  text-decoration: none;
  font-size: 2;
}


/* Change the color of links on hover */
.plaintext a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.plaintext a.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.plaintext .icon {
  display: none;
}


 
 .nav2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: 20px; font-weight: bold; color: #FFFFFF; background-color: #333366; clip:       rect(   ); background-image: none; background-repeat: repeat-y; background-position: right top; padding-left: 20px; padding-top: 20px}


.nav {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: 20px; font-weight: bold; color: #FFFFFF; background-color: #333366; clip:       rect(   ); background-image: none; background-repeat: repeat-y; background-position: right top; padding-left: 20px; width: 184px; padding-top: 20px}
.nav a:link {  color: #99ccff; text-decoration: none; clip:   rect(   )}
.nav a:visited { color: #FFFFFF; text-decoration: none }
.nav a:hover { color: #FFFFFF; text-decoration: underline}
.nav a:active { color: #FFFFFF; text-decoration: none }

.footer {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium; font-style: normal; font-weight: bold; color: #FFFFFF; background-color: #333366; text-align: center; padding-top: 10px; padding-bottom: 10px;  background-position: left top; background-repeat: no-repeat}

.footer a:link { color: #99ccff; text-decoration: underline; clip: rect( ) background-color: #ffffff; }
.footer a:visited { color: #FFFFFF; text-decoration: none; clip: rect( ) }
.footer a:hover { color: #FFFFFF; text-decoration: underline }
.footer a:active { color: #FFFFFF; text-decoration: none; clip: rect( ) }

/* .footer2 {  font-family: Arial, Helvetica, sans-serif; font-size: medium; font-style: normal; font-weight: bold; color: #FFFFFF; background-color: #333366; text-align: center; padding-top: 80px; padding-bottom: 20px; background-image: url(images/hdrGradient660.jpg); background-position: left top; background-repeat: no-repeat}*/

.main {  background-color: #f6eee7; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1; }

.centre {  text-align: center}
body {  background-color: #f6eee7}
.hdr1 {  font-weight: bold}