/*----------------------------------------------*/
/*		Public menu - design			*/
/*----------------------------------------------*/
#menu
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;

	width: 100%;
	margin: 0;
	padding: 0;
	
	background-color: #a94196;
	color: #dddddd;
	border: none;
}
		
#menu li
{
	float: left;
	margin: 0;
	width: 12.4%;
	text-align: center;
}

#menu li a
{
	display: block;
	
	padding: 7px 5px 5px 5px;
	width: 100%;
	
	border-bottom: 2px solid #dddddd;
	background-color: #a94196;
	color: #dddddd;
	text-decoration: none;
	font-weight: bold;
}

#menu li a:hover
{
	color: #ffff88;
}

html>body #menu li a /* To make the links active for the full width of the DIV, I made them display: block;. This works for everything but IE6/Windows. If you give the block an explicit width of 100%, then IE/Windows plays along. But doing this creates problems with IE5/Mac and Netscape/Mozilla. So I used the child selector ">" to redefine the width to auto. Since IE6/Windows doesn’t understand child selectors, it ignores the rule. IE5/Mac, Opera and Netscape/Mozilla follow the rule. */
{
	width: auto;
}

/*----------------------------------------------*/
/*		Public menu - fallout			*/
/*----------------------------------------------*/
#menu li ul
{
	display: block;
	
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	
	padding: 0px;
	margin: 0 auto;
	
	background-color: transparent;
	color: #dddddd;
	font-weight: bold;
}

#menu ul li
{
	float: left;
	
	margin: 0px;
	width: 130px;
	
	text-align: center;
	background-color: transparent;
	color: #dddddd;
}

#menu ul li:hover
{
}

#menu ul li a
{
	border-right: none;
	background-color: transparent;
	color: #dddddd;
	border: none;
}

#menu ul li a:hover
{
	border: none;
}

.menu_fallout
{
	display: none;
	position: absolute;
	left: 0px;
	
	width: 100%;
	
	background-color: #a94196;
	color: #dddddd;
}

/*----------------------------------------------*/
/*		Public menu - dynamics		*/
/*----------------------------------------------*/
#menu li:hover div.menu_fallout
{
	display: block;
}

/**/