@import url('undohtml.css');

/* navigation container */

#nav {
	width:981px;
	position:relative;
	z-index:2;
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
	font-size:0.7em;
	text-align:center;
	height:70px;
}
#nav a{
	text-decoration:none;
}

ul.menu,ul.moo-menu{ 
	width:165px;
}


/*top tier */
ul.menu li,ul.moo-menu li{
	float:left;
	background:url(../../images/menu-off-repeat.png) repeat-x;
	height:71px;
	width:136px;
	
}
ul.menu li ul{
	display:none;
	
}
.topnav {
	margin:12px 0px 19px 0px;
	display:block;
	padding:10px;
	padding-top:13px;
	height:17px;
	text-decoration:none;
	color:#fff;
	border-right:1px #fff solid;
	font-weight:bold;
}
.topnav:hover {
	color:#fff;
	background:url(../../images/menu-white-on-repeat.gif);
}

#nav li#first {
	background:url(../../images/menu-off-left.png) left top;
	width:150px;
}
#nav li#last {
	background:url(../../images/menu-off-right.png) right top;
	width:150px;
}
#nav li#first a{
	margin-left:15px;
}
#nav li#last a{
	margin-right:12px;
	border:none;
}
#nav li#first a:hover{
	background:url(../../images/menu-white-on-left.gif) left top;
}
#nav li#last a:hover{
	background:url(../../images/menu-white-on-right.gif) right top;
}


ul.menu :hover > a.topnav, ul.moo-menu :hover > a.topnav  {	
	background:url(../../images/menu-white-on-repeat.gif);
}


/* second tier */

ul.menu li:hover ul{
 	display:block;
}
ul.moo-menu li ul li, ul.menu li ul li{ 
	float:none;
	clear:both;
	height:auto;
}
ul.moo-menu ul, ul.menu ul {
	list-style:none;
	margin-top:-18px;
	margin-left:-16px;
	
	width:135px;
	background:url(../../images/submenu.png) no-repeat bottom left;
	padding:0px 15px 35px 15px;
}

ul.moo-menu ul li, ul.menu ul li{
	margin:0;
	background:none;
	padding:0;
}
ul.moo-menu ul a, ul.menu ul a {
	color:#555;
	background:none!important;
	display:block;
	padding:5px;
	margin:0;
}
ul.moo-menu ul a:hover, ul.menu ul a:hover {
	color:#222;
	text-decoration:underline!important;
}