/*the "a" line-height + top & bottom padding must equal the height of the containing div exactly*/


#topnav a.root_nav{
	background-image: url(/pics/topnav_arrow_down.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#topnav a.menu_active, #topnav a.menu_active:visited{
	background-image: url(/pics/topnav_arrow_down.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFFFFF;
}

.menu{
	position: absolute;
	margin: 0px;
	padding: 0px;
	border-right: 2px solid #5B5B5B; /*this is if you want a the tabs on a block background with a shadow, don't forget to set shadowright and shadowbot to 2, & shadowleft to 1 if re-implementing*/
	border-left: 1px solid #FFFFFF;
	border-bottom: 2px solid #5B5B5B;
	visibility:hidden;
	z-index:500;
	text-align:left;
}

.menu a {
	color: #000000;
	background-image:url(/pics/menu_off.gif);
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
	text-decoration: none;
	display:block;
	padding:5px;
	background-position: left top;
}

* html .menu a {  /* this selector recognized by IE only */
	width: 100%; !important; /*IE 6.x */
	width /**/:100%; /*IE 5.5 */
}

.menu a{
  	width: auto;   /* content width (for other browsers) */
}

.menu a:visited {
	color: #000000;
}

.menu a:hover, .menu a:active {
	color: #A50000;
	background-image:url(/pics/menu_on.gif);
}

.menu a.menu_active, .menu a.menu_active:visited, .menu a.menu_active:hover, .menu a.menu_active:active {
	color: #004881;
	background-image:url(/pics/menu_on.gif);
}

.menu a.nolink{
	text-decoration: none;
	cursor: default;
}

a.nolink_active, a.nolink_active:visited {
	padding: 5px;
	margin: 0px;
	text-decoration: none;
	color: #004881;
	background-image:url(/pics/menu_on.gif);
}

.menu a img{
	border: none 0px;
	float:right;
	padding-top: 3px;
}

#scroller_up, #scroller_down {
	background-color: #004881;
	position: absolute;
	visibility: hidden;
	text-align:center;
	margin:0px;
	padding: 0px;
	z-index:600;
}

#scroller_up img {
	padding:0px;
	margin-top: 1px;
}

#scroller_down img {
	padding:0px;
	margin-top: 2px;
}