/* Start General configuration CSS */
#dhtmlgoodies_menu ul li ul {
	display: none;	/* Needed to display ok in Opera */
}
#dhtmlgoodies_menu {
	visibility: hidden;
}
#dhtmlgoodies_menu ul {
	margin: 0px;	/* No indent */
	padding: 0px;	/* No indent */
}
#dhtmlgoodies_menu li {
	list-style-type:none;	/* No bullets */
}
#dhtmlgoodies_menu a {
	margin: 0px;
	padding: 0px;
}
/* End general configuration CSS */
/* Cosmetic */
/***********************************************************************
CSS - MENU BLOCKS
General rules for all menu blocks (group of sub items) 
***********************************************************************/
#dhtmlgoodies_menu {
	background: url(../images/NavBg.jpg) no-repeat left top;
	width: 950px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	height: 34px;
	float: left;
	display: block;
}
#dhtmlgoodies_menu ul.menuBlock1 {	/* Menu bar - main menu items */
	overflow: visible;
	line-height: 32px;
	margin: 0px 7px;
}
#dhtmlgoodies_menu ul.menuBlock2 {	/* Menu bar - main menu items */
	width: 117px;
	font-weight: normal;
}
#dhtmlgoodies_menu ul.menuBlock3 {	/* Menu bar - main menu items */
	width: 117px;
	margin-left: 8px;
	margin-left /* */ : /* */ 0px;
}
/***********************************************************************
CSS - MENU ITEMS
Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dhtmlgoodies_menu a {
	text-decoration:none;
	text-align: left;
}
/* Main menu items */
#dhtmlgoodies_menu .currentDepth1 {
	background: url(../images/MenuBg.jpg) no-repeat right top;
	display: block;
	width:117px;
}
#dhtmlgoodies_menu .currentDepth1over {
	background: url(../images/MenuBg.jpg) no-repeat right -34px;
	display: block;
	width:117px;
}
#dhtmlgoodies_menu .currentDepth1 a {
	color: #FFFFFF;
	padding: 0px 6px;
	width:117px;
}
#dhtmlgoodies_menu .currentDepth1over a {	/* Text rules */
	color: #FFFFFF;
	padding: 0px 6px;
	width:117px;

}
/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2 {
	float: left;
	background: #026BCC;
	
	border: 1px solid #004660;
	border-top: none;
	width: 112px;
	width /* */ : 116px;
	display:block;

}
#dhtmlgoodies_menu .currentDepth2 img {
	width: 15px;
	display:block;
}


#dhtmlgoodies_menu .currentDepth2over {
	background:#00A2DD;
	
	float: left;
	border: 1px solid #004660;
	border-top: none;
	width: 112px;
	width /* */ : 116px;
	display:block;


}


#dhtmlgoodies_menu .currentDepth2over img {
	width: 20px;
	display:block;
}
#dhtmlgoodies_menu .currentDepth2 a {	/* Text rules */
	color: #FFFFFF;
	display: block;
	padding: 5px 0px 5px 2px;
	display:block;
}
#dhtmlgoodies_menu .currentDepth2over a {	/* Text rules */
	display: block;
	color: #000000;
	padding: 5px 0px 5px 2px;
	display:block;
}
/* Sub menu depth 2 */
#dhtmlgoodies_menu .currentDepth3 {
	float: left;
	background: #026BCC;
	border: 1px solid #006295;
	border-top: none;
	width: 117px;
}
#dhtmlgoodies_menu .currentDepth3over {
	background: url(../images/MenuBg.jpg) no-repeat left -36px;
	float: left;
	width: 117px;
}
#dhtmlgoodies_menu .currentDepth3 a {	/* Text rules */
	display: block;
	color: #FFFFFF;
	padding: 6px;
}
#dhtmlgoodies_menu .currentDepth3over a {	/* Text rules */
	color: #FFFFFF;
	display: block;
	padding: 6px;
}
/* ######################################################################################################## */


.arrowlistmenu{
	width: 239px;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	color: #666666;
	background: url(../images/LeftNavArrow1.gif) no-repeat 10px center;
	padding: 0px 0 0px 25px;
	cursor: hand;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	line-height: 25px;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	color: #666666;
	background: url(../images/LeftNavArrow.gif) no-repeat 8px center;
	padding: 0px 0 0px 25px;
	cursor: hand;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	line-height: 25px;
}

.arrowlistmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.arrowlistmenu ul li{
	padding-bottom: 1px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
	color: #666666;
	background: url(../images/LeftNavArrow1.gif) no-repeat 25px center;
	padding: 0px 0 0px 45px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	line-height: 25px;
}
.arrowlistmenu h3 a {
	color: #666666;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
}
.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
	color: #666666;
	background: url(../images/LeftNavArrow.gif) no-repeat 23px center;
	padding: 0px 0 0px 45px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	line-height: 25px;
}
.arrowlistmenu ul li a{
	color: #666666;
	display: block;
	text-decoration: none;
	font-weight: normal;
	line-height: 25px;
	padding-left: 35px;
}
.arrowlistmenu ul li a:hover{
	color: #209A9B;
}
.arrowlistmenu ul.categoryitems li ul.subcategoryitems {
	padding-left: -25px; text-indent: 20px;
}