<style>

.nav {
  list-style: none;
  font-weight: bold;
  margin-bottom: 10px;
  /* float: left; Clear floats */
  width: 100%;
  position: relative;
  z-index: 999999;
}

.nav li {
  float: left;
  margin-right: 10px;
  position: relative;
}
.nav a {
  display: block;
  padding: 5px;
  color: #fff;
  background-color: #6A7F10;
  text-decoration: none;
}

.nav a:hover {
  color: #fff;
  background-color: #6A7F10;
  text-decoration: underline;
}

/*--- DROPDOWN ---*/
.nav ul {
  background-color: #6A7F10; 
  list-style: none;
  position: absolute;
  display: none;
  left: -9999px;
/* Hide off-screen when not needed (this is more accessible than display: none;) */
}

.nav ul li {
 z-index: 999999;
  padding-top: 1px; 
/* Introducing a padding between the li and the a give the illusion spaced items */
  float: none;
}
.nav ul a {
  white-space: nowrap; 
/* Stop text wrapping and creating multi-line dropdown items */
}

.nav li:hover ul { /* Display the dropdown on hover */
  left: 0;
  /* Bring back on-screen when needed */
}

.nav li:hover a { 
/* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */  
  background-color: #6A7F10;
  text-decoration: underline;
}

.nav li:hover ul a { 
/* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  text-decoration: none;
}

.nav li:hover ul li a:hover { 
/* Here we define the most explicit hover states--what happens when you hover each individual link. */
  background-color: #6A7F10;
}

.searchbox {
  width: 300px;
  height: 25px;
  border-style: solid;
  border-width: 5px;
  color:#006080;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 1000px;
  height: auto;
  background-color: white;
  color: black;
 
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.button1 {
  background-color: #e7e7e7;
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.button1:hover {
  color: #6A7F10;
}

/* Dropdown Button */
.dropbtn {
  background-color: #6A7F10;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
z-index: 99999;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  z-index: 99999;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #6A7F10;
  min-width: 50px;
  z-index: 99999;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  z-index: 99999;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #6A7F10;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
  z-index: 99999;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #6A7F10;
  text-decoration: underline;
  z-index: 99999;
}

ul.list {
  width: 1100px;  
}

/*ul.list li{/
/*  display:inline-block;/
/*  width: 525px;/
/*}

#top-header {
background-color: #3d6fa3;
padding: 3px 10px;
margin-bottom: 20px;
text-align: right;
}
#top-header .container {
margin-right: 3%;
}
#top-header a {
color: #ffffff;
text-decoration: none;
}
#top-header .container .phone {
font-size: 24px;
padding-left: 12px;
font-weight: bold;
}
.navbarmem {
background-color: #6A7F10;
height: 52px;
margin-bottom: 12px;
align-items: center;
text-align: center;
}
#middle-header {
height: 100px;
}
#middle-header #logo {
margin-left: 3%;
}
#middle-header #logo img {
width: 245px;
height: 69px;
}
#middle-header #buttons {
float: right;
margin-right: 3%;
margin-top: 2%;
}
#middle-header .button1 {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #777777;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}
#middle-header .button1:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
    background-color: #dfdfdf;
}
.dropbtn {
padding: 16px 8px;
}
.WaPlaceHolderContent>div {
    padding: 0 !important;
}
.WaPlaceHolder {
    max-width: 2400px;
}
.zonePlace {
    padding: 0 !important;
}
.WaLayoutContainerLast {
    margin-bottom: 0;
    max-width: 1200px;
    margin: 0 auto;
        margin-bottom: 0px;
    padding: 0 20%;
}
.WaLayoutContainer, .WaGadget {
    clear: both;
    position: relative;
    margin: 0 auto 20px;
    padding: 0 5%;
    max-width: 1200px;
}*/

/*Strip the ul of padding and list styling*/
.show-mobile ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
.show-mobile li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
.show-mobile li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background: #86a20b;
	text-decoration: none;
}

/*Hover state for top level links*/
.show-mobile li:hover a {
	background: #2f3036;
}

/*Style for dropdown links*/
.show-mobile li:hover ul a {
	background: #546508;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
.show-mobile li:hover ul a:hover {
	background: #2f3036;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
.show-mobile li ul {
	display: none;
}

/*Make dropdown links vertical*/
.show-mobile li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.show-mobile li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
.show-mobile ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #3d6fa3;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
/*input[type=checkbox]{/
/*    display: none;/
/*    -webkit-appearance: none;/
/*}/

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
.show-mobile {
	display: none;
	}
#camera_wrap_6yrkuvK::before {
    content: "Our Sponsors";
    font-size: 12px;
    font-weight: bold;
    font-family: open sans, arial, helvetica;
    color: #6a7f10;
}
.camera_wrap {
    background: none;
}
#id_QyPjxp4.WaLayoutContainer {
    padding: 0;
}
.searchbox {
    width: 220px;
    height: 25px;
    border-style: solid;
    border-width: 1px;
    color: #3d6fa3;
}
.WaGadgetFirst {
    overflow: visible !important;
    padding-bottom: 24px;
}
.memberlogin .button1 {
    width: 100%;
    padding: 5px 0px;
}
.memberlogin .button1:hover {
    color: #ffffff;
    background-color: #3d6fa3;
}
.zonePlace.zoneWAbranding {
margin: -122px 0 0;
padding: 100px 0 0 !important;
background-color: white;
}
.WaGadgetLast {
    margin-bottom: 200px;
}
h2, h4 {
    color: #3d6fa3;
}
h3 {
    color: #6A7F10;
}
u {
    text-decoration: none;
}

/*Responsive Styles*/

@media screen and (max-width : 980px){
	/*Make dropdown links appear inline*/
	.show-mobile ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.show-mobile li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	.show-mobile ul li, li a {
		width: 100%;
	}
	.show-mobile .button1 {
		padding: 0px;
	}
	/*Display 'show menu' link*/
	.show-menu, .show-mobile {
		display:block;
	}
	#top-header, #buttons, .navbarmem .dropdown {
		display: none;
	}
	#middle-header #logo {
    		margin: 5px auto;
    		text-align: center;
    		max-width: 200px;
	}
	#middle-header {
    		height: 90px;
	}
	.navbarmem {
    		height: 20px;
	}
	.WaLayoutContainerLast {
    		padding: 0 7%;
	}
}

.WaGadgetAuthorizationRequired .openAuthFormContainer {
display: none !important;
} 
</style>