/* Menu.css */

nav {
	text-align: Center;
}

nav select {
  display: none;
  width: 95%;
	margin: 4px 10px;
}

#MenuDropDownList {
	width : 0px\9; /* IE8 only - yes its meant to be \9*/;
}

@media (max-width: 767px) {
  nav ul     { display: none; }
  nav select { display: inline-block; }
}

#the-menu {
		width: 100%;
    height: 35px;
    font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		margin-bottom: 3px;
		/* Border */	
		border:1px solid #3C4044;
		/* Corners */
		-webkit-border-radius: 6px;
		-moz-border-radius:    6px;
		border-radius:         6px;
		/* Shadow */
		-webkit-box-shadow: 1px 1px 1px #fff;
		-moz-box-shadow: 1px 1px 1px #fff;
		box-shadow: 1px 1px 1px #fff;
		
		/* Background Gradient */
		background: #6c737a; /* Old browsers - IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: -moz-linear-gradient(top, #b9c3c9 0%, #6c737a 10%, #8c949b 70%, #8c949b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9c3c9), color-stop(10%,#6c737a), color-stop(70%,#8c949b), color-stop(100%,#8c949b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #b9c3c9 0%,#6c737a 10%,#8c949b 70%,#8c949b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #b9c3c9 0%,#6c737a 10%,#8c949b 70%,#8c949b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #b9c3c9 0%,#6c737a 10%,#8c949b 70%,#8c949b 100%); /* IE10+ */
		background: linear-gradient(to bottom, #b9c3c9 0%,#6c737a 10%,#8c949b 70%,#8c949b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c737a', endColorstr='#8c949b',GradientType=0 ); /* IE6-8 */	
}

.css-menu, .css-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	
	font-size: 15px;
	line-height: 21px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFF;	
}
.css-menu li {
	position: relative;
}
.css-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.css-menu ul a {
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #FFF;
		text-align:left;
}
.css-menu > li {
	float: left;
}
.css-menu li:hover > ul {
	display: block;
}
.css-menu li .indented {
	display: none;
}
.css-menu a {
	display: block;
	position: relative;
}
.css-menu ul ul {
	top: 0;
	left: 100%;
}
/* Centre the Menu */
.css-menu {
    float: left;
    position: relative;
    left: 50%;
}
.css-menu ul li {
    left: 0%;
}
.css-menu li {
    left: -50%;
}
/*** SKIN ***/
.css-menu {
	float: left;
}
.css-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.css-menu a {
	border-left: 1px solid #8c9496;
	border-right: 1px solid #6c737a;
	padding: 4px .75em;
	text-decoration: none;
	zoom: 1; /* IE7 */
	background-color: #6c737a\9; /* IE8 only - yes its meant to be \9*/
}
.css-menu a {
	color: #fff;
}
.css-menu li {
	background: none;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.css-menu li.current {
	background: #70787F;
}
.css-menu ul li {
	background: #8c9496;
	border-top: 1px solid #6c737a;
}
.css-menu ul ul li {
	background: #8c9496;
}
.css-menu li:hover {
	background: #c3cbd1;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}