/* CSS Document */



/*Responsive Styles*/

@media screen and (max-width:768px){




#navWrapper {
	/* [disabled]height: auto; */

}
/*Make dropdown links appear inline*/
	#navVertical  {
	display: none;
	}
/*Create vertical spacing*/
	#nav li {
	/* [disabled]margin-bottom: 1px; */
	width: 100%;
	border-top: 1px solid #CCC;
	background-color: #FFF;
	}
/*Make all menu links full width*/
	#nav ul      {
	width: 100%;
	padding-bottom: 0px;
	background-color: #FFF;
	}
/*Make all menu links full width*/
	#nav ul li     {
	/* [disabled]width: 100%; */
	background-color: #FFF;
	}
#nav li ul a   {
	/* [disabled]padding-top: 8px; */
	/* [disabled]padding-bottom: 8px; */
}



}
#nav li:hover ul{ /* Display the dropdown on hover */
	left: 0px; /* Bring back on-screen when needed */
	position: relative;
}

#nav li ul li  {
	text-align: center;
}

#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	/* [disabled]padding-top: 8px; */
	/* [disabled]padding-bottom: 8px; */
	background-color: #FFF;
	line-height: 47px;
}


	/*Display 'show menu' link*/
	.show-menu {
	display:block;
	font-size: 0.8em;
	color: #666;
	}


#navCenter {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 0;
}