#menu 
{
	width:144px; 
	padding:5px; 
	margin:0 auto;
}

#menu dd 
{
	padding:0; 
	margin:0 0 4px 0;
}



* html #menu a:hover 
{
  cursor:pointer;
  display:inline; 
  text-indent:1px;
  /* text-indent:0; ---------------------------------	WHAT'S THIS FOR?  */
}

  
/* html #menu a:hover {text-indent:0;}---------------------------------	WHAT'S THIS FOR?  */  
  
/* html #menu {	width:135px;} ---------------------------------	WHAT'S THIS FOR?  */

/* #menu .aa {height:1%;}  ---------------------------------	WHAT'S THIS FOR?  */




/* -------------------------------------------------------- PARTS THAT CHANGE */
/*  HOME */
		#menu .aa-home 
		{	
			display:block; 	padding:0; 	margin:0; border:1px solid #000;  
			background:#87D0CE; 				/*bottom shading */
		}

		#menu .bb-home
		{
			display:block; 	padding:1px 0 1px 0; 	margin:0 0 6px 0; 	text-align:center; 	font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			border-bottom:1px solid #CAF0EF; 		/* separator color */
			background:#A3E5E3; 					/* main button color */
		}

		#menu a:hover .bb-home
		{
			margin:0 0 2px 0; 
			padding:3px 0 3px 0; 
			background:#87D0CE;  				/* colors on hover for the main part */
			border-bottom:1px solid #87D0CE;    /* colors on hover for the main part */
		}
		
		#menu .bb-home a:hover 
		{
			color:#463682; 
			background:#87D0CE;				/* darker color when hovering over links */
		}

/*  PRODUCTS */
		#menu .aa-products 
		{	
			display:block; 	padding:0; 	margin:0; 	background:#DEE077; /*bottom shading */ border:1px solid #000;
		}
	
		#menu .bb-products
		{
			display:block; 	padding:1px 0 1px 0; margin:0 0 6px 0; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			background:#F7F9A1; 					/* main button color */
			border-bottom:1px solid #F7F8CF; 		/* separator color */
		}

		#menu a:hover .bb-products
		{
			margin:0 0 2px 0; 	padding:3px 0 3px 0; 	border-bottom:1px solid #DEE077;
			background:#DEE077;  				/* colors on hover for the main part */
		}

			#menu .bb-products a:hover 
		{
			color:#463682; 
			background:#DEE077;				/* darker color when hovering over links */
		}

/*  EVENTS */
		#menu .aa-events 
		{	
			display:block; 	padding:0; 	margin:0; 	background:#E5ACB9; /*bottom shading */ border:1px solid #000;
		}
	
		#menu .bb-events
		{
			display:block; 	padding:1px 0 1px 0; margin:0 0 6px 0; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			background:#F4CDD6; 					/* main button color */
			border-bottom:1px solid #FAE4E9; 		/* separator color */
		}

		#menu a:hover .bb-events
		{
			margin:0 0 2px 0; 	padding:3px 0 3px 0; 	border-bottom:1px solid #E5ACB9;
			background:#E5ACB9;  				/* colors on hover for the main part */
		}

			#menu .bb-events a:hover 
		{
			color:#463682; 
			background:#E5ACB9;				/* darker color when hovering over links */
		}

/*  SERVICES */
		#menu .aa-services 
		{	
			display:block; 	padding:0; 	margin:0; 	background:#9FDC98; /*bottom shading */ border:1px solid #000;
		}
	
		#menu .bb-services 
		{
			display:block; 	padding:1px 0 1px 0; margin:0 0 6px 0; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			background:#BDE7B8; 					/* main button color */
			border-bottom:1px solid #D3EDD0; 		/* separator color */
		}

		#menu a:hover .bb-services 
		{
			margin:0 0 2px 0; 	padding:3px 0 3px 0; 	border-bottom:1px solid #9FDC98;
			background:#9FDC98;  				/* colors on hover for the main part */
		}

			#menu .bb-services a:hover 
		{
			color:#463682; 
			background:#9FDC98;				/* darker color when hovering over links */
		}

/*  PREFERRED */
		#menu .aa-preferred 
		{	
			display:block; 	padding:0; 	margin:0; 	background:#D9D6A6; /*bottom shading */ border:1px solid #000;
		}
	
		#menu .bb-preferred 
		{
			display:block; 	padding:1px 0 1px 0; margin:0 0 6px 0; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			background:#E4E2BD; 					/* main button color */
			border-bottom:1px solid #EBEAD6; 		/* separator color */
		}

		#menu a:hover .bb-preferred 
		{
			margin:0 0 2px 0; 	padding:3px 0 3px 0; 	border-bottom:1px solid #D9D6A6;
			background:#D9D6A6;  				/* colors on hover for the main part */
		}

			#menu .bb-preferred a:hover 
		{
			color:#463682; 
			background:#D9D6A6;				/* darker color when hovering over links */
		}
		
		
/*  CUSTOMERS */
		#menu .aa-customers 
		{	
			display:block; 	padding:0; 	margin:0; 	background:#BDD88A; /*bottom shading */ border:1px solid #000;
		}
	
		#menu .bb-customers 
		{
			display:block; 	padding:1px 0 1px 0; margin:0 0 6px 0; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			background:#D6EEA9; 					/* main button color */
			border-bottom:1px solid #E5F3CA; 		/* separator color */
		}

		#menu a:hover .bb-customers 
		{
			margin:0 0 2px 0; 	padding:3px 0 3px 0; 	border-bottom:1px solid #BDD88A;
			background:#BDD88A;  				/* colors on hover for the main part */
		}

			#menu .bb-customers a:hover 
		{
			color:#463682; 
			background:#BDD88A;				/* darker color when hovering over links */
		}

/*  TECHNIQUES */
		#menu .aa-techniques 
		{	
			display:block; 	padding:0; 	margin:0; 	background:#DAA9DA; /*bottom shading */ border:1px solid #000;
		}
	
		#menu .bb-techniques 
		{
			display:block; 	padding:1px 0 1px 0; margin:0 0 6px 0; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			background:#E6C1E6; 					/* main button color */
			border-bottom:1px solid #ECD5EC; 		/* separator color */
		}

		#menu a:hover .bb-techniques 
		{
			margin:0 0 2px 0; 	padding:3px 0 3px 0; 	border-bottom:1px solid #DAA9DA;
			background:#DAA9DA;  				/* colors on hover for the main part */
		}
		
		#menu .bb-techniques a:hover 
		{
			color:#463682; 
			background:#DAA9DA;				/* darker color when hovering over links */
		}


/*  NEWSLETTER */
		#menu .aa-newsletter 
		{	
			display:block; 	padding:0; 	margin:0; 	background:#92BFE2; /*bottom shading */ border:1px solid #000;
		}
	
		#menu .bb-newsletter 
		{
			display:block; 	padding:1px 0 1px 0; margin:0 0 6px 0; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			background:#A9D0EE; 					/* main button color */
			border-bottom:1px solid #C7E0F3; 		/* separator color */
		}

		#menu a:hover .bb-newsletter 
		{
			margin:0 0 2px 0; 	padding:3px 0 3px 0; 	border-bottom:1px solid #92BFE2;
			background:#92BFE2;  				/* colors on hover for the main part */
		}

			#menu .bb-newsletter a:hover 
		{
			color:#463682; 
			background:#92BFE2;				/* darker color when hovering over links */
		}

/*  FEEDBACK */
		#menu .aa-feedback 
		{	
			display:block; 	padding:0; 	margin:0; 	background:#EA8973; /*bottom shading */ border:1px solid #000;
		}
	
		#menu .bb-feedback 
		{
			display:block; 	padding:1px 0 1px 0; margin:0 0 6px 0; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			background:#F8A896; 					/* main button color */
			border-bottom:1px solid #FAC2B5; 		/* separator color */
		}

		#menu a:hover .bb-feedback 
		{
			margin:0 0 2px 0; 	padding:3px 0 3px 0; 	border-bottom:1px solid #EA8973;
			background:#EA8973;  				/* colors on hover for the main part */
		}

			#menu .bb-feedback a:hover 
		{
			color:#463682; 
			background:#EA8973;				/* darker color when hovering over links */
		}

/*  ABOUT */
		#menu .aa-about 
		{	
			display:block; 	padding:0; 	margin:0; 	background:#E8D272; /*bottom shading */ border:1px solid #000;
		}
	
		#menu .bb-about 
		{
			display:block; 	padding:1px 0 1px 0; margin:0 0 6px 0; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			background:#F7E596; 					/* main button color */
			border-bottom:1px solid #F5E9B2; 		/* separator color */
		}

		#menu a:hover .bb-about 
		{
			margin:0 0 2px 0; 	padding:3px 0 3px 0; 	border-bottom:1px solid #E8D272;
			background:#E8D272;  				/* colors on hover for the main part */
		}

		#menu .bb-about a:hover 
		{
			color:#463682; 
			background:#E8D272;				/* darker color when hovering over links */
		}

/*  DIRECTIONS */
		#menu .aa-directions 
		{	
			display:block; 	padding:0; 	margin:0; 	background:#ACAED0; /*bottom shading */ border:1px solid #000;
		}
	
		#menu .bb-directions 
		{
			display:block; 	padding:1px 0 1px 0; margin:0 0 6px 0; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			background:#C6C7E3; 					/* main button color */
			border-bottom:1px solid #DADBE8; 		/* separator color */
		}

		#menu a:hover .bb-directions 
		{
			margin:0 0 2px 0; 	padding:3px 0 3px 0; 	border-bottom:1px solid #ACAED0;
			background:#ACAED0;  				/* colors on hover for the main part */
		}

		#menu .bb-directions a:hover 
		{
			color:#463682; 
			background:#ACAED0;				/* darker color when hovering over links */
		}

/*  CONTACTS */
		#menu .aa-contact
		{	
			display:block; 	padding:0; 	margin:0; 	background:#DDAB90; /*bottom shading */ border:1px solid #000;
		}
	
		#menu .bb-contact 
		{
			display:block; 	padding:1px 0 1px 0; margin:0 0 6px 0; text-align:center; font-family:Verdana, Arial, Helvetica, Sans-Serif; 	font-size:70%; 	color:#463682;	
			background:#E9BCA4; 					/* main button color */
			border-bottom:1px solid #F2D2C1; 		/* separator color */
		}

		#menu a:hover .bb-contact 
		{
			margin:0 0 2px 0; 	padding:3px 0 3px 0; 	border-bottom:1px solid #DDAB90;
			background:#DDAB90;  				/* colors on hover for the main part */
		}
		
		#menu .bb-contact a:hover 
		{
			color:#463682; 
			background:#DDAB90;				/* darker color when hovering over links */
		}


/* ********************************************************************************  THIS IS THE ONE COLOR WORKING VERSION


#menu .aa 
{	
	display:block; 
	padding:0; 
	margin:0; 
	background:#87D0CE; 				/*bottom shading */
	border:1px solid #000;
}

#menu .bb 
{
	display:block; 
	padding:1px 0 1px 0;
	margin:0 0 6px 0; 
	background:#A3E5E3; 					/* main button color */
	border-bottom:1px solid #CAF0EF; 		/* separator color */
	text-align:center;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:70%;
	color:#463682;	
}

#menu div 
{
	border:2px solid #fff; 
	border-color:#9D9D9D #E9E9E9 #E9E9E9 #9D9D9D;  /* colors around outer edge */
}

#menu a, #menu a:visited 
{
	display:block;
	width:100%;
	text-decoration:none;
	color:#463682;                       /* likely a type color, but not sure */
}

/*
#menu a:hover 
{
	color:#000; 
	background:magenta;				/* no idea */
}
*/

#menu a:hover .bb 
{
	background:#87D0CE;  				/* colors on hover for the main part */
	margin:0 0 2px 0; 
	padding:3px 0 3px 0; 
	border-bottom:1px solid #87D0CE;
}

********************************************************************************************END OF ONE COLOR WORKING VERSION */ 
  
/* -------------------------------------------------------------------------------------------- TITLE - NOT USED
#menu dt {border:2px solid #fff; border-color:#687 #ded #ded #687; text-align:center; background:#fff; padding:3px 0; margin:7px 0; font-weight:bold; color:#900;}

*/