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

/* Colour Pallette
	Sage: #9BA17B

	Finch (one shade darker): #7C8162
	Siam (two shades darker): #63674E

	Green Spring (one shade lighter): #AFB495
	Beryl (two shades lighter): #BFC3AA
	Harp (three shades lighter): #CCCFBB
	Grey Nurse (four shades lighter): #D6D9C9
	Feta (five shades lighter): #DEE1D4

*/

/* set up the body */
body  {
	width: 100%;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #63674E;
}

.column_wrap {
	width: 90%;
	background-color: #63674E;
	text-align: center;
	margin-left: 5%;
	margin-top: 10px;
}

.column_inner {
	width: 80%;
	background-color: #7C8162;
	text-align: center;
	margin-left: 5%;
}
.head, .foot {
	background-color: #63674E;
}

.foot {
	padding-top: 10px;
	text-align: center;
	color: #fff;
}

.row {
}

.column {
    text-align: left;
}

.middle {
  width: 85%;
  background-color: #9BA17B;
  padding: 10px;
  margin-left: 6%;
}

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

h2 {
	color: #fff;
}
.individual {
	height: 315px;
	/* max-width: 900px; */
	min-width: 400px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	position: relative;
	}
	
.text_placecard_right {
	float: left;
	height: 300px;
	padding-left: 15px;
	margin-right: 10px;
	text-align: left;
	position: absolute;
	left: 225px;
	top: 7px;
	}

.text_placecard_left {
	float: right;
	height: 300px;
	padding-left: 15px;
	margin-right: 10px;
	text-align: left;
	position: absolute;
	right: 225px;
	top: 7px;
}
	
.image_placecard_left {
	float: left;
	width: 200px;
	height: 300px;
	background-color: #FFF;
	border-style: solid;
	border-width: 3px;
	border-color: #0C0;
}

.image_placecard_right {
	float: right;
	width: 200px;
	height: 300px;
	background-color: #FFF;
	border-style: solid;
	border-width: 3px;
	border-color: #0C0;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #63674E;
}

li {
    float: left;
}

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

li a:hover, .dropdown:hover .dropbtn {
    background-color: #AFB495;
	color: black;
}

li.dropdown {
    display: inline-block;
	float: right;
}

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

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

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

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

.sponsor {
	float: left;
	width: 130px;
	height: 200px;
	margin-left: 25%
	}
	
.sponsor-clear{
	content: "";
	clear: both;
	}