@charset "utf-8";
/* CSS Document */
/* Updated by: Mark Joseph Rivera @ Dog and Rooster, Inc. */
/* January 30, 2009 */

/* Begin CSS Drop Down Menu */

#menu {
position: relative;
width: 950px; height: 36px;
margin: 0 7px;
z-index: 500;
}

#menuparent {
float: left;
position: relative;
background: url(http://next2eden.com/n2emenu/images/menunav.jpg) no-repeat;
width: 950px; height: 36px;
}

#menu ul { /* -- UL form properties */
list-style: none;
margin: 0; padding: 0;
width: 950px; height: 36px;
}

#menu ul.panel01 { 
position: absolute;
top: 0; left: 0;
list-style: none;
width: 74px; height: 36px;
margin: 0; padding: 0;
}

	#menu ul.panel01 a { display: block; cursor: pointer;	width: 74px; height: 36px;	}
	#menu ul.panel01 a:hover { background: url(http://next2eden.com/n2emenu/images/home.jpg) 0 -36px no-repeat; }

#menu ul.panel02 { 
position: absolute;
top: 0; left: 77px;
list-style: none;
width: 128px; height: 36px;
margin: 0; padding: 0;
}

	#menu ul.panel02 span { display: block;	cursor: pointer; width: 128px; height: 36px; }
	#menu ul.panel02 span:hover { background: transparent url(http://next2eden.com/n2emenu/images/personalwellness.jpg) 0 -36px no-repeat;	}

#menu ul.panel03 { 
position: absolute;
top: 0; left: 208px;
list-style: none;
width: 160px; height: 36px;
margin: 0; padding: 0;
}

	#menu ul.panel03 span { display: block; cursor: pointer; width: 160px; height: 36px; }
	#menu ul.panel03 span:hover { background: transparent url(http://next2eden.com/n2emenu/images/environmentwellness.jpg) 0 -36px no-repeat;	}

#menu ul.panel04 { 
position: absolute;
top: 0; left: 371px;
list-style: none;
width: 133px; height: 36px;
margin: 0; padding: 0;
}

	#menu ul.panel04 span { display: block; cursor: pointer; width: 133px; height: 36px; }
	#menu ul.panel04 span:hover { background: transparent url(http://next2eden.com/n2emenu/images/wellnessproviders.jpg) 0 -36px no-repeat; }

#menu ul.panel05 { 
position: absolute;
top: 0; left: 507px;
list-style: none;
width: 147px; height: 36px;
margin: 0; padding: 0;
}

	#menu ul.panel05 span { display: block; cursor: pointer; width: 147px; height: 36px; }
	#menu ul.panel05 span:hover { background: transparent url(http://next2eden.com/n2emenu/images/outofcountyvisitor.jpg) 0 -36px no-repeat; }

#menu ul.panel06 { 
position: absolute;
top: 0; left: 657px;
list-style: none;
width: 64px; height: 36px;
margin: 0; padding: 0;
}

	#menu ul.panel06 a { display: block; cursor: pointer; width: 64px; height: 36px; }
	#menu ul.panel06 a:hover { background: url(http://next2eden.com/n2emenu/images/forum.jpg) 0 -36px no-repeat; }

#menu ul.panel07 { 
position: absolute;
top: 0; left: 724px;
list-style: none;
width: 54px; height: 36px;
margin: 0; padding: 0;
}

	#menu ul.panel07 a { display: block; cursor: pointer; width: 54px; height: 36px; }
	#menu ul.panel07 a:hover { background: url(http://next2eden.com/n2emenu/images/store.jpg) 0 -36px no-repeat; }

#menu ul.panel08 { 
position: absolute;
top: 0; left: 781px;
list-style: none;
width: 73px; height: 36px;
margin: 0; padding: 0;
}

	#menu ul.panel08 a { display: block; cursor: pointer; width: 73px; height: 36px; }
	#menu ul.panel08 a:hover { background: url(http://next2eden.com/n2emenu/images/aboutus.jpg) 0 -36px no-repeat; }

#menu ul.panel09 { 
position: absolute;
top: 0; left: 857px;
list-style: none;
width: 93px; height: 36px;
margin: 0; padding: 0;
}

	#menu ul.panel09 a { display: block; cursor: pointer; width: 93px; height: 36px; }
	#menu ul.panel09 a:hover { background: url(http://next2eden.com/n2emenu/images/contactus.jpg) 0 -36px no-repeat; }


#menu ul ul {
position: absolute;
top: 30px; left: 2px;
display: none;
}

#menu li { /* -- LI form properties */
color: #FFF;
margin: 0; padding: 0;
}

#menu li:hover {
cursor: pointer;
}

#menu a { /* -- Anchor form properties */
color: #333;
text-decoration: none;
}

#menu a:hover {
color: #FFF;
text-decoration: none;
}

/* Drop Down Attributes */
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;
width: 185px;
margin: 0; padding: 0;
}


/* Drop Down Style */
#menu ul li ul li:hover {
position: relative;
background: #FFF;
text-align: left;
width: 185px; height: 25px;
margin: 0;
}

#menu ul li ul li a {
display: block;
background: #FFF;
font-size: 12px;
color: #333;
text-align: left;
text-indent: 5px;
width: 183px; height: 19px;
margin: 0; padding-top: 4px;
border: solid 1px #D5D5D5;
}

#menu ul li ul li a:hover {
display: block;
background: #a1aab1;
color: #FFF;
}

/* Child Sections */
#menu ul#child1 {
position: absolute;
top: 5px; left: 125px;
color: #FFF;
width: 90px;
}

#menu ul#child1 li:hover {
position: relative;
background: #FFF;
text-align: left;
width: 90px; height: 25px;
margin: 0;
}

#menu ul#child1 li a {
display: block;
font-size: 12px;
color: #333;
text-align: left;
text-indent: 5px;
width: 90px; height: 19px;
margin: 0; padding-top: 4px;
border: solid 1px #D5D5D5;
}

#menu ul li ul li ul#child1 li a:hover {
display: block;
background: #a1aab1;
color: #FFF;
}

#menu ul#child2 {
position: absolute;
top: 5px; left: 125px;
color: #FFF;
width: 90px;
}

#menu ul#child2 li:hover {
position: relative;
background: #FFF;
text-align: left;
width: 90px; height: 25px;
margin: 0;
}

#menu ul#child2 li a {
display: block;
font-size: 12px;
color: #333;
text-align: left;
text-indent: 5px;
width: 90px; height: 19px;
margin: 0; padding-top: 4px;
border: solid 1px #D5D5D5;
}

#menu ul li ul li ul#child2 li a:hover {
display: block;
background: #a1aab1;
color: #FFF;
}