/*
 * Top and Left Nav CSS Navigation Definitions
 *
 * @file              /css/navigation.css
 * @author            chris geheran
 * @revision          $Id$
*/

/* BELOW ARE THE DECLARATIONS FOR THE DYNAMIC TOP NAV MENUS */
ul#topNav {
	padding:0;
	list-style:none;
	clear:both;
	font-size:10px;
}
ul#topNav, ul#topNav ul {padding:0; list-style:none; clear:both;margin-left:10px;}
ul#topNav li {display:inline; z-index:9999; float:left; position:relative;}
ul#topNav ul li {display:block; width:auto; border-right:0; clear:both;color:#fff;}

/* had to put in exceptions here because the secondary menu widths are all different in the redesign */


/* hiding images set in top_navigation.jsp */

ul#topNav li{padding:0px 2px 0 0px;background-image: url("../images/divider.jpg") ;background-repeat:no-repeat;background-position:right center;}

ul#topNav li a {display:block; text-decoration:none;color:#fff; padding:8px 15px 8px 15px;line-height:26px;font-size:14px;}

#topNav a:hover
{
color: #fff;
background: url(/images/nav-hover.jpg) repeat-x;
text-decoration: none;}

ul#topNav li.last {background-image: none;}

#topNav .active{background: url(/images/nav-hover.jpg) repeat-x;}