@charset "utf-8";
 
 
 /* this controls the dropdown menu visible on mobile devices */
 .mobile-menu {	
     position: absolute; 				/* updated: June 27 - should mstch what's on-line */
     left: 20px;						/* controls the horizontal position */
	 top: 0px;							/* controls the vertical position */
     z-index: 1000;
     display: none;
	 width: 90%;						/* Jen updated: June 27 - should match what's on-line */
	 margin: 0 5%;						/* Jen updated: June 27 - should match what's on-line */
     min-width: 200px;
     padding: 15px 10px 15px 0px;
     background-color: rgba(19, 15, 7, .4); /* using RGBA in order to adjust opacity on parent and child levels separately */
     border: 1px solid #ccc;
     border-radius: 1px;
     -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .6);
             box-shadow: 0 6px 12px rgba(0, 0, 0, .6);		 	
 }
 /* List formatting */
 .mobile-menu li  {
	background-color: rgba(103,72,50,.8);
	margin: 10px 0px 0px 10px;
	padding:10px 0px 0px 10px;;
	min-width: 200px;
	height:40px;
	text-align: center;
	border-radius: 2px;
	list-style: none;	
 }
 .mobile-menu li:hover {
 	background-color: rgba(0,0,0,.8);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .5);
 }
 .mobile-menu li a {
	 color:white;
	 background-color:transparent;
 	font-size: 14px;
 	font-family:sans-serif,arial;
 }
 
 /* Responsive mode - makes dropdown menu invisible on desktops */
 @media screen and (min-width:1250px) {
	 .mobile-menu {
		 display:none;
	 }
 }
 /*   */
 .show {display:block;}
 
 /* controls the menu buttons */
 .dropdown {
     position: relative;
	 width:90%;
     display: inline-block;
 }