/* menu styles */

ul.tree-menu		{ width: 100%; margin: 0; padding: 0; }
ul.tree-menu ul		{ margin: 0 0 0 15px; padding: 5px 0 0 0; }
ul.tree-menu li		{ list-style-type: none; margin: 0; padding: 0; }

li.section a				{ margin-left: 24px; font-family: Verdana;  font-size: 10px; line-height: 26px; color: #324150; text-decoration: none; white-space: nowrap; }
li.section a:hover			{ color: #F20017; }

li.section-open a			{ margin-left: 24px; font-family: Verdana;  font-size: 10px; line-height: 26px; color: #ffffff; text-decoration: none; white-space: nowrap; }
li.section-open a:hover		{ color: #F20017; }

li.section-hov a			{ margin-left: 24px; font-family: Verdana;  font-size: 10px; line-height: 26px; color: #ffffff; text-decoration: none; white-space: nowrap; }
li.section-hov a:hover		{ color: #ffffff; }

li.box a					{ margin-left: 24px; font-family: Verdana;  font-size: 10px; line-height: 14px; color: #324150; font-style: italic; text-decoration: none; white-space: nowrap; }
li.box a:hover				{ color: #F20017; }

li.selected-box a			{ margin-left: 24px; font-family: Verdana;  font-size: 10px; line-height: 14px; color: #F20017; font-style: italic; text-decoration: none; white-space: nowrap; }
li.selected-box a:hover		{ color: #F20017; }

ul.tree-menu li.section		{ background-image: url(../images/folder.gif); background-repeat: no-repeat; background-position: top left; padding-bottom: 8px; }
ul.tree-menu li.section-open{ background-image: url(../images/folder-open.gif); background-repeat: no-repeat; background-position: top left; padding-bottom: 20px; }
ul.tree-menu li.section-hov	{ background-image: url(../images/folder-open.gif); background-repeat: no-repeat; background-position: top left; padding-bottom: 8px; }
ul.tree-menu li.box			{ padding: 1px 0px 1px 0px; }
ul.tree-menu li.selected-box{ padding: 1px 0px 1px 0px; }