#menu_box {
	z-index:100;
	width:100%;
	position: absolute;
	top: 10px;
	background-color:#ffffff;

}


/*Strip the ul of padding and list styling*/
#menu_box ul {
	list-style-type:none;
	margin:0;
	padding:0 3px 0 3px;
	position: absolute;
	left: -50px;
	z-index:1000;
}

/*Create a horizontal list with spacing*/
#menu_box li {
	display:inline-block;
	float: left;
}

/*Style for menu links*/
#menu_box li a {
	display:block;
	min-width:114px; /* sets main menu items width */
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #6e2c00;
	background: white;
	text-decoration: none;
}

/*Hover state for top level links*/
#menu_box li:hover a {
	border: 2px solid #007390;
	border-radius: 7px;
	//background: #e0e7e9;
	color:#007390;
}

/*Style for dropdown links*/
#menu_box li:hover ul a {
	//background: #e0e7e9;
	color: #6e2c00;
	height: 40px;
	line-height: 40px;
	text-align:center;
}

/*Hover state for dropdown links*/
#menu_box li:hover ul a:hover {
	background: #ffffff;
	color: #6e2c00;  /* font color */
}

/*Hide dropdown links until they are needed*/
#menu_box li ul {
	display: none;
}

/*Make dropdown links vertical*/
#menu_box li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#menu_box li ul li a {
	width: 100%;
	min-width: 90px;
	padding: 5px;
}

/*Display the dropdown on hover*/
#menu_box ul li a:hover + .hidden,#menu_box  .hidden:hover {
	display: block;
	max-width:200px;
	text-align:center;
	margin: auto;   /*CENTERS SUB-MENU HORIZONTALLY*/
	left: 100px;
}



/*Style 'show menu' label button and hide it by default*/
#menu_box .show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #823700;
	background: #ffffff;  /*mobile display bg color*/
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
#menu_box input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
#menu_box input[type=checkbox]:checked ~ #menu{
    display: block;
}



/*  RESPONSIVE MENU STUFF */
@media only screen and (max-width: 725px) {
	#menu_box {
		//border: 1px red solid;
		width: 98% !important;
		}
	/*Make dropdown links appear inline*/
	#menu_box ul {
		position: static;
		display: none;
		}
	/*Create vertical spacing*/
	#menu_box li {
		margin-bottom: 0;
		border-bottom: 1px solid #20351f;
		}
	/*Make all menu links full width*/
	#menu_box ul li, li a {
		width: 100%;
		}
	/*Display 'show menu' link*/
	#menu_box .show-menu {
		display:block;
		}
	#head_pic  {
		width: 100%;
 		max-width: 300px !important; 
 		float: left;
	}
	
}










