/*************************************************
*** Dropdown CSS Code CSS
*** Code based on http://www.projectseven.com/tutorials/navigation/auto_hide/
**************************************************/
#menu 
{
	background: #c8d200;
	width: 100%;
	float: left;
	z-index: 100;
}

#menu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	z-index: 100;
}

div#menu ul li h2 a
{
	width: 122px;
	height: 17px;
	z-index: 100;
}

#menu ul li ul a
{
	width: 135px;
	z-index: 100;
}

#menu a, #menu h2 
{
	display: block;
	border-right: 2px white solid;
	border-bottom: 1px white solid;
	border-left: 1px white solid;
	margin: 0;
	padding: 2px 3px;
	z-index: 100;
}

#menu h2 
{
	color: #fff;
	background: #c8d200;
	padding: .5em .5em;
	z-index: 100;
}

#menu a 
{
	color: white;
	background: #dbe254;
	text-decoration: none;
	width: 120px;
	z-index: 100;
}

#menu a:hover 
{
	color: white;
	background: #62BB47;
	z-index: 100;
}

#menu li 
{
	position: relative;
	z-index: 100;
}

#menu ul ul 
{
	position: absolute;
	z-index: 500;
	z-index: 100;
}

#menu ul ul ul 
{
	top: 0;
	left: 100%;
	z-index: 100;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
	display: none;
	z-index: 100;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display: block;
	z-index: 100;
}

div#menu h2 a,div#menu h2 a:hover
{
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	z-index: 100;
}