/* Basic code - don't modify */
 
#nav			{display: block; margin: 0; padding: 0; position: relative;}
#nav li			{display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative;}
#nav a			{display: block; text-decoration:none;}
#nav ul			{display: none; position: absolute; left: 0; margin: 0; padding: 0;}
* html #nav ul	{line-height: 0;} /* IE6 "fix" */
#nav ul a		{zoom: 1;} /* IE6/7 fix */
#nav ul li		{float: none;}
#nav ul ul		{top: 0;}
    
/* Essentials - configure this */

#nav ul		{width: 130px;}
#nav ul ul	{left: 131px;}

/* Everything else is theming */
 
#nav						{height: 24px;}
#nav *:hover				{background-color: none;}
#nav a						{color: black; padding: 12px; line-height: 1; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#nav li.hover a				{background-color: #7d98b8; color:white;}
#nav li.hover ul li a		{background-color:white; color:#777;}
#nav li.hover ul li.hover a	{background-color:#CFFBFF; color:#536466;}
#nav ul						{top: 37px;}
#nav ul li a				{background-color:white; color:#777;}
#nav ul a					{border: none; opacity: 0.9; filter: alpha(opacity=90);}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */