﻿/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */

#menuv		                                 /* position, size, and font of  menu */
	{	
	position:absolute;	 
	top:auto;
	left:auto;
	z-index: 1;   
	width:265px;						          /* [1] width of menu item (i.e., box) */
	text-align: left;
	font-size:medium;
	font-family: helvetica, arial, geneva, sans-serif;
	}
#menuv-container
{
	width:auto;
}
#menuv a
	{
	width: 265px;
	display:block;						
	padding-top:1px;						/* expands menu box vertically*/
	padding-bottom:1px;
	border-bottom:1px solid #555;		/* adds bottom border */
	white-space:nowrap;
	color: black;
	background-color:silver;
	text-decoration:none;				       /* removes underlines from links */
	}

#menuv a:visited
	{
	color: black;
	background-color:silver;
	text-decoration:none;				       /* removes underlines from links */
	}

#menuv a.parent:hover
	{
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuv a.parent
	{
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuv a:hover				             /* all menus on mouse-over */
	{
	color:white;
	background-color:#006600			/* changes color of background on hover*/
	}
	
#menuv li
	{
	background-color:silver;
	list-style-type:none;		            /* removes bullets changes color of background with no link */
	}

#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 265px;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 265px;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

#menuv ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 265px;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 265px;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul ul
	{
	display: none;
	}

div#menuv ul ul ul
	{
	display: none;
	}

div#menuv ul ul
	{
	display: none;
	}

div#menuv ul ul ul li:hover ul
	{
	display: block;
	}

div#menuv ul ul li:hover ul
	{
	display: block;
	}

div#menuv ul li:hover ul
	{
	display: block;
	}

