﻿
/* 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:3em;

	left:1em;*/

	z-index: 10;

	width: 100%;						/* [1] width of menu item (i.e., box) */

	text-align: center;

	font-size: 1.0em;

	font-family: helvetica, arial, geneva, sans-serif;
	
	line-height: 110%;

}



#menuv a

{

	/*width: 100%;*/

	display:block;						

	padding-top: 0.3em;						/* expands menu box vertically*/

	padding-bottom: 0.3em;
	
	padding: 12px;

	border-bottom:1px solid #555;		/* adds bottom border */
	/*border:1px solid orange;*/

	white-space:nowrap;	

	border-radius: 4px;    

	-moz-border-radius: 4px;

    -webkit-border-radius: 4px;





}



#menuv a, #menuv a:visited				/* all menus at rest */
{
	color: #fff;                /*text color;*/
	background-color: #212121; /*royalblue;*/
	/*border-color: blue;*/
	text-decoration:none;				/* removes underlines from links */
}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
{
	background-image: url(images/arrow_wh_short.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#menuv a:hover				/* all menus on mouse-over */
{
	color: white;			/* text color */
	background-color: #000; /*cornflowerblue;*/
}
		
#menuv li
{
	list-style-type:none;		/* removes bullets */
}
	
#menuv ul li
{
	position:relative;
}

#menuv li ul
{
	position: absolute;
	top: 0.35em;					/* vertical offset of submenu */
	left: 100%;				/* (second column) distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	padding-left: 20px;
}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
{
	margin:0;				/* keeps the menu parts together */
	padding:0;
	width: 100%;			/* 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;
}

#menuv select {
	margin-bottom: 15px;
}

#buttonG2div {
	
}