/*
	* derived from https://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_navbar (with thanks) *
*/

.top_strip_links li 
{
    float: left;
	
}

.top_strip_links li a,
.dropbtn 
{
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px;
	text-decoration: none;
	font-weight: bold;
	
}

.top_strip_links li a:hover,
.dropdown:hover .dropbtn 
{
    background-color: #BBDB88;	/* a greenish colour */
	border: 1px solid white;
	
}

.top_strip_links li.dropdown 
{	/* li's of the dropdown class within class top_strip_links*/
    display: inline-block;
	
}

.dropdown-content 
{
    display: none;
    position: absolute;
	top: 40.0px;	/* added this */
	background-color: white;
    min-width: 150px;
    z-index: 1;
}

.dropdown-content a 
{	/* descendant selector  - all a's (links) within elements of class dropdown-content */
    color: black;
    padding: 14px;
    text-decoration: none;
    display: block;	/* vertically rather than horizontally aligned */
    text-align: left;
	
}

.dropdown-content a:hover 
{
	background-color: #BBDB88;	/* a greenish colour */
}

.dropdown:hover .dropdown-content 
{
    display: block;	/* vertically rather than horizontally aligned */
}