/* The container <div> - needed to position the dropdown content */

/* Dropdown Button */
.dropbtn {
	-moz-box-sizing:border-box;box-sizing:border-box;
   	padding:0px 7px;
	margin:0px;
	height:100%;
    background-color: #1585d7;
    color: #FFF;
    cursor: pointer;
    border: none;
	border-style:none;
	display: inline-block;
 	font-family: Arial;
	font-size: 10pt;
	font-weight:bold;
	border-right:1px #CCCCCC dotted;
	float:left;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
   color: white;
   background-color: #372f2b;
}
.dropdown {
    position: relative;
    display: inline-block;
	width:320px;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
 	width:100%;
	top:36px;
    display: none;
    position: absolute;
    background-color: #372f2b;
 	font-family: Arial;
	font-size: 10pt;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    margin: 0px auto;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: white;
    padding: 9px 9px;
    text-decoration: none;
    display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #3399FF;color:#FFFFFF}

/* 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;}

hr.menu
{
	padding:0px;
	margin:0px 0px 2px 8px;
	border-top:0px dotted #606;
	color:#fff;
	height:1px;	
	width:90%;
	text-align:center;
}