/** CSS Document */

ul.mainlevel-dtree, ul.mainlevel-dtree ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}

ul.mainlevel-dtree {
	float: left;
}

ul.mainlevel-dtree ul {
	margin-left: 18px;
}

ul.mainlevel-dtree .page-dtree {
	display: block;
	background-image: url("../images/page.gif");
	background-position: 2px center;
	background-repeat: no-repeat;
	padding-left: 18px;
}

ul.mainlevel-dtree .expanded-dtree {
	display: block;
	background-image: url("../images/folder.gif");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
}

ul.mainlevel-dtree .not_active-dtree ul {
	display: none;
}

ul.mainlevel-dtree .separator-dtree ul {
	display: block;
}

ul.mainlevel-dtree .active-dtree .expanded-dtree,
ul.mainlevel-dtree .separator-dtree .expanded-dtree {
		display: block;
	background-image: url("../images/folderopen.gif");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
}

ul.mainlevel-dtree {
	display: block;
	background-image: url("../images/base.gif");
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-top: 18px;
}

ul.mainlevel-dtree, ul.mainlevel-dtree a, ul.mainlevel-dtree span {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

ul.mainlevel-dtree img {
	border: 0px;
}

ul.mainlevel-dtree a:hover {
	text-decoration: underline;
}

ul.mainlevel-dtree a span span {
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}

ul.mainlevel-dtree #active_menu-dtree span span {
	color: #303030;
	background-color: #C0D2EC;
	clear: right;
}


/* the following is mainly copied from dtree.css (see below) */
/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;

}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	text-decoration: none;
	color: #000;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 4px 1px 4px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	text-decoration: underline;
}
.dtree a.nodeSel {
	color: #660000;

}
.dtree .clip {
	overflow: hidden;
}

/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-nav, a.mainlevel_active-nav, a.mainlevel_current-nav,
a.mainlevel-nav:link, a.mainlevel_active-nav:link, a.mainlevel_current-nav:link,
a.mainlevel-nav:visited, a.mainlevel_active-nav:visited, a.mainlevel_current-nav:visited {

	color: #29024D;
}

a.mainlevel-nav:hover, a.mainlevel_active-nav:hover, a.mainlevel_current-nav:hover {

	background-image: url(../images/gradient.jpg);
}

a.sublevel-nav, a.sublevel_active-nav, a.sublevel_current-nav,
a.sublevel-nav:link, a.sublevel_active-nav:link, a.sublevel_current-nav:link,
a.sublevel-nav:visited, a.sublevel_active-nav:visited, a.sublevel_current-nav:visited {
	background-color: #29024D;
	color: #CCCCCC;
}

a.sublevel-nav:hover, a.sublevel_active-nav:hover, a.sublevel_current-nav:hover {
	background-color: #aa8fc3;
	color:  #29024D;
}

ul.mainlevel-nav ul ul a.sublevel-nav, ul.mainlevel-nav ul ul a.sublevel_active-nav, ul.mainlevel-nav ul ul a.sublevel_current-nav,
ul.mainlevel-nav ul ul a.sublevel-nav:link, ul.mainlevel-nav ul ul a.sublevel_active-nav:link, ul.mainlevel-nav ul ul a.sublevel_current-nav:link,
ul.mainlevel-nav ul ul a.sublevel-nav:visited, ul.mainlevel-nav ul ul a.sublevel_active-nav:visited, ul.mainlevel-nav ul ul a.sublevel_current-nav:visited {
	background-color: #29024D;
	color: #CCCCCC;
}

ul.mainlevel-nav ul ul a.sublevel-nav:hover, ul.mainlevel-nav ul ul a.sublevel_active-nav:hover, ul.mainlevel-nav ul ul a.sublevel_current-nav:hover {
	background-color: #aa8fc3;
	color:  #29024D;
}

ul.mainlevel-nav ul .expanded {
	display: block;
	background-image: url("../images/arrow_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px;
}


/** customize style / layout here */

a.mainlevel-nav, a.mainlevel_active-nav, a.mainlevel_current-nav, span.mainlevel-nav,
a.mainlevel-nav:link, a.mainlevel_active-nav:link, a.mainlevel_current-nav:link,
a.mainlevel-nav:visited, a.mainlevel_active-nav:visited, a.mainlevel_current-nav:visited,
a.mainlevel-nav:hover, a.mainlevel_active-nav:hover, a.mainlevel_current-nav:hover,
a.sublevel-nav, a.sublevel_active-nav, a.sublevel_current-nav, span.sublevel-nav,
a.sublevel-nav:link, a.sublevel_active-nav:link, a.sublevel_current-nav:link,
a.sublevel-nav:visited, a.sublevel_active-nav:visited, a.sublevel_current-nav:visited,
a.sublevel-nav:hover, a.sublevel_active-nav:hover, a.sublevel_current-nav:hover {
	font-weight: normal;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 0.3em 0.5em 0.3em 0.5em;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #896a3c;
	border-left-color: #896a3c;
}

a.mainlevel-nav, a.mainlevel_active-nav, a.mainlevel_current-nav, span.mainlevel-nav {
}

a.sublevel-nav, a.sublevel_active-nav, a.sublevel_current-nav, span.sublevel-nav {
	font-size: 90%;
	border-top: none;
	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}

#active_menu-nav,
a.mainlevel_active-nav, a.mainlevel_current-nav,
a.mainlevel_active-nav:link, a.mainlevel_current-nav:link,
a.mainlevel_active-nav:visited, a.mainlevel_current-nav:visited,
a.mainlevel_active-nav:hover, a.mainlevel_current-nav:hover,
a.sublevel_active-nav, a.sublevel_current-nav,
a.sublevel_active-nav:link, a.sublevel_current-nav:link,
a.sublevel_active-nav:visited, a.sublevel_current-nav:visited,
a.sublevel_active-nav:hover, a.sublevel_current-nav:hover {
	font-weight: bold;
}

ul.mainlevel-nav, .mainlevel-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}

ul.mainlevel-nav li {
	padding: 0;
	margin: 0;
	background: none;
	float: left;
}

ul.mainlevel-nav li li {
	position: relative;
	display: block;
	width: 15em;
}


ul.mainlevel-nav ul {
	display: block;
	position: absolute;
	left: -999em;
	margin: -0.2em 0 0 0em;
	width: auto;
	height: auto;
	z-index: 101;
}
	

 ul.mainlevel-nav li li ul {
	margin: -1.45em 0 0 15em;
	*margin: -1.45em 0 0 7.5em;
}


ul.mainlevel-nav li:hover ul,
ul.mainlevel-nav li.hover ul {
	left: auto;
}

ul.mainlevel-nav li:hover ul ul,
ul.mainlevel-nav li.hover ul ul {
	left: -999em;
}

ul.mainlevel-nav li:hover ul li:hover ul,
ul.mainlevel-nav li.hover ul li.hover ul {
	left: auto;
}


ul.mainlevel-nav, ul.mainlevel-nav li li {
	clear: left;
}

/** separator */
span.mainlevel-nav, span.sublevel-nav {
	display: block;
	width: 1em;
	border-width: 0px;
	margin-left: 1em;
	padding: 0;
	padding-top: 1px;
}

/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevel-nav > ul.mainlevel-nav {
	position: absolute;
	top: 5em;	/* change the absolute position for IE5.0 here */
}
ul.mainlevel-nav > ul.mainlevel-nav li.hover ul {
	margin: 0.1em 0 0 0em;	/* top, right, bottom, left */
}
ul.mainlevel-nav > ul.mainlevel-nav li.hover ul ul {
	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */
}