/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
li.widget_pages ul
{
	width:	24.7em;
}

li.widget_pages ul li
{
	width:	24.7em;
}

li.widget_pages ul li ul
{
/*	border: 1px solid #006837;*/
}

li.widget_pages ul li ul li
{
	text-align: center;
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */

li.widget_pages ul li:hover ul, li.widget_pages ul li.sfHover ul 
{
	left:	24.7em; /* match ul width */
	top:	0;
}