.topnav_item{
	opacity: .8;
}
.topnav_rollover {
	width: 190px;
	float: left;
	/* border:1px solid black */
	}

.topnav_parent {
	position: relative;
	width:164px; 
	height:27px;
	padding:2px 0px 0px 5px
}

.topnav_parent:hover{
	background:url(../images/products_nav_top.gif); 
	background-repeat:no-repeat;
}
/* this parent div does not provide "sticky hovering", but instead fixes a 
strange bug in Op7. When an element serves as a hovered popup "parent" element, 
that element must not also be floated or all heck breaks loose in Opera 7. 
To prevent this, we have floated the top level list items, while nesting 
hoverable parent divs inside that are then hovered to generate the dropdowns. 
Thus the ugly (but interesting) Op7 bug is defeated. */
	

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.topnav_dropdown { /* rules for dropdown div */
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	/*border: 1px solid blue;*/
	width:164px;
}
		
.topnav_dropdown ul { 
  width: 184px; /* tweaked so that dropdowns appear to "line up" with top links */
  /* margin: 0 10px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
 /*  border: 1px solid red;  */
  } 
  
 
.topnav_item li {text-align: left;}

.topnav_item a {
	display: block;
	color: #800;
	text-decoration: none;
	padding: 6px 0 5px; 
}
	
.topnav_item ul ul a {
  color: #000;
 }

.topnav_item ul ul a:hover {
  color: #fff;
  font-weight:bold;
}


	
	
/* NON hover dropdown link */	
.topnav_dropdown li {
	position: relative; 
	/*vertical-align: bottom; /* IE5/win bugfix */
	font-weight:normal;
	padding:0px 0px 8px 5px;
	height:18px;
	width:155px;
	background-color:#b8bbd0;
	border-bottom:2px solid #a8abc2;
	border-top:2px solid #b8bbd0;
	border-left:2px solid #b8bbd0;
	border-right:2px solid #b8bbd0;
  }
				
.topnav_parent:hover div.topnav_dropdown {
	left: -139px;} /* hover rule for dropdowns */ 
/* extra pixel makes dropdowns "line up" with top links */ 


.topnav_dropdown li:hover {
	background-color:#b8bbd0;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
} 


/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .topnav_rollover .topnav_dropdown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */


/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */    


/*\*/ /*/
.nav .topnav_dropdown, .nav .topnav_dropdown div {width: 189px;}
.nav .topnav_rollover .topnav_dropdown ul {margin: 0px;}
.nav .topnav_dropdown, .nav .topnav_dropdown div {position: static;}
.nav .topnav_dropdown ul {border: 0;}
/* this rule block "dumbs down" the nav for IEmac */