body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#2C2C2C; background-color:#C4FAFC;}

p, span, li, th, tf {color: #003568;}

td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #003568;}

ul, li {color:#05A2F7; text-decoration:none}

a {color:#339933; text-decoration:none; font-size: -1;}

a:hover {text-decoration:underline;}

h1, h2, h3{color:#2C2C2C;}

#footline{color:#2C2C2C;}

#content{padding:20px;}

.button{color:#05A2F7;}

.holder{margin:0 auto;}


 /* Dropdown Button */
.dropbtn {
  background-image: url(pics/maskelement11ab.png); 
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;
  color: #003568;
  padding: 7px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: left;
  background-color: #F1F1F1;
  min-width: 100px;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: center;
  left: 102px;
  top: 0px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #003568;
  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}