.TreeMenu{ /* Common styles for all the menu */
	color:#333333;
	font-family: Verdana, arial, helvetica, sans-serif;	
	width: 160px;
	background-color: #FFFFFF;
}

.TreeMenu ul{ /*Style for ULs that are children of LIs (submenu) */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
}

ul.TreeMenu{ /*Style for the root UL*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
}

.TreeMenu li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	/* background: White; */
	list-style-type: none;
}

.TreeMenu li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	/*background-color: #F3F0E7;*/
	background-color: #FFFFFF;
	cursor: hand !important;
	cursor: pointer !important;
	/* border-top: solid 1px #6C623F; */
}

.TreeMenu li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
	padding-left: 0px;
}

.TreeMenu .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
	padding-left: 10px;
}

/* WP Styles */

/* Styles for the Divs Elements Where the Pages names are placed*/

/* Common Styles For All the Pages Names */
div.SubMenuOpen,
div.SubMenuClose,
div.Item,
div.ItemSelected,
div.RootItem,
div.RootItemSelected,
div.SubMenuOpenSelected,
div.SubMenuCloseSelected {
	/* Here I use the hack that IE don't understand the max-height selector */
	height:19px;
	vertical-align:middle;	
	padding-top:4px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, arial, helvetica, sans-serif;
	padding-left:20px; 	
	color:#746754; 	
}

li > div.SubMenuOpen,
li > div.SubMenuClose,
li > div.Item,
li > div.ItemSelected,
li > div.RootItem,
li > div.RootItemSelected,
li > div.SubMenuOpenSelected,
li > div.SubMenuCloseSelected {
	/* Here I use the hack that IE don't understand the max-height selector */
	height:15px;
}

/* Styles for the SubMenu Items when are Open */
div.SubMenuOpen,
div.SubMenuOpenSelected
{
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma;
	color: #3a5a95;
	background:#FFFFFF url('images/arrow.jpg') no-repeat;
	border-bottom: solid #ffffff 1px;
	/*color: #ff0000;*/
}

	div.SubMenuOpen a:active, 
	div.SubMenuOpen a:link, 
	div.SubMenuOpen a:hover, 
	div.SubMenuOpen a:visited
	{
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma;
	color: #3a5a95;
	text-decoration:none;		
	}	

/* Styles for the SubMenu Items when are Closed*/
div.SubMenuClose,
div.SubMenuCloseSelected {
	/*background:#FFFFFF url('images/closed.gif') no-repeat;*/
	border-bottom: solid #ffffff 1px;
	font-size: 13px;
	/*font-weight: bold;*/
	font-family: Tahoma;
	color: #3a5a95;
}

	div.SubMenuClose a:active,
	div.SubMenuClose a:link, 
	div.SubMenuClose a:hover,
	div.SubMenuClose a:visited
	{
	font-size: 13px;
	/*font-weight: bold;*/
	font-family: Tahoma;
	color: #3a5a95;
	text-decoration:none;		
	}	

/* Styles for the Items. A Item is one that don't have any child.*/
div.Item,
div.ItemSelected,
div.RootItem,
div.RootItemSelected {
	color:#FFFFE8;
	padding-left:22px;
	height:auto;
	max-height:auto;
	background: url('images/list2.gif') no-repeat;
}
	li > div.Item,
	li > div.ItemSelected,
    li > div.RootItem,
    li > div.RootItemSelected {	
		height:auto;
	}

	div.Item a:active,
	div.RootItem a:active, 
	div.Item a:link, 
	div.RootItem a:link, 
	div.Item a:hover, 
	div.RootItem a:hover, 
	div.Item a:visited, 
	div.RootItem a:visited
	{
	font-size: 13px;
	/*font-weight: bold;*/
	font-family: Tahoma;
	color: #3a5a95;
	text-decoration:none;
	}	

div.RootItem,
div.RootItemSelected
{
	border-bottom: solid #ffffff 1px;	
}

/* Selected styles */

	div.SubMenuOpenSelected a:active, 
	div.SubMenuOpenSelected a:link, 
	div.SubMenuOpenSelected a:hover, 
	div.SubMenuOpenSelected a:visited,
	div.SubMenuCloseSelected a:active, 
	div.SubMenuCloseSelected a:link,
	div.SubMenuCloseSelected a:hover,
	div.SubMenuCloseSelected a:visited,
	div.ItemSelected a:active,
	div.RootItemSelected a:active,
	div.ItemSelected a:link,
	div.RootItemSelected a:link,	
	div.ItemSelected a:hover,
	div.RootItemSelected a:hover,
	div.ItemSelected a:visited,
	div.RootItemSelected a:visited
	{
		font-family: Verdana, arial, helvetica, sans-serif;		    
	    color: #3a5a95;
	    text-decoration: none;
	}
	
		
div.SubMenuCloseSelected
{
    background:#BDB08D;/* url('images/selected_closed.gif') no-repeat left center;*/
    color: #FFFFFF;	
}
div.SubMenuOpenSelected
{
    background:#BDB08D;/* url('images/selected_open.gif') no-repeat left center;*/
    color: #FFFFFF;	
}
div.ItemSelected,
div.RootItemSelected
{
	background:#BDB08D;/* url('images/selected_list.gif') no-repeat left center;*/
    color: #FFFFFF;	
}