#menubar ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;

}

/*Create a horizontal list with spacing*/
#menubar li {
	display:inline-block;
	float: left;
	margin-right: 0px;
	padding-top:10px;
	padding-right: 25px;
	/*font-family: 'proxima_novasemibold';*/
	font-size:16px;
	font-family: "Times New Roman", Georgia, Serif;
}

/*Style for menu links*/
#menubar li a {
	padding:10px 11px;
	font-weight:bold;
	color:#0F3061;
	text-decoration: none;
}

/*Hover state for top level links*/
#menubar li:hover a {
	background: #9CB8EC;
	position:relative;
	color:#3340DA;
}

/*Style for dropdown links*/
#menubar li:hover ul a {
	background: none;
	color: #6666;
}

/*Hover state for dropdown links*/
#menubar li:hover ul a:hover {
	background: #9CB8EC;
	color: #3340DA;
	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	
}

/*Hide dropdown links until they are needed*/
#menubar li ul {
    display: none;
    margin-top: 10px;
    background-color: #DBE0EF;
    position: absolute;
    padding: 5px 0px 5px 0px;
}


/*Make dropdown links vertical*/
#menubar li ul li {
	display: block;
}

/*Prevent text wrapping*/
#menubar li ul li a {
	font-family: 'proxima_novalight';
	padding:5px 1px;
	margin:0 5px 0 0;
	font-size:15px;
}

/*Display the dropdown on hover*/
#menubar ul li a:hover + .hidden,#menubar .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
 .show-menu {
	text-decoration: none;
	color: #fff;
	background: #000;
	text-align: center;
	padding: 5px;
	display: none;
}

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

/*Show menu when invisible checkbox is checked*/
#menubar input[type=checkbox]:checked + #menu{
    display: block;
	width:100%;
}


/*Responsive Styles*/

@media screen and (max-width : 767px){
	
	/*Make dropdown links appear inline*/
	#menubar ul {
		position: absolute;
		display: none;
		height:auto;
		z-index:999999999;
	}
	#menubar li ul {
	display: none;
	position:static;
	padding:0;
	
}
	/*Create vertical spacing*/
	#menubar li {
		margin: 0;
		padding:0;
		border-bottom:none;
		width:100%;
	}
	#menubar li a {
	display:block;
	background:#333;
	color:#fff;
	border-bottom:solid 1px #c5c5c5;
	
	}
	#menubar li:hover a {
	background:#9CB8EC;
	color:#fff;
}
	/*Make all menu links full width*/
	#menubar ul li, #menubar li a {
		display:block;
	}
	#menubar li:hover ul a {
	background: #21b3ea;
	color: #fff;
}
	#menubar li ul li a {
	margin:0;
	padding:5px;
}
#menubar li:hover ul a:hover {
	background-color:#9CB8EC;	
	border-radius:0;
	text-decoration:underline;
}

	/*Display 'show menu' link*/
.show-menu {
		display:block;
		text-align:left;
		cursor:pointer;
		
	}
}