/* -------- Top Nav Menu styles --------------- */

/*This is the container div for the top nav menu*/ 
#top_nav {
	text-align: center;
}


/*This style is for the first-level list*/
#top_nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #FFFFFF;
	font-weight: bold;
}

/* This is a custom style for the lighter-blue background first-level menu items*/
#top_nav .nav_light {
	float: left;
	background-image: url(/template/images/nav/bg-light.gif);
	width: 156px;
	height: 22px;
	padding-top: 5px;
	border-top: 1px solid #2B407B;
	border-bottom: 1px solid #2B407B;
	position: relative;
	z-index: 100;
}

/* This is a custom style for the darker-blue background first-level menu items*/
#top_nav .nav_dark {
	float: left;
	background-image: url(/template/images/nav/bg-dark.gif);
	width: 156px;
	height: 22px;
	padding-top: 5px;
	border-top: 1px solid #2B407B;
	border-bottom: 1px solid #2B407B;
	position: relative;
	z-index: 100;
}

/* This is the style for the second-level lists */
#top_nav li ul { 
	display: none;  /*hides the second-level of the menu*/
	position: absolute;
	top: 27px;
	left: 0;
	text-align: left;
	border-top: 1px solid #DEE5F3;
}

#top_nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	/*
	JJL it doesn't look like we need this...
	top: auto;    
	left: auto;   
	*/
}


/* these styles are for the second-level lists nested under hovered list items */
/* the .over style is for IE, we use javascript to name/access this style */
#top_nav li:hover ul, #top_nav li.over ul {  
	display: block;
}

/* this style is for second-level list item links */
/* we use display: block to create a 'box' around each link for bgcolor, etc */
#top_nav li ul li a {
	display: block;
	width: 116px;
	height: 18px;
	background-color: #87A2D2;
	color: #000000;
	font-size: 9pt;
	text-decoration: none;
	border: 1px solid #DEE5F3;
	margin-top: -1px;
	margin-left: -1px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}
html>body #top_nav li ul li a {
	height: auto;
	min-height: 18px;
}

/* this style is for the hover attribute of the second-level list item links */
#top_nav li ul li a:hover {
	background-color: #2B407B;
	color: #FFFFFF;
}

/* This is the style for the third-level lists */
/* You must identify your third_level nav items so that they do not show up on the top nav dropdown */
#top_nav li ul li #third_level { 
	display: none;  /*hides the third-level of the menu*/
}

/* -------- Ends Top Nav Menu styles --------------- */