#bar-menu-div { width: 215px; }
#bar-menu-div a:link, #bar-menu-div a:visited {
	font-size: 1.2em;
	font-family: tahoma;
	padding: 4px 8px;
	text-decoration: none;/*	color: #000000; */
}
#bar-menu-div a:hover {
	font-size: 1.2em;
	font-family: tahoma;
	padding: 4px 8px;
	/*	color: #CC3300; */
        text-decoration: none;
}
/*
 -- another drop-down menu
 -- added 2009-12-04
*/

#bar-menu-div1 { width: 215px; }
#bar-menu-div1 a:link, #bar-menu-div1 a:visited {
	font-size: 1.2em;
	font-family: tahoma;
	padding: 4px 8px;
	text-decoration: none;
	color:#000000;
}
#bar-menu-div1 a:hover {
	font-size: 1.2em;
	font-family: tahoma;
	padding: 4px 8px;
	color:#CC3300;
	text-decoration: none;
}
/*
 -- class name is public for drop-down menus
 -- define title link color in itemlevel, 
 -- can't define it on top #bar-menu-div, or a link definition at last won't work
*/


.itemlevel1 { /*background: url(../images/skin/bg-nav-dt.jpg) no-repeat bottom left;*/ padding: 8px 8px 8px 0px; cursor: default; position: relative; float:left; width:195px; border-bottom: #CCCCCC; border-top: 2px dotted #CCCCCC; margin-left: 8px; }
.itemlevel1 .arrow {
	background: url(../images/skin/nav-arrow.gif) no-repeat 2px;
	width:12px;
	height: 12px;
	float:left;
}
.itemlevel1 a:link, .itemlevel1 a:visited { color: #000000; }
.itemlevel1 a:hover { color: #CC3300; }
.boxlevel1 { background: #FFFFFF; }
/*
-- itemlevel2 --
*/

.itemlevel2 {
	background: url(../images/skin/bg-nav-li-FFFFFF.jpg) no-repeat bottom left;
	font-size: 14px;
	font-family: tahoma;
	padding: 2px;
	width:100%;
}
.itemlevel2 .arrow {
	width:0px;
	height:0px;
	float:left;
}
.itemlevel2 a:link, .itemlevel2 a:visited { color: #000000; }
.itemlevel2 a:hover { color: #CC3300; }
/*
 -- define current category link color at last
*/

#bar-menu-div a.current:link { color: #FF9900; }
#bar-menu-div a.current:visited { color: #FF9900; }
#bar-menu-div a.current:hover { color: #FF9900; }