﻿#menuSidebar {
	width: 215px;
	background-color: #FFFFFF;
	margin: 12px 0 0 0;
}

ul.MenuBarVertical
{
	margin: 0 0 0 -15px;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: 5em;
	text-transform: uppercase;
	text-align: right;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

ul.MenuBarVertical ul
{
	margin: -10% 0 0 25%;
	padding: 0;
	list-style-type: none; /*font-size: 0.5em*/;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 20em;
	left: -1000em;
	top: 0;
	text-transform: none;
	color: black;
	list-style-image: url('../imgs/menu/menu-Triangolo_03.png');
	
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* COLORE DI ESPANDI Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	color: #B1063A;
}

#menuSidebarEpandi1, #menuSidebarEpandi2, #menuSidebarEpandi3, #menuSidebarEpandi4, #menuSidebarEpandi5, #menuSidebarEpandi6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	text-transform: uppercase;
	margin: 2px 0 0 170px;
}

#menuSidebarVoci {
	font-size: 0.9em;
}

ul.menuVerticale {
	list-style-image: url('../imgs/menu/menu-Triangolo_01.png');
	margin: 10px 0 20px -10px;
}

a.menuSidebarLink {
	text-decoration: none;
	color: #000000;
}

a.menuSidebarLink:hover	{
	text-decoration: underline;
}



