@charset "UTF-8";

ul.MenuBarHorizontal {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
	/*background-color: #e3f2ae;*/
	text-decoration: none;
	color: #d73503;
	font-family: 'open_sanssemibold', 'Arial Black', Arial, sans-serif;
	font-size:.875em;
	
	
}

ul.MenuBarHorizontal li
{
	margin: 1em 0;
	padding: .75em;
	list-style-type: none;
	font-size: .875em;
	line-height: 1.5;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 7.75em;
	float: left;
	
}

 /* Dropdown Button */
.dropdown-content {
    display: none;
    position: absolute;
    top: 36px;
    left: -10px;
    text-align: left;
    background-color: #f7fcce;
    min-width: 15em;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    line-height: 2em;
    margin-left: .5em;
	font-size: .875em
}

.dropbtn {
	background-color:#f7fcce;
	border:none;
	color: #d73503;
	font-family: 'open_sanssemibold', 'Arial Black', Arial, sans-serif;
	font-size: .875em;
	line-height: 1;
	text-decoration: none;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: none;
	color: #fa2c03;
	
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	margin: 0;
	padding: 0;
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    top: 37px;
    left: -10px;
    text-align: left;
    background-color: #f7fcce;
    width: 155px;
    box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.1);
    line-height: 2;
    margin-left: .5em;
	padding: .5em
}
/* Links inside the dropdown */
.dropdown-content a {
    color: #F65012;
    padding: 0;
	margin:0;
    text-decoration: none;
    display: block;
}

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


/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}



@media screen and (min-width: 53em)  { 
ul.MenuBarHorizontal {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
	background-color: none;
	text-decoration: none;
	color: #d73503;
	font-family: 'open_sanssemibold', 'Arial Black', Arial, sans-serif;
	font-size:.875em;
	
	
}

ul.MenuBarHorizontal li
{
	margin: 1em 0;
	padding: .75em;
	list-style-type: none;
	font-size: .875em;
	line-height: 1.5;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 7.75em;
	float: left;
	
}



 /* Dropdown Button */
.dropdown-content {
    display: none;
    position: absolute;
    top: 36px;
    left: -10px;
    text-align: left;
    background-color: #ebf8bd;background-color: none;
    min-width: 9em;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    line-height: 2em;
    margin-left: .5em;
}

.dropbtn {
	background-color:#ebf8bd;
	background-color: none;
	border:none;
	color: #d73503;
	font-family: 'open_sanssemibold', 'Arial Black', Arial, sans-serif;
	font-size: .875em;
	line-height: 1;
	text-decoration: none;
	padding: 0;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: none;
	color: #fa2c03;
	
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	margin: 0;
	padding: 0;
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    top: 37px;
    left: -15px;
    text-align: left;
    background-color: #ebf8bd;
	background-color: none;
    width: 155px;
    box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.1);
    line-height: 2;
    margin-left: 0;
	padding: .5em .5em 1em 1.5em;
	
}
/* Links inside the dropdown */
.dropdown-content a {
    color: #F65012;
    padding: 0;
	margin:0;
    text-decoration: none;
    display: block;
}

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

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;
	}

}