#wrapper {
	 width:100%; margin: 0px auto; background-color:#FFFFFF;
}


#topbanner {	background-color:#ffffff; padding:0px 0px 0px 0px; width:100%; height:150px;background-position:center;
				background-size: cover ; margin: 0px ;overflow:hidden;

background-image:url('../images/pictures/Image---Jumbotron-BW-no-logo.jpg');
 
}
#topbanner h1 {
	color: #ffffff; text-align:center; padding: 20px 0px 0px 0px ; 

}
.button2 {
  background-color:#770000; 
  border: none;
  color: white;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline;
  font-size: 16px;
  border-radius:6px;
  display: block;
  margin: 20px 20px 20px 0px;
  float:left

}



#topnav {
	 clear:both; text-align:center;height:40px;background-color:#ffffff; margin: 10px 0px; width: 100%;
}
#topnav ul {width:100%; float:left; margin:0px; background-color:#aaaaaa;
			border-bottom:3px #000000 solid;}

#topnav ul li {display:inline; color:#ffffff}

#topnav a:link {  color:#ffffff; }
#topnav a:visited {  color:#ffffff; }
#topnav a:active {  color:#ffffff; }
#topnav a:hover {  color:#ffffff; background-color:#770000; }
#topnav a:focus {  color:#ffffff; }

.button1 {
  background-color:#FFFF00; 
  border: none;
  color: white;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius:6px;
  display: block;
  margin: 20px 20px 20px 0px;

}

#leftnav {
	float:left; width:180px; height:600px; margin: 20px 0px ;padding: 10px 10px; background-color:#000000;color:#ffffff
}
#leftnav a {
	background-color: #CC3300; background-position:center;color:white
}
#leftnav h2 {
	 color:white; text-align: center;
}

#leftnav img {
	display:block ; margin-left:auto ; margin-right:auto;
}

#content {
	width:750px; padding:10px 10px; margin:20px 0px 20px 200px;
}
#content h1 {
	color:black; text-align:center;
}
#footer {
	width:100%; padding:5px 0px; text-align:center; bottom:auto; background-color:#999999; clear:both;

}

#content table, th, td {
  border: 2px solid black;
  border-collapse: collapse;
  width:350px;
}
th, td {
  padding: 5px;
  text-align: center;
}





/* Dropdown Button */
.dropbtn {
  background-color: #770000;
  color: white;
  padding: 16px;
  font-size: 16px;
  border-radius:6px;
  border: none;
  margin-top:10px;
  
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  text-align:center;
  display: inline-block;
  margin-left:30px;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:20px;
  width:50%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #770000;
  min-width: 80px;
  height:auto;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin: 0px 0px 0px 10px ;
  
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 10px 10px;
  text-decoration: none;
  display: block;
}

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

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

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #ff3300;}