@charset "utf-8";

/* CSS Document */



	/*Strip the ul of padding and list styling*/

.menucenter ul {

	list-style-type:none;

	margin:0;

	padding:0;

	position: absolute;

	z-index:9999;

}



/*Create a horizontal list with spacing*/

.menucenter li {

	display:inline-block;

	float: left;

	margin-right: 1px;

	border-right:1px solid #FFF;

}



.menucenter li:first-child{ border-left:1px solid #FFF;}



/*Style for menu links*/

.menucenter li a {

	width:185px;

	display:block;

	min-width:140px;

	height: 50px;

	text-align: center;

	line-height: 50px;

	font-family:OpenSans-Bold;

	color: #fff;

/*	background: #2ca2c6;

*/	text-decoration: none;

}



/*Hover state for top level links*/

.menucenter li:hover a {

	background: #63F;

}



/*Style for dropdown links*/

.menucenter li:hover ul a {

	background: #f3f3f3;

	color: #2f3036;

	height: 40px;

	line-height: 40px;

}



/*Hover state for dropdown links*/

li:hover ul a:hover {

	background: #63F;

	color: #fff;

}



/*Hide dropdown links until they are needed*/

.menucenter li ul {

	display: none;
		

}



/*Make dropdown links vertical*/

.menucenter li ul li {

	display: block;

	float: none;

}



/*Prevent text wrapping*/

.menucenter li ul li a {

	width: auto;

	min-width: 100px;

	padding: 0px 20px; 

	text-align:left;
	
	


}



/*Display the dropdown on hover*/

.menucenter ul li a:hover + .hidden, .hidden:hover {

	display: block;

}



/*Style 'show menu' label button and hide it by default*/

.show-menu {

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	text-decoration: none;

	color: #fff;

	background: #19c589;

	text-align: center;

	padding: 10px 0;

	display: none;

}



/*Hide checkbox*/

input[type=checkbox]{

    display: none;

}



/*Show menu when invisible checkbox is checked*/

input[type=checkbox]:checked ~ #menu{

    display: block;

}




