/*begin navigation.css*/
div#nav_container /* see IE and KHTML specific versions */ 
{
	width: 640px;
	float: left; 
	height: 27px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

div.topNav
{
	float: left;
	padding-top: 6px;
	padding-right: 5px; /* adjust when changing root sections */
	padding-bottom: 0px;
	padding-left: 5px; /* adjust when changing root sections */
	background-image: url("http://www.pe.com/images/topnav_bg.gif");
	background-repeat: repeat-x;
	color: #666;
	font-weight: bold;
	text-align: center;
	height: 27px;
}

/*div.topNav span
{
	valign: center;
}*/

div.topNav_on
{
	float: left;
	padding-top: 6px;
	padding-right: 5px; /* adjust when changing root sections */
	padding-bottom: 0px;
	padding-left: 5px; /* adjust when changing root sections */
	background-image: url("http://www.pe.com/images/topnav_bg_on.gif");
	background-repeat: repeat-x;
	color: #000;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	height: 27px;
}	

div.topNav a, div.topNav a:visited 
{
	text-decoration: none;
	color: #666;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

div.topNav a:hover, div.topNav_on a:hover, div.topNav_on a, div.topNav_on a:visited 
{
	text-decoration: none;
	color: #fff;
	padding-bottom: 5px;
}

div.topNav a span, div.topNav_on a span
{
	padding-bottom: 5px;
}

div.nav_border
{
	padding: 0em;
	margin: 0em;
	float: left;
	width: 3px;
	height: 27px;
}

div.subNavContainer
{
	visibility: hidden;
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 40; /* prevents the pop-up menus from appearing behind other components*/
}

ul.subNav
{
	background-color: #eee;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	color: #666;
	position: absolute;
	padding: 5px;
	list-style: none;
	width: 280px;
	margin: 0px;
	padding: 0px 0px 3px 3px;	
}

ul.subNav li
{
	width: 120px;
	text-align: left;
	float: left;
	margin: 0px;	
	padding: 3px;
}

ul.subNav li.onLink
{
	width: 120px;
	text-align: left;
	float: left;
	margin: 0px;	
	padding: 3px;
	background-color: #fff;
}

ul.subNav li a, ul.subNav li a.off, ul.subNav li a:visited
{
	font-size: 10px;
	color: #666;
	text-decoration: none;
}

ul.subNav li a:hover, ul.subNav li.onLink a.off, ul.subNav li.onLink a
{
	font-size: 10px;
	color: #000;
	width: 100%;
	text-decoration: none;
}
/*end navigation.css*/
