body { 
font-family: Verdana; 
font-size: 12px; 
color: #000000; 
font-weight: bold; 
text-align: center; 
background-color: #FFFFFF; 
margin: 0;
}
#top {
/*    position: sticky; */
    margin-top: 0px;
/*    height: 16%; */
    background-color: #FFF;
    overflow:visible; 
}    
#main {
    position: relative;
    height: 70%;
}    
#container {
    position: relative;
    vertical-align: middle;}    
#popup {
	position:fixed;
	background: #D7E1FF;
    display: none;
	top:    10%;
	left:   40%;
	height: 600px;
	width:  425px; 
	border:  thin;
	border-color: #000000;
	border-style: double;
	text-align:center;
	overflow:auto; 
	z-index:4;
	}
#subwin {
	position:fixed;
    display: block;
	background: #000000;
    font-family: Verdana; 
    font-size: 8px; 
    font-weight:bold;
    color:#FFFFFF; 
	top:    10%;
	left:   10%;
	height: 80%;
	width:  80%; 
	border:  thin;
	border-color: #000000;
	border-style: double;
	text-align:center;
	overflow:hidden; 
	z-index:4;
	}
ul {
/*    float: center; */
    list-style-type: none;
    margin: 0px 3%;
    padding: 0;
    position: relative;
    overflow: visible;
/*    background-color: #000; */
    text-align: center;
}
li.holist    { 
    display: inline-block;  
    padding: 0 3% 0 3%;
    float: left;
    text-align: left;
    vertical-align: top;
}

li { float: middle; }

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn { background-color: red; }

li.dropdown { display: inline-block; z-index: 98;}

.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: 98;
}

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

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

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

A 		{  
font-family: "Verdana"; 
font-size: 12px; 
font-weight: bold; 
color: #FF00FF; 
text-decoration: none;
}
A:hover		{  
font-family: "Verdana"; 
font-size: 12px; 
font-weight: bold; 
color: #00FFFF; 
text-decoration: none
}
td	   	{ 
font-family: Verdana; 
font-size: 12px; 
color: #000000; 
font-weight: bold; 
}
font         { 
font-family: Verdana; 
font-size: 12px; 
color: #000000; 
font-weight: bold 
}
h1           { 
font-size: 20px; 
color: #000000; 
font-family: Verdana; 
font-weight: bold 
}
h2           { 
font-size: 16px; 
color: #000000; 
font-family: Verdana; 
font-weight: bold 
}
h3				{  
font-size: 12px; 
font-weight: bold; 
color: #000000; 
text-decoration: none;
}
h4				{
font-size: 20px; 
font-weight: bold; 
color: #000000; 
}
h5				{
font-family: "Verdana"; 
font-size: 12px; 
font-weight: bold; 
color: #000000; 
}
h6           { 
font-family: Verdana; 
font-size: 10px; 
color: #000000 
}
hr           { 
color: #000000;
}