.menu		                                 /* position, size, and font of  menu */
	{	
	padding: 15px 0 0 37px;
	}
	
.menu h2.h1 
	{
	display: none;
	}
	
.menu a
	{
	width: 100%;
	display:block;						
	padding-top: 0.2em;						/* expands menu box vertically*/
	margin-bottom: 2.4em;
	padding-left: 20px;
	white-space:nowrap;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 1.2em;
	color: #000000;
	}
.menu ul ul a
	{
	width: 120px;
	color: #666666;
	margin-bottom: 1em;
	white-space: normal;
	padding-left: 15px;
	}

.menu a.parent, .menu a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background:url(pictures/arrows.gif) no-repeat;
	color: #D70096;
	}

.menu a:hover			             /* all menus on mouse-over */
	{
	background:url(pictures/arrows.gif) no-repeat;
	color: #D70096;
	}
.menu a.active
	{
	background:url(pictures/arrows.jpg) no-repeat;
	color: #D70096;	
	}
.menu ul ul a:hover
	{
	background:url(pictures/arrows2.gif) no-repeat;
	}
.menu ul ul a.active
	{
	background:url(pictures/arrows2.jpg) no-repeat;	
	}
.menu li
	{
	list-style-type:none;		            /* removes bullets */
	}

.menu ul li
	{

	}

.menu li ul
	{
	position: absolute;
	top: 0;
	left: 8em;				                 /* distance from  left menu (this should be the same as width value in .menu [1]) above */
	}

div.menu ul, div.menu ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 8em;			              /* width of sub menus  (this should be the same as width value in .menu [1]) above */
	}
div.menu ul ul
	{
	position: absolute;
	top: 160px;
	margin-left: 120px;
	width: 120px;
	}
div.menu ul ul, div.menu ul ul ul, div.menu ul li:hover ul ul, div.menu ul li:hover ul ul ul
	{

	}

div.menu ul li:hover ul, div.menu ul ul li:hover ul, div.menu ul ul ul li:hover ul
	{
	display: block;
	}