@charset "utf-8";
/* CSS Document */
.menu {
  
	height: 3em;
	bottom: 0px;
	text-align: right;
	margin: 0 auto;
	 border-bottom: 0px;
/*    background-color: #004494;*/
	background-color:#ccc;
	border-top:1px solid #ccc;
    width: 100%;
    position: relative;
	line-height:1em;
}

a.current {
        color: #036;
    }
a:visited{
	color:#06f;
}

.clear{clear:both}
.topnav {
  overflow: hidden;
  /*    background-color: #004494;*/
	background-color:#ccc;
	border-top:1px solid #ccc;
	text-align: right;
	float:right;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
	color: #06F;
	font-weight:bold;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1.5em;
}



.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.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 {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
 color: #333;
	text-decoration: underline;
}

.dropdown-content a:hover {
  color: #333;
	text-decoration: underline;
}

.dropdown:hover .dropdown-content {
  display: block;
	
	}
.topnav .Mactive, .dropdown .Mactive {
  
  color:#036;
}
#search{
	width: 20%;
	margin-left:5%;
	margin-top:10px;
	height:25px;
	text-align: left;
	float:left;
}
#search p, #search form{
	display: inline;
}

/* Tablet Layout: 581px to 768px. Inherits styles from: Mobile Layout. *********************************************************************/
@media only screen and (min-width: 481px) {
#search{
		width: 50%;
		
	}
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. *******************************************/


@media only screen and (min-width: 1200px) {
	#search{
		width: 30%;
		
	}
}

/* Mobile Layout *************************************************************************************/
@media screen and (max-width: 1200px) {
	.menu {
  
	height: auto;
	}
	.topnav{
		width: 100%;
	}
  .topnav a/*:not(:first-child)*/, .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
	
  .topnav.responsive {position: relative; width: 100%; text-align: left; padding-top:3em;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	  text-align: center;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none; width: 100%; text-align: right;}
  .topnav.responsive .dropdown-content {position: relative;  text-align: right;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: right;
	  clear:none;
  }
	.topnav a.menuright {
		text-align: right;
		
		
	}
}