/* mobile first styles */

	#hamburger	{
		display:block;
		height:40px;
		background:left 10px center no-repeat url(/userfiles/design/hamburger.png);
		background-size:contain;
	}
	#main-menu {
		text-align:left;
	}
	#main-menu #donate_menu_button,
	#main-menu #tickets_menu_button, 
	#main-menu #join_menu_button {
		display:block;
		position:absolute;
		top:3px;
		padding:5px;
		color:#ffffff;
		background:#0A125A;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	#main-menu #donate_menu_button {
		right: 5px;
	}
	#main-menu #tickets_menu_button {
		right: 80px;
	}
	#main-menu #join_menu_button {
		right: 160px;
	}
	
	#main-menu ul {
		display:none;
		position:relative;
	}
	#main-menu #m1>a {
		border-top:1px solid #555;
	}
	#main-menu ul li.has-children span {
		position:absolute;
		right:0;
		top:0;
		bottom:0;
		border-left:1px solid #555;
		padding:8px 10px 0 10px;
		font-size:20px;
	}
	#main-menu ul a {
		display:block;
		padding:8px;
		color:#6f6969;
		font-size:24px;
		text-decoration:none;
		border-bottom:1px solid #555;
		position:relative;
	}
	#main-menu ul li.has-children span.opened {
		color:red;
	}
	#main-menu ul ul {
		display:none;
	}
	#main-menu ul ul a {
		font-size:20px;
		padding-left:24px;
	}
	#main-menu ul ul ul a {
		font-size:18px;
		padding-left:40px;
	}






/* desktop styles */
@media(min-width: 1050px) {


	#hamburger {
		display:none;
	}

	#main-menu {
		position:relative;
	}

	#main-menu #donate_menu_button {
		top:6px;
		right:0;
		padding:5px 10px;
		border:2px solid #0A125A;
	}
		#main-menu #donate_menu_button:hover {
			border:2px solid #ffffff;
			text-decoration:none;
		}

	#main-menu #tickets_menu_button {
		top:6px;
		right:100px;
		padding:5px 10px;
		border:2px solid #0A125A;
	}
		#main-menu #tickets_menu_button:hover {
			border:2px solid #ffffff;
			text-decoration:none;
		}

	#main-menu #join_menu_button {
		top:6px;
		right:200px;
		padding:5px 10px;
		border:2px solid #0A125A;
	}
		#main-menu #join_menu_button:hover {
			border:2px solid #ffffff;
			text-decoration:none;
		}


	#main-menu ul {
		display:block;
		margin:0 auto;
	}
	#main-menu #m1>a {
		border:0;
	}
	#main-menu ul li.has-children span {
		margin-left:3px;
		position:relative;
		border:0;
		padding:0;
		font-size:14px;
	}
	#main-menu ul a {
		padding:13px 9px 13px 9px;
		font-weight:400;
		font-size:15px;
		border:0;
	}
	#main-menu ul li {
		position:relative;
		float:left;
	}
	#main-menu ul li.on {

	}

	#main-menu ul ul {
		position:absolute;
		top:50px;
		left:0;
		z-index:99;
		background:#FFE4B5;
	}
	#main-menu ul ul li {
		float:none;
		width:240px;
	}
	#main-menu ul ul a {
		font-size:15px;
		padding:6px 20px;
	}
	#main-menu ul ul li.has-children > span {
		margin-left:3px;
	}
	#main-menu ul ul li:last-child {
		-webkit-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
	}
	#main-menu ul ul li:nth-child(even) {
	}
	#main-menu ul ul li:nth-child(odd) {

	}
	#main-menu ul ul ul {
		top:0;
		left:100%;
	}
	#main-menu ul ul ul li:first-child {
			-webkit-border-radius: 10px 10px 0 0;
			border-radius: 10px 10px 0 0;
	}
	#main-menu ul ul ul li:last-child {
			-webkit-border-radius: 0 0 10px 10px;
			border-radius: 0 0 10px 10px;
	}
	#main-menu ul ul ul a {
		font-size:15px;
		padding:6px 20px;
	}


	#main-menu ul li:hover > ul {
		display:block;
	}

}