/* Menus */

#menu ul li { 
	position: relative;					/* if absolute, all menus stack on themselves*/
	float: left;						/* stack horizontally */
	/*display: inline;					/* stack horizontally */
	background: #333366;				/* menu color */
	padding: 0;
	border: 1px solid #8C8C82;
	height: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 50;
	
/*	height: 2em;*/
}

#menu li:hover ul {
	display: block;				/* ???? */
}
#menu li:hover>ul {				/* makes submenus visible (doesn't work in IE6 & older - see javascript function in main template) */
	visibility:visible;
}

	
/* Menu */
#menu ul {							/*entire block*/
	margin: 0;
	padding: 0;
	list-style: none;
	/*border-bottom: 1px solid #8C8C82;	/*bottom border of entire main menu block*/
} 
#menu ul a {
	font-variant: small-caps;
	padding: 6px;
	display: block;
}
#menu ul li *{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
		
	/*border: 1px solid #8C8C82;			/*top & right borders*/
	border-left: 0;
	border-bottom: 0;					/*bottom border*/
}
#menu ul li:hover, #menu ul a:hover {
	/*color: #333366;				/*hover background*/
	background-color: #3333CC;
}

/* Submenu */ 
#menu ul ul {
	position: absolute;
	visibility:hidden; 					/*initial visibility of submenus*/
	width: 125px;
	width: 10em;
	left: 0;							/*horizontal position of submenu*/
	top: 30px; 							/*vertical position of submenu (relative to main item)*/
	/*border-top: 1px solid #888;		/*bottom border of entire submenu block*/
	border-bottom: 1px solid #828282;		/*bottom border of entire submenu block*/
	background-color: #3333CC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#menu ul ul a { 					/*each item*/
	padding: 5px;
	font-weight: lighter;
	display: block;
}
#menu ul ul ul {
	position: absolute;
	visibility:hidden; 					/*initial visibility of submenus*/
	width: 125px;
	width: 10em;
	left: 10em;							/*horizontal position of submenu*/
	top: 0; 							/*vertical position of submenu (relative to main item)*/
	/*border-top: 1px solid #888;		/*bottom border of entire submenu block*/
	border-bottom: 1px solid #828282;		/*bottom border of entire submenu block*/
/*	background-color: #3333CC;*/
}
#menu ul li ul li {
	float: none;						/* stack vertically */
	/*display: block;					/* stack vertically */
	border-bottom: none;				/* don't display bottom border on submenu items (shows double border) */
	height: auto;
}
#menu img {
	vertical-align: middle;
}
.links li li {
	width: 12em;
}

body#home li.home, body#recipes li.recipes, body#photos li.photos,
body#blog li.blog, body#links li.links, body#about li.about, body#feedback li.feedback {
	background-color: #3333CC;
}