/* ================================================================ 
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-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	width: 640px;
	height: 46px;
	background: url(/images/home/nav-bg.gif) top center repeat-x;
	z-index:999;
	font-weight: normal;
	clear: both;
	margin: 0 auto;
	
		
	}
	
/* hack to correct IE5.5 faulty box model */
* html #menu {width:940px; w\idth:939px;}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul { padding:0 0 0 25px; margin:0; list-style-type:none; 	z-index:999;}
#menu ul ul { width:170px; padding: 0;	z-index:999; }

#menu ul li { position:relative; color: #fff;	z-index:999;}

/* 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; 	z-index:999;}
/* IE6 hack to give the menus a fixed width */
* html #menu li { width: 110px; }

/* style the links for the top level */
#menu a, #menu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	height:46px;
	padding-left: 15px;
	padding-right: 15px;
	line-height:35px;
	z-index: 999;
	border-right:dashed 1px #FFF;
	}
/* 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; 	z-index:999;}

/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited { background-color: #585753; z-index:999;}

/* 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:46px;left:0; width:170px; }

/* style the table so that it takes no ppart 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 {background:#83561B; color:#fff; height:auto; line-height:1.4em; padding:5px 10px; width:170px;border-bottom: 1px solid #999; }

/* style the top level hover */
#menu a:hover {color:#fff; background: transparent url(/images/menu-hover.jpg) repeat-x top left;}
#menu :hover > a {color:#fff; background: transparent url(/images/menu-hover.jpg) repeat-x top left;}

/* style the top level hover for cafe rose */
#menu.cafe-rose a:hover {color:#fff; background: transparent url(/images/cafe-rose/cafe-menu-hover.jpg) repeat-x top left;}
#menu.cafe-rose :hover > a {color:#fff; background: transparent url(/images/cafe-rose/cafe-menu-hover.jpg) repeat-x top left;}

/* style the top level hover for bistro alex */
#menu.bistro-alex a:hover {color:#fff; background: transparent url(/images/bistro-alex/bistro-menu-hover.jpg) repeat-x top left;}
#menu.bistro-alex :hover > a {color:#fff; background: transparent url(/images/bistro-alex/bistro-menu-hover.jpg) repeat-x top left;}

/* style the second level links */
#menu ul ul a:hover { background-color: #3F3B2F; background-image: none; }

/* 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; }