@charset "UTF-8";
/* CSS Document */

	#nav a.current {
		background-position: bottom;
		cursor: default;
	}
	
/* DROP DOWN */

/* Basic code - don't modify */
  #nav { z-index: 3; 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; }
  #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: 160px; }
#nav ul ul { left: 131px;}

/* Everything else is theming */
 
#nav {width: 960px; height: 28px; margin: 0 auto;
	font-family: tahoma, arial, helvetica, sans-serif;}

#nav *:hover { background-color: none; }

#nav a {
	background: url(../img/menu_bkgd.gif) top;
	width: 144px; height: 18px;
	border-right: 1px solid white;
	color: white;
	font-size: 12px;
	padding: 5px 5px 5px 10px;
	text-transform: lowercase;
	text-decoration: none;}

#nav li.hover a {
	background-position: 0 -28px;}
#nav li.active a {
	background-position: 0 -56px;}
#nav li.hover a:active {
	background-position: 0 -56px; color: #009d9a;}

#nav ul li {}
#nav ul {
	top: 29px;}
#nav ul li a {
	border-right: 1px SOLID #FFF;
	background: none #009d9a;
	font-size: 10px;
	line-height: 14px;
	margin: 0;
	padding: 5px 5px 2px 10px;}
  #nav ul a.hover {background: none; background-color: #FFF; color: #009d9a; opacity: 1; filter: alpha(opacity=100); }
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: .95; filter: alpha(opacity=95);}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */