ul#nav1 {
	width: auto;
	height: 31px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-table;
	background-color: #630;
}
ul#nav1 li.list-item {
	width: auto;
	float: left;
	list-style-type: none;
	margin: 0 auto 0 auto;
	display: inline;
	padding: 0 8px;
}
ul#nav1 li span { height: 31px; cursor: pointer; display: block; }
ul#nav1 li a em { display: none; }

ul#nav1 a.main { 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: 0 0; 
	height: 31px; 
	display: block;
}

ul#nav1 #Home a.main {
	background-image: url(images/nav-home.gif);
	width: 62px;
}

ul#nav1 #About a.main { background-image: url(images/nav-about.gif); width: 139px; }
ul#nav1 #Products a.main { background-image: url(images/nav-products.gif); width: 122px; }
ul#nav1 #Parents a.main { background-image: url(images/nav-parents.gif); width: 76px; }
ul#nav1 #Educators a.main { background-image: url(images/nav-educators.gif); width: 87px; }
ul#nav1 #Kids a.main { background-image: url(images/nav-kids.gif); width: 51px; }
ul#nav1 #Learn a.main { background-image: url(images/nav-learn.gif); width: 87px; }
ul#nav1 #Shop a.main { background-image: url(images/nav-shop.gif); width: 50px; }
ul#nav1 #Press a.main { background-image: url(images/nav-press.gif); width: 45px; }
ul#nav1 #Contact a.main { background-image: url(images/nav-contact.gif); width: 94px; }

/** HOVER and ACTIVES **/
ul#nav1 #Home a.active, 
ul#nav1 #About a.active, 
ul#nav1 #Products a.active, 
ul#nav1 #Parents a.active, 
ul#nav1 #Educators a.active, 
ul#nav1 #Kids a.active, 
ul#nav1 #Learn a.active, 
ul#nav1 #Shop a.active,
ul#nav1 #Press a.active,
ul#nav1 #Contact a.active,

ul#nav1 #Home a:hover, 
ul#nav1 #About a:hover, 
ul#nav1 #Products a:hover,
ul#nav1 #Parents a:hover, 
ul#nav1 #Educators a:hover, 
ul#nav1 #Kids a:hover, 
ul#nav1 #Learn a:hover, 
ul#nav1 #Shop a:hover, 
ul#nav1 #Press a:hover, 
ul#nav1 #Contact a:hover { 
	background-position: 0 -31px; 
}

/** Drop Down CSS **/
#nav1 ul { z-index: 30; list-style: none; }

/* LEVEL ONE */
ul.dropdown {
	position: relative;
	list-style: none;
	background-color: #663200;
}
ul.dropdown li {
	width: auto;
	font-weight: bold;
	float: left;
	background-color: #663200;
}
ul.dropdown a {
	color: #FFF;
}
ul.dropdown a:hover {
	color: #FFFF80;
	text-decoration: none;
}
ul.dropdown a:active {
	color: #FFFF80;
	text-decoration: none;
}
ul.dropdown li a {
	font-weight: bold;
	display: block;
	background-color: #630;
}
ul.dropdown li.hover, ul.dropdown li:hover	{
	color: white;
	position: relative;
	background-color: #630;
}
ul.dropdown li.hover a {  }


/* LEVEL TWO */
ul.dropdown ul {
	width: auto;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 12px;
	z-index: 31;
	padding-left: 0;
	list-style: none;
}
ul.dropdown ul li {
	text-align: left;
	width: 100px;
	font-size: 11px;
	font-weight: normal;
	float: none;
	margin: 0;
	padding: 3px 0 3px 14px;
	background-color: #663200;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #94A282;
}
ul.dropdown ul li.last-child { border-bottom-style: none; border-bottom-width: 0; } /* Doesn't work in IE */
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } 

/* LEVEL THREE */
ul.dropdown ul ul { left: 100%; top: 0; border-top: 1px solid black; list-style: none; }
ul.dropdown li:hover > ul { visibility: visible; }