ul.navigation a {
	color: white;
}

ul.navigation, ul.navigation ul {
	color: white;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #50831c;
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
}

/* Entire highlighted area will be clickable */
ul.navigation a {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	/* background: red; */
}

ul.navigation li {
	float: left;
	position: relative;
	height: 35px;
	
	text-indent: -100em;
	/* SPECIFY WIDTH IN SPECIFICS */
}

ul.navigation li ul {
	position: absolute;
	width: 120%;
	display: none;
	top: 35px;
	z-index: 100;	/* should be above everything else */
	border: 2px solid white;
}

ul.navigation li ul li {
	float: none;
	text-indent: 0em;
	height: auto;
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid white;
}

ul.navigation li ul li:hover {
	background-color: #52211d;
}

ul.navigation li ul li.parent {
	background: #62a323;
}

ul.navigation li ul li.parent:hover {
	background-color: #83342f;
}

ul.navigation li ul li.child {
	padding-left: 20px;
}

ul.navigation li ul {
	position: absolute;
	top: 35px;
	left: -3px;
	display: none;
}

ul.navigation li:hover ul {
	display: block;
}

/* @group Specific Positions */

ul.navigation li.home {
	width: 114px;
	background: url('/stylesheets/images/menu/menu_01.jpg');
}

ul.navigation li.our_chocolate {
	width: 139px;
	background: url('/stylesheets/images/menu/menu_02.jpg');
}

ul.navigation li.news_and_events {
	width: 155px;
	background: url('/stylesheets/images/menu/menu_03.jpg');
}

ul.navigation li.who_we_are {
	width: 131px;
	background: url('/stylesheets/images/menu/menu_04.jpg');
}

ul.navigation li.from_branch_to_bar {
	width: 181px;
	background: url('/stylesheets/images/menu/menu_05.jpg');
}

ul.navigation li.links {
	width: 93px;
	background: url('/stylesheets/images/menu/menu_06.jpg');
}

ul.navigation li.contact {
	width: 132px;	
	background: url('/stylesheets/images/menu/menu_07.jpg');
}

/* @end */

/* @group Hovers */

ul.navigation li.home:hover {
	background: url('/stylesheets/images/menu/menu_over_01.jpg');
}

ul.navigation li.our_chocolate:hover {
	background: url('/stylesheets/images/menu/menu_over_02.jpg');
}

ul.navigation li.news_and_events:hover {
	background: url('/stylesheets/images/menu/menu_over_03.jpg');
}

ul.navigation li.who_we_are:hover {
	background: url('/stylesheets/images/menu/menu_over_04.jpg');
}

ul.navigation li.from_branch_to_bar:hover {
	background: url('/stylesheets/images/menu/menu_over_05.jpg');
}

ul.navigation li.links:hover {
	background: url('/stylesheets/images/menu/menu_over_06.jpg');
}

ul.navigation li.contact:hover {
	background: url('/stylesheets/images/menu/menu_over_07.jpg');
}

/* @end */

ul.navigation li.administration {
	display: none;
}