/* CSS Document for dropdown menu */

#header {
    position: relative; 
	z-index: 100;
}
#primary-nav li .dropdown {visibility: hidden;}


#primary-nav .activelink {z-index: -1;} /* z-index fix for ie */

#primary-nav>li.activelink {z-index: 0;}

#menu0>a, #menu1>a, #menu2>a, #menu3>a, #menu4>a, #menu5>a, #menu6>a, #menu7>a {overflow: hidden} /* fixes weird onclick outline in Mozilla/Firefox */

#pagebody {overflow: hidden} /* overflow fix for IE */

#primary-nav .dropdown { /* style for dropdown/flyout ul */
	position: absolute;
	display: block;
	float: left;
	border: #999999 solid 1px;
	background-color: #fff;
	margin: 0px; padding: 0px;
	z-index: 100;
	top: 32px;
	left: -1px;
	padding-top: 5px;
	width: auto;
	margin-right: -20em;
}

#primary-nav .dropdown li { /* individual menu item */
	position: relative;
	padding: 3px 8px 3px 8px;
	height: auto;
	display: block;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: 9px;
	line-height: 12px;
}

#primary-nav .dropdown a  { /* menu links - padding is set here, so menu highlight is complete */
	position: relative;
	text-indent: 0;
	display: block;
	color: #727272;
	margin: -3px -8px -3px -8px;		/* the following two styles is to fix an IE problem. If li's padding was 0 and */
	padding: 3px 8px 3px 8px;	/* the a's padding was 5px, IE shifts the flyout and adds a linebreak to li */
	height: auto;
	text-decoration: none;
	background-image: none;
}


#primary-nav .dropdown a:hover {
	background-color: #f4f4f4;
	background-image: none !important;
	color: #cc0000;
}

#primary-nav a {
	text-decoration: none;
}

#primary-nav .italics {
	font-style: italic;
}