/* Body Behavior */
body{
	margin: 0; 
	padding: 0;
	font-family: arial; 
/*	font-family: Baskerville, "Times New Roman", Times, serif; */
/*	font-size: 16px  */
}

* {
  box-sizing: border-box;
}

h1 {
  color: rgb(78,111,136); 
}

h2 {
  color: rgb(78,111,136); 
}

h3 {
  color: rgb(78,111,136); 
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
  color: grey;
}

.left {
	padding-left: 20px;
	width: 65%;
}

.right {
	padding-right: 20px;
	width: 35%;
}


.left-small {
	padding-left: 20px;
	width: 45%;
}

.right-big {
	padding-right: 20px;
	width: 55%;
}

.three-left {
	padding-left: 20px;
	width: 42%;
}

.three-center {
	padding-left: 20px;
	width: 29%;
}

.three-right {
	padding-left: 20px;
	padding-right: 20px;
	width: 29%;
}

.right p a {
	/*font-weight: bold;*/
	color: lightcoral;}

.right p a:hover {
	font-weight: bold;
	color: red;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

/* Link Behavior */

a:link {
	text-decoration: none;
	/*color: rgb(10,33,219);*/
	/*color: rgb(78,111,136); */
	/*color: rgb(64,224,208); */}
	
a:visited {
	text-decoration: none;
	color: rgb(78,111,136);
	}

a:hover {
	color: red;}
	
/* Banner */
div#banner
{
	margin: 0; 
	padding: 0;
}
	
/* Nav Bar*/
.topnav{
  	overflow: hidden;
  	background-color: white;
  	}

.topnav ul {
/*	float: right; */
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: ;
}

.topnav li {
	 display: block;
	 color: blue;
	/*  color: rgb(78,111,136); */
	 text-align: center;
	 padding: 8px 10px;
	 text-decoration: none;
}

.topnav li a {
  display: block;
  color: rgb(78,111,136); 
 /*  color: blue; */
  text-align: left;
  padding: 8px 10px;
  text-decoration: none;
}

.topnav li a:hover {
 font-weight: bold;
 color: rgb(10,33,219)
}


/* Text over image */

/* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Hanging Indent */
.hang {
text-indent: -4em;
margin-left: 6em;
}
/*Drop down stuff*/

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 0px 0px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  /*background-color: #f9f9f9;*/
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  color: rgb(78,111,136); 
}

.dropdown-content a:hover {
	color: blue;
	font-weight: bold;
  /*background-color: #ddd;*/
}

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