/* 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 */


/* COLOURS ---- */
#menuv ul li ul.rollover_aqua li a:hover{
 background-color:#00A09E; /*  green rollover color */
  color:#ffffff;
}
#menuv ul li ul.rollover_dblue li a:hover{
 background-color:#164990; /* dark blue rollover color */
   color:#ffffff;
}
#menuv ul li ul.rollover_yellow li a:hover{
 background-color:#F0B034; /*  yellow rollover color */
   color:#ffffff;
}
#menuv ul li ul.rollover_green li a:hover{
 background-color:#479944; /*  white rollover color */
 color:#ffffff;  /*so u can still read the text */
} 

#menuv		                                 /* position, size, and font of  menu */
	{	
	position:absolute;	
	/*top:19em;
	left:6em;
	z-index: 10;
	width: 400px;		*/				          /* [1] width of menu item (i.e., box) */
	text-align: left;
	font-size: 12px;
	font-family: helvetica, arial, geneva, sans-serif;
	
	}

#menuv a
	{
	width: 100%;
	display:block;	
					
					/* expands menu box vertically*/
	/*padding-bottom: 0.2em;*/
	/*border-bottom:1px solid #4F9EE3;*/		/* adds bottom border */
	white-space:nowrap;
	}
#menuv ul li a{
    padding-top: 0em;

}
#menuv ul.sub li a{
    padding: 0px;

		
}


#menuv a, #menuv a:visited				/* all menus at rest */
	{
	color: white;
	font-weight: bold;
	text-decoration:none;		       /* removes underlines from links */
	}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
	{

	}

#menuv a:hover				             /* all menus on mouse-over */
	{
	color: #4F9EE3;
	/*text-indent:10px;*/
	}
	
#menuv li
	{
	list-style-type:none;	
	padding-top: 0em;		
		/*text-indent:10px;	   */         /* removes bullets */
	}

#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 205px;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	z-index:9000;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 170px;			              /* 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;
	/*-moz-opacity:0.4;filter:alpha(opacity=60) */;
	/*background-color: #1E5F94;*/
	
	}
ul#bg1{background-image:url(images/menu1.gif)} 
ul#bg2{background-image:url(images/menubg2.gif)} 
ul#bg3{background-image:url(images/menubg3.gif)} 
ul#bg4{background-image:url(images/menubg4.gif)}