﻿/* CSS Popout menuv */


.menu
{
    width: 120px;
    position: relative;
    z-index: 100;
}

/* 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:relative;	
	top:0em;
	left:0em;
	z-index: 10;
	width: 120px;						          /* [1] width of menu item (i.e., box) */
	text-align: center;
	font-size: 1.0em;
	font-family: tahoma, helvetica, arial, geneva, sans-serif;
	background-color: #ffde00;
	padding:0px;
	}

#menuv a
	{
	width: 130px;
	display:block;						
	padding-top: 0.4em;						/* expands menu box vertically*/
	padding-bottom: 0.4em;
	border-bottom:1px solid #000000;		/* adds bottom border */
	white-space:nowrap;
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	text-align:right;
	color: #ffffff;
	background-color: #000000;
	text-decoration:none;				       /* removes underlines from links */
	}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuv a:hover				             /* all menus on mouse-over */
	{
	color: #000000;
	background-color: #ffde00;
	}
	
#menuv li
	{
	list-style-type:none;		            /* removes bullets */
	}

#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 130px;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	border-left:1px solid #000000;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 130px;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	}
	
	
	
	
	/* Added by Matt */
	
	
	/* Change appearance of second level */
	
	#menuv ul li ul li a, #menuv ul li ul li a:visited
	{
	width: 130px;
	display:block;						
	padding-top: 0.4em;						/* expands menu box vertically*/
	padding-bottom: 0.4em;
	border-bottom:1px solid #000000;		/* adds bottom border */
	white-space:nowrap;
	padding-left:5px;
	background-color: #ffde00;
	text-align:left;
	color:#000000;
	}
	
	#menuv ul li ul li
	{
	    background-color: #ffde00;
	}

    #menuv ul li ul li a:hover				             /* all menus on mouse-over */
	{
	color: #000000;
	}