div#catnav * {
	color:		#FFFFFF;
	font-weight:	bold;
	font-size:	11px;
}

div#catnav {
	height:			28px;
	background:		url(cat_nav_bg.jpg) repeat-x;
	margin-top:		5px;
	margin-bottom:		5px;
}

div#catnav_left {
	background-image: 	url(cat_nav_left.jpg);
	background-repeat:	no-repeat;
	width:			5px;
	height:			28px;
	display:		inline;
	left:			0px;
	float:			left;
}

div#catnav_right {
	background-image:	url(cat_nav_right.jpg);
	background-repeat:	no-repeat;
	width:			5px;
	height:			28px;
	display:		inline;
	float:			right;
}

div#rollover_top {
	background:	url(rollover_top.gif) no-repeat;
	height:		5px;
	width:		110px;
	font-size:	1px;
}

div#rollover_bottom {
	background:	url(rollover_bottom.gif) no-repeat;
	height:		5px;
	width:		110px;
	font-size:	1px;
}

div#rollover_mid {
	background:		url(rollover_bg.gif) repeat-y;
}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0 9px;
	list-style: none;
	float: left;
	display: block;
	background:		url(cat_nav_divider.jpg) right no-repeat;
	cursor: pointer;
}

#sddm li span
{	display: block;
	margin: 3px 1px 0 0;
	padding: 4px 10px;
	text-align: center;
	text-decoration: none;}

#sddm div.rollover
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

#sddm div.rollover a
{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: 90px;
	text-align: left;
	text-decoration: none;
	background:		url(rollover_divider.gif) bottom no-repeat;
}

#sddm div.rollover a:hover
{	
	background:	url(rollover_bg_highlighted.gif) repeat-y;
}