
/* 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 */


.arrow {
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url('/images/arrow.jpg');
		}
.arrow li {
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url('/images/arrow.jpg');
}



#menuv-container
	{
	position: relative;
	top: 0px;
	left: 16px;
	width: 211px;
	}

/* position, size, and font of  menu */
#menuv
	{
	postion: relative;
	top:0px;
	left:0px;
	z-index: 10;
	width: 211px;						          /* [1] width of menu item (i.e., box) */
	text-align: center;
	font-family: arial, helvetica, geneva, sans-serif;
	background-color: #FFFFFF;
    color: #FFFFFF;
}

#menuv a
	{
/*	width: 100%; */
	display:block;
	padding-top: 0.2em;						/* expands menu box vertically*/
	padding-bottom: 0.2em;
	padding-left: 0.2em;
/*	border-bottom:1px solid #555;		*/  /* adds bottom border */
	white-space:nowrap;
	font-size: 1em;
	}

	/* all menus at rest */
#menuv a, #menuv a:visited
	{
	color: #FFFFFF;
/*	background-color: #339999; */
	text-decoration:none;				       /* removes underlines from links */
	}


/* attaches parent-arrow on all parents */
#menuv a.parent, #menuv a.parent:hover
	{
	background-image: url('/images/navdown_white.gif');
	background-position: right center;
	background-repeat: no-repeat;
	}

  /* all menus on mouse-over */
#menuv a:hover
	{
	color: #FFFFFF;
	background-color: #66CCCC;
	background-image: inherit;
	background-repeat: no-repeat;
	background-position: right;
}

#menuv li
	{
/* removes bullets */
	list-style: none;
	line-height: 1.5em;
 	}

div#menuv li:hover
{
	color: #FFFFFF;
	background-color: #66CCCC;
}

#menuv ul li
	{
	margin: .1em 0px .1em auto;
	position:relative;
    padding-left: .5em;
	white-space:nowrap;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    text-decoration:none;
	color: #FFFFFF;
	background-color: #339999;
	background-repeat: no-repeat;
	background-position: right;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url('/images/arrow.jpg');
}

#menuv ul ul ul li
	{
	list-style: none;
	}

#menuv li ul
	{
	position: absolute;
	top: 0px;
	left: 211px;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul
	{
	margin:0px;				               /* keeps the menu parts together */
   	padding: 0px;
	width: 211px;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	background-color: #FFFFFF;
    color: #FFFFFF;
}

#menuv ul ul
	{
	margin:0px;				               /* keeps the menu parts together */
	padding:0px;
	width: 211px;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	background-color: #FFFFFF;
    color: #FFFFFF;
	list-style: none;
}

div#menuv ul ul ul
	{
	margin:0px;				               /* keeps the menu parts together */
	padding:0px;
	width: 369px;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	background-color: #FFFFFF;
    color: #FFFFFF;
	list-style: none;
}

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 li:hover ul ul,
div#menuv li li:hover ul ul,
div#menuv li li li:hover ul ul,
div#menuv li li li li:hover ul ul
{display:none;}

div#menuv li:hover ul,
div#menuv li li:hover ul,
div#menuv li li li:hover ul,
div#menuv li li li li:hover ul
{
	display:block;
}


/*  HORIZONTAL MENU CONTAINER */

#menuh-container
	{
	position: relative;
	top: 0px;
	left: 0px;
	height: 20px;
	}

#menuh
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
/*	line-height: 1.5em; */
	vertical-align: middle;
	font-weight:bold;
	text-decoration:none;
	background-color: #0057ef;
    color: #FFFFFF;
    text-decoration: none;
	width:500px;
	height:20px;
	}

#menuh a
	{
	text-align: left;
	display:block;
	border: inherit;
	white-space:nowrap;
	text-decoration:none;
	}

#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: #FFFFFF;
	background-color: #0057ef;
	text-decoration:none;
	}

#menuh a:hover	/* menu at mouse-over  */
	{
	color:  #fed190;
	background-color: #0057ef;
	text-decoration:none;
	}

#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
/*	background-image: url(/images/navdown_white.gif);
	background-position: left;
	background-repeat: no-repeat;
*/
	}

#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
/*	background-image: url(/images/navdown_white.gif);
	background-position: left;
	background-repeat: no-repeat;
*/
	}

#menuh ul
	{
	list-style:none;
/*	line-height: 1.5em; */
	vertical-align: middle;
	float:left;
	text-align:left;
	white-space:nowrap;
/*	width:9em;	/* width of all menu boxes */
	padding: .2em .4em .2em .4em;
	margin: 0px;
	color: #FFFFFF;
	background-color: #0057ef;
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	padding: .2em .4em .2em .4em;
	}

#menuh li li
	{
	position:relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	/* border-bottom: 1px solid #ffffff; */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

