@charset "utf-8";
/* CSS Document */


body {
	background-color: white;
	link=#ffffff
	vlink=#ffffff
	alink=#ffffff
}

p {
  	color: black;
	font-family: "Calibri";
	font-size:larger;
  	text-shadow: 1px 1px 2px black, 0 0 5px white, 0 0 5px white;

}

h1 {
  	color: black;
	font-family: "Calibri";
	font-size:largest;
  	text-shadow: 1px 1px 2px black, 0 0 5px white, 0 0 5px white;
}

li {
	color:black;
	font-family:"calibri";
	font-size:large;
	text-shadow: 1px 1px 2px black, 0 0 1px white, 0 0 1px white;
}

ul {
	text-align:left;
}

a:link {
	color: black;
	background-color: white;
	text-decoration: underline;
}
a:visited {
	color: black;
	background-color: transparent;
}
a:hover {
	color: blue;
	background-color: transparent;
}
a:active {
	color: black;
	background-color: transparent:
}

table tr{
	color: #FFFFFF;
	font-family: "Calibri";
	font-size: large;
  	text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 5px white;
}

table th, td{
	text-align:left;
	color: #FFFFFF;
	font-family: "Calibri";
	font-size: larger;
  	text-shadow: 1px 1px 2px blue, 0 0 1px white, 0 0 5px white;
}


 /* The navigation bar */
 
.topnav {
  overflow: hidden;
  background-color: #black;
  position:fixed; /* Set the topnav to fixed position */
  top: 0; /* Position the topnav at the top of the page */
  width: 100%; /* Full width */
}

/* Links inside the topnav */
.topnav a {
  float: right;
  display: block;
  color: white;
  text-align: center;
  padding: 2px 2px;
  text-decoration: none;
}

/* Change background on mouse-over */
.topnav a:hover {
  background: blue;
  color: black;
}

.topnav a.split {
  float: left;
  background-color: black;
  color: white;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 700px) {
  .topnav a:not(:last-child) {display: none;}
  .topnav a.icon {
    float: left;
    display:block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position:relative}
  .topnav.responsive a.icon {
  	position:absolute;
	right: 0;
	top: 0;
	}
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	}
}

/* Toggle between adding and removing the "responsive" class to the topnav when the user clicks on the icon */
function myFunction() {
  var x = document.getElementById("myTopnav");
  if (x.className === "topnav") {
    x.className += " responsive";
  } else {
    x.className = "topnav";
  }
}

/* Style the header with a grey background and some padding */
.header {
  overflow: hidden;
  background-color: #black;
  padding: 2px 2px;
}

/* Style the header links */
.header a {
  float: left;
  color: black;
  text-align: center;
  padding: 2px;
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
  border-radius: 4px;
}

/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */
.header a.logo {
  font-size: 25px;
  font-weight: bold;
}

/* Change the background color on mouse-over */
.header a:hover {
  background-color: black;
  color: black;
}

/* Style the active/current link*/
.header a.active {
  background-color: dodgerblue;
  color: white;
}

/* Float the link section to the right */
.header-right {
  float: right;
}

/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: center;
  }
  .header-right {
    float: none;
  }
}
/* Main content */
.main {
  margin-top: 30px; /* Add a top margin to avoid content overlay */
} 

/* Reset */
*{margin:0;padding:0;}

body{
  min-width:900px;
}