/* body{font-family: Arial, Helvetica, sans-serif; margin-bottom: 60px;} */

	@font-face {
		font-family: BurstMyBubble;
		src: url('../fonts/BurstMyBubble.ttf');
	}

ul, li{margin:0; border:0; padding:0; list-style:none;}

	#middlebar{
		z-index: 999;
		text-transform: uppercase;
		font-family: "Ingrata", "BurstMyBubble";
		font-size: 18px;
		font-weight: 900;
		margin-top: 0px;
		display: inline;
		float: right;
		}
	#middlebar .menu{
		float: right;
		margin-top: 5px;
		width: 700px;
		display: inline;
		}
	#middlebar .menu li {
		float: right;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 2px;
		display: inline;
	}
	#middlebar .menu li a{
		display: inline;
		color:#3b5d14;
		text-decoration: none;
		#line-height:30px;
		padding: 5px;
		#background-color: #999999;
		border: 1px solid #ccc;
		font-size: 18px;
		font-weight: 900;
	}
	#middlebar .menu li a:hover{
		color:#666666;
	}
	#home_button{
		background-color: #8B6914;
	}
	#structures_button{
		background-color: #1E90FF;
	}
	#matches_button{
		background-color: #4884AE;
	}
	#organize_button{
		background-color: #90EE90;
	}
	#boards_button{
		background-color: #A52A2A;
	}
	#profile_button{
		background-color: #FFA500;
	}
	#logout_button{
		background-color: #FF0000;
	}
	#middlebar ul .submenu_1 {
		border:solid 1px #c9dea1;
		border-top:none;
		background:#FFFFFF;
		position: relative;
		top: 1px;
		width:150px;
		padding:6px 0;
		clear:both;
		z-index:2;
		display:none;
		float: left;
		margin-left: 110px;
		text-transform: uppercase;
		font-family: "arial";
	}
	#middlebar ul .submenu_1 li{
		background:none;
		display:block;
		float:none;
		margin:0 6px;
		border:0;
		height:auto;
		line-height:normal;
		border-top:solid 1px #DEDEDE;
	}
	#middlebar ul .submenu_1 li a{
		background:none;
		display:block;
		float:none;
		padding:6px 6px;
		margin:0;
		border:0;
		height:auto;
		color:#105cbe;
		line-height:normal;
	}
	#middlebar ul .submenu_1 li a:hover{
		background:#e3edef;
	}

