/* 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:relative;	
	top:0em;
	left:0em;
	z-index: 10;
	width: 114px;						          /* [1] width of menu item (i.e., box) */
	text-align: center;
	font-size: 11px;
	font-family: helvetica, arial, geneva, sans-serif;
	}

#menuv a
	{
	width: 100%;
	display:block;						
	padding-top: 1px;						/* expands menu box vertically*/
	padding-bottom: 1px;
	border-bottom:1px solid #FFFFFF;		/* adds bottom border */
	white-space:nowrap;
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	color: white;
	background-color: #9B7D9B;
	text-decoration:none;	
	font-weight:bold;	
	padding:2px;		       /* removes underlines from links */
	}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(images/nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuv a:hover				             /* all menus on mouse-over */
	{
	width:114px;
	color: #725872;
	background-color: #CBC0DE;
	font-weight:bold;
	}
	
#menuv li
	{
	list-style-type:none;	            /* removes bullets */
	}

#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 118px;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}
	
#menuv li ul ul
	{
	position: absolute;
	top: 0;
	left: 150px;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul
	{
	margin:0;					               /* keeps the menu parts together */
	padding:0;
	width: 114px;			              /* 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
	{
	margin:0;					               /* keeps the menu parts together */
	padding:0;
	width: 150px;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}
	
div#menuv ul
	{
	margin-left:1px;
	display:none;
	}
	
div#menuv ul ul, div#menuv ul ul ul
	{
	margin-left:0px;
	}

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;	
	}
div#menuv ul ul li, #menuv ul ul ul li
	{
	display: block;	
	width:150px;
	}
div#menuv ul ul li a:hover, #menuv ul ul ul li a:hover
	{
	display: block;	
	width:150px;
	*margin-bottom:-3px;
	}
	

/*This is for the top level menu items <divs>*/
.tl
	{
	cursor: pointer;
	color: #FFFFFF;
	background-color: #725872;
	padding:2px;
	text-decoration: none;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11;
	margin:1px;
	text-align: center;
	font-weight: bold;
	width: 114px;
	}
	
.menutop
	{
	font-size:1px;
	margin-left:1px;
	padding-bottom:0px;
	border:0px;
	width:118px;
	height:10px;
	background-image: url(images/menutop3.gif);
	background-repeat: no-repeat;
	}
	
.menubottom
	{
	font-size:1px;
	margin-left:1px;
	padding-bottom:0px;
	border:0px;
	width:118px;
	height:10px;
	background-image: url(images/menubottom3.gif);
	background-repeat: no-repeat;
	}
