/* Dropdown Menu

Author: Michael Wong
*/

#menucontainer
	{
	position: absolute;
	left: 1px;
	width: 1025px;
	height: 10px;
	z-index: 2;
	}

#menu{
	position: absolute;
	top: 0px;
	left: 1px;
	width: 980px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	height: 10px;
	z-index: 2;

	}

#menu a
	{
	text-align: center;
	display:block;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #8C8C8C;

	}
	
	
#menu a:link, #menu a:visited, #menu a:active	/* menu at rest */
	{
	color: black;
	background:url(images/dd.gif);
	text-decoration: none;
	}
	
#menu a:hover	/* menu at mouse-over  */
	{
	color: red;
	background:url(images/dd_over.gif);
	text-decoration:none;
	}	

	
#menu a .parenti, #menu a .parenti:hover  /* attaches down-arrow to all parenti classes */
	{
	}

#menu a.parentii, #menu a.parentii:hover 	/* attaches side-arrow to all parentii classes */
	{
	}

#menu ul
	{
	list-style:none;
	margin:0px;
	padding: 5px;
	float:left;
	width:140px;	/* width of all menu boxes */
	}
	
	
	
#menu li
	{
	position: relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	

	}

#menu ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}
	
#menu ul ul ul
	{
	top:0;
	left:100%;
	}	
	
div#menu li:hover
	{
	cursor:pointer;
	z-index:4;
	}
	

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */