html, body, ul, li {margin: 0; padding: 0; border: 0;}

body {
	color: #000; 
	margin: 0 0px;			 	
	font-size: 100.0%;
	font-family: verdana, sans-serif;
	text-align: center;
}

.wrapper {	
	width: 716px;
	margin-top: 15px;
	text-align: left;
}

.navholder {
	width: 166px;	
	float: left;
	display: inline; /* doubled margin bug fix for IE/win */

}
	
ul.menu {
  	width: 181px;
	border-top: 1px solid #975151; /* Makes top border on flyouts */
	background: #ffffff;;
	}

li.menu {
	list-style: none; /* kills the list item "bullet" markers */
	position: relative;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 12px;
	border-left: 1px solid #975151; /* Makes side borders on flyouts */
	border-right: 1px solid #975151; /* Makes side borders on flyouts */
	border-bottom: 1px solid #975151; /* Makes bottom border on flyouts */
	vertical-align: bottom; /* for IE5/win */
	}

ul.menu a {
	display: block;
	padding: 2px 4px 2px 4px;
	vertical-align: bottom; /* needed for IE5/win */
	text-align: left;
	text-decoration: none;
	color: #63203C;
	}

ul.menu ul.menu { 
	position: absolute;  
	left: -3000px;
	background: #ffffff; 
	}	/* flyout elements need a background image or color to avoid bugs in IE/win */

ul.menu li.menu:hover ul.menu ul.menu{ 
	position: absolute;
	left: -3000px;
	background: #ffffff; 
	}	/* flyout elements need a background image or color to avoid bugs in IE/win */	
		
li.menu:hover {
	/*background: #F4F5EB;*/
	background: #ffefcf;
	color: #63203C;
}
	
ul.menu li.menu:hover ul.menu {
	left: 13em;
	top: 2px;
	color: #63203C;
}

ul.menu ul.menu li.menu:hover ul.menu {
	left: 9em;
	top: 2px;
	color: #ffffff;
}

ul.menu a:hover {
	text-decoration: none;
	color: #63203C;
}
ul.menu:hover{
	color: #ffffff;
}

	
/* \*/ /*/ 
ul li ul {position: static;}
/* */

/* The block above hides the rule inside so that only IE5/Mac can see it.
This rule causes the menus to be fully expanded vertically in that browser,
allowing those users to access the navigation without needing to hover it. */