* {box-sizing: border-box;}

body {background-color:Black; font-family:Helvetica, sans-serif; font-size:20px; padding: 50px;}
#wrap {background-color:Black; margin:0 auto; width:800px; max-width:800px;}

h1 {color: white; font-family:Veranda, sans-serif; font-size:3em;}
h2 {color: #a21150; font-family:Helvetica, sans-serif; font-size:2.4em;text-decoration:none;}
h3 {color: black; font-family:Helvetica, sans-serif; font-size:2em;}	

p {color: #21282C; padding: 5px}
a {color: #347C98;}
a:hover {color: #7ab9d1;}

.main {width: 100%;
	background-color: #E2E7E9;
	padding: 20px;}

table { border: 3px solid black;
	border-collapse: collapse;}

th, td {border: 1px solid black;
	padding: 5px;}

.topnav {overflow:hidden; background-color: #333; font-size:1.2em;list-style-type:none;margin:0;padding:0;z-index:1}
.topnav a {float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none;}
.topnav a:hover {background-color: #808080; color: #7ab9d1}
.topnav a.active {background-color: #E2E7E9; color: #C53151; font-weight: bold;}

ul {overflow:hidden; background-color: #333; font-size:1.4em;list-style-type:none;margin:0;padding:0;}

li {float: left;}
li a, .dropbtn {display: inline-block; background-color: #333; padding: 12px 16px;text-align:center;}
li a:hover, .dropdown:hover .dropbtn {background-color: #808080;}
li.dropdown {display: inline-block; position:relative}

.dropdown-content {display: none; position: absolute; background-color: #333;z-index:1; float:none;}  
.dropdown-content a {color: white; padding: 12px 16px; display: block; text-align:left; float:none; }
.dropdown-content a:hover {background-color: #808080;}

.dropdown:hover .dropdown-content {display: block;top:50%;z-index:9999}


/*
Dark Background
pink: #a21150 / dark blue: #347C98 / lighter dark blue: #7ab9d1
*/