#menuVert
{
	width: 145px;	/* width of menu */
	/*margin: 0 auto;*/
	text-align: left;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	background: url(menuImages/menuLeft.jpg) left top repeat-y;	/* middle image */
}
#menuVert .menuItem
{	
	/* hack for min-height:   http://www.dustindiaz.com/min-height-fast-hack */
	min-height: 24px;	/* height of menu item - usually same as "height of menu item background image" */
	height: auto !important;
	height: 24px;		/* height of menu item - usually same as "height of menu item background image" */
	/*margin-bottom: 1px;   bottom margin for each menu item */
	clear: left;
}
#menuVert .menuItem .menuItem
{
	min-height: 0px;	/* height of menu item - usually same as "height of menu item background image" */
	height: auto;		/* height of menu item - usually same as "height of menu item background image" */
	margin-bottom: 0px;  /* bottom margin for each menu item -- override for sub-levels */
	font-weight: normal;
}

#menuVert a, #menuVert a .link, #menuVert a .right
{
	height: 24px;	/* height of menu item background image */
	display: block;
	float: left;
	vertical-align: middle;
}
/*
#menuVert a .link 
{
	padding-top: 6px;
	height: 24px;
	min-height: 24px;
}
*/
#menuVert .menuItem .menuItem a, #menuVert .menuItem .menuItem a .link, #menuVert .menuItem .menuItem a .right
{
	height: auto;	/* height of menu item background image -- override for sub-levels */
	line-height: 16px;
}

#menuVert a
{
	color: #000000;  /* link text color */
	background: url(menuImages/buttonLeft.jpg) left top no-repeat;	/* left corner */
	padding-left: 19px;		/* width of left corner */
	text-decoration: none;
	cursor: pointer;
	line-height: 24px;
}
#menuVert .menuItem .menuItem a   /* override for sub-levels */
{
	color: #000000;   /* link text color */
	background: url();	/* left corner */
	padding-left: 0px;		/* width of left corner */
	text-decoration: none;
	cursor: pointer;
}

#menuVert a .link
{
	background: url(menuImages/buttonMiddle.jpg) left top repeat;	/* middle image */
	width: 115px;	/* width of menu item (without the corners) */
	
}
#menuVert .menuItem .menuItem a .link   /* override for sub-levels */
{
	background: url();	/* middle image */
	width: auto;	/* width of menu item (without the corners) */
}

#menuVert a .right
{
	background: url(menuImages/buttonRight.jpg) right top no-repeat;	 /* right corner */
	width: 10px;	/* width of right corner image */
}
#menuVert .menuItem .menuItem a .right   /* override for sub-levels */
{
	background: url();	 /* right corner */
	width: 0px;	/* width of right corner image */
}
#menuVert .menu .menu
{
	margin-left: 18px;	/* left margin for sub-menus */
	display: block;
}

#menuVert .current .menu
{
	display: block;
}

/* HOVER effects AND current item selected effects  */
#menuVert a:hover, #menuVert .current a    /* aristero */
{
	color: black;	/* link text color on hover */
	background: url(menuImages/buttonOverLeft.jpg) left top no-repeat;
}
#menuVert .menuItem .menuItem a:hover  /* override for sub-levels */
{
	background: url();
}

#menuVert .menuItem .current a .link   /* override for sub-levels */
{
	color: #984C28; /* #E8E0C9; */	/* link text color of current item */
	font-weight: bold;
}

#menuVert a:hover .link, #menuVert .current a .link		/* mesaio */
{
	background: url(menuImages/buttonOverMiddle.jpg) left top repeat;
}

#menuVert .menuItem .menuItem a:hover .link    /* override for sub-levels */
{
	background: url();
	color: #7d200f;		/* link text color on hover */
}

#menuVert a:hover .right, #menuVert .current a .right
{
	background: url(menuImages/buttonOverRight.jpg) left top no-repeat;
	width: 10px;	/* width of right corner image */
}

#menuVert .menuItem .menuItem a:hover .right   /* override for sub-levels */
{
	background: url();
}
