/* ================================================================
	This copyright notice must be untouched at all times.

	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/final_drop.html
	Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any
	way to fit your requirements.
	=================================================================== */

	.menu
	{
		width: 745px;
		height: 32px;
		position: relative;
		z-index: 100;
	}

	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul
	{
		padding: 0;
		margin: 30px 0 0 70px;
		list-style-type: none;
	}

	.menu ul ul
	{
		display: block;
		position: absolute;
		width: 162px;
		padding-top: 2px;
		background: transparent url("../images/dropdown_top.png") center top no-repeat;
		z-index: 101;
	}

	.menu ul ul li
	{

	}

	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li
	{
		float: left;
		position: relative;
	}

	.menu li.last
	{
		padding-bottom: 5px;
		background: transparent url("../images/dropdown_bottom.png") center bottom no-repeat;
	}

	/* style the links for the top level */
	.menu a, .menu a:visited
	{
		display: block;
		height: 36px;
		color: #850000;
		text-decoration: none;
		text-align: center;
		background-repeat: no-repeat;
		background-position: left top;
		background-image: url("../images/button_left.jpg");
	}

	.menu a strong, .menu a:visited strong
	{
		display: block;
		height: 28px;
		padding: 8px 12px 0;
		font-weight: normal;
		background-repeat: no-repeat;
		background-position: right top;
		background-image: url("../images/button_right.jpg");
		cursor: pointer;
	}

	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul
	{
		visibility: hidden;
		position: absolute;
		height: 0;
		top: 6px;
		left: -70px;
	}

	/* style the table so that it takes no part in the layout - required for IE to work */
	.menu table
	{
		position: absolute;
		top: 0;
		left: 0;
		border-collapse: collapse;
	}

	/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited
	{
		width: 142px;
		height: auto;
		padding: 6px 10px;
		background: transparent url("../images/dropdown_bg.png") center center repeat-y;
		color: #c39a8e;
		text-align: left;
		line-height: 1em;
	}

	/* style the top level hover */
	.menu a:hover
	{
		color: #fff;
		background-position: left center;
		text-decoration: underline;
		z-index: 11;
	}
	.menu a:hover strong
	{
		background-position: right center;
	}

	.menu :hover > a
	{
		color: #fff;
		background-position: left center;
	}
	.menu :hover > a strong
	{
		background-position: right center;
	}

	.menu a.drop:hover, .menu a.drop:hover strong
	{
		color: #fff;
		background-position: right bottom;
	}

	.menu :hover > a.drop
	{
		color: #fff;
		background-position: left bottom;
	}

	.menu :hover > a.drop strong
	{
		background-position: right bottom;
	}

	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul, .menu ul a:hover ul
	{
		visibility: visible;
	}

	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul :hover ul ul
	{
		visibility: hidden;
	}

	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul
	{
		visibility: visible;
	}