/*
	http://sperling.com/examples/menuh/
	http://sperling.com/examples/menuv/
*/

/* CSS Popout menuVertical */

/* Fix IE. Hide from IE Mac \*/
* html #menuVertical ul li { float: left; height: 1%; }
* html #menuVertical ul li a { height: 1%; }
/* End */

#menuVertical
{
	position: absolute;
	clear: both;
	display: table;
	width: 160px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 90%;
	z-index: 50;
}

#menuVertical a, .menuVerticalOn
{
	color: #fff;
	width: 100%;
	display: block;
	margin: 0;
	border-top: 1px dotted #ccc;
	line-height: 120%;
	padding: 3px 5px 3px 10px;
	/* white-space: nowrap; */
}

/* ON MENU */
.menuVerticalOn { color: #4a52a3; background-color: #fff; }

#menuVertical a,
#menuVertical a:visited { color: #fff; background-color: #4a52a3; text-decoration: none; }
#menuVertical a.arrowRight,
.arrowRightOn,
#menuVertical a.arrowRight:hover { background-image: url(/local/patoss-dyslexia.org/images/menu-arrow-right.gif); background-position: right center; background-repeat: no-repeat; }
#menuVertical a.arrowRight:hover,
.arrowRightOn{ background-image: url(/local/patoss-dyslexia.org/images/menu-arrow-right-blue.gif); }
#menuVertical a:hover,
.arrowRightOn { color: #4a52a3; background-color: #fff; }

#menuVertical li { list-style-type: none; }
#menuVertical ul li {position: relative; }
#menuVertical li ul { position: absolute; top: -5px; left: 185px; 	display: none; background: #f00 url(/local/patoss-dyslexia.org/images/menu-bg.png) repeat-y 0 -10px;} /* distance from  left menu (this should be the same as width value in #menuVertical [1]) above */

div#menuVertical ul,
#menuVertical ul ul,
div#menuVertical ul ul ul { margin: 0; padding: 0; width: 170px;  }

div#menuVertical ul ul,
div#menuVertical ul ul ul,
div#menuVertical ul li:hover ul ul,
div#menuVertical ul li:hover ul ul ul { display: none;  }

div#menuVertical ul li:hover ul,
div#menuVertical ul ul li:hover ul,
div#menuVertical ul ul ul li:hover ul { display: block; }

/* FOR THE MENU SHADOW AROUND THE POPOUT SECTION */
div#menuVertical ul li:hover ul,
div#menuVertical ul ul li:hover ul,
div#menuVertical ul ul ul li:hover ul  { background: url(/local/patoss-dyslexia.org/images/menu-bg-shad.png); margin: 0; padding: 5px 20px 5px 0; }