ul#nav {
	margin: 0 auto;
	width: 714px;
    height: 25px;
	list-style: none;
	}

#nav li {
	position: relative;
	float: left;
	height: 25px;
}

#nav li a {
	display: block;
	background: #fff;
	width: 119px;
	height: 25px;
	text-decoration: none;
	color: #777;
	text-decoration: none;
    text-align: left;
    text-indent: -999em;
	outline: none;

}

#nav li ul {
	display: none;
	position: absolute;
	top: 25px;
    left: 0;
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
    border: 1px solid #333;
    height: auto;
    width: 140px;
    background: #fff;
}

/* Styles for Menu Items */

#nav li ul li {
	float: left;
	height: 20px;
    font-size: 10px;
    border-bottom: 1px solid #ccc;
}

#nav li ul li a {
	display: block;
    color:  #333;
	width: 140px;
    height: 15px;
	padding: 5px 0 0 0;
    text-align: left;
    text-indent: 10px;
}

#nav li ul li a:hover {
	background: #ccc;
	color: #f00;
    text-decoration: underline;
}

#nav li a#about-bujinkan {
	background: url(../images/bg/nav-links.gif) no-repeat 0 0;
	width: 115px;
}

#nav li a#about-bujinkan:hover,
#nav li.hover a#about-bujinkan {
	background: url(../images/bg/nav-links.gif) no-repeat 0 -25px;
}

#nav li a#about-dojo {
	background: url(../images/bg/nav-links.gif) no-repeat -115px 0;
	width: 116px;
}

#nav li a#about-dojo:hover,
#nav li.hover a#about-dojo {
	background: url(../images/bg/nav-links.gif) no-repeat -115px -25px;
}

#nav li a#class-information {
	background: url(../images/bg/nav-links.gif) no-repeat -231px 0;
	width: 115px;
}

#nav li a#class-information:hover,
#nav li.hover a#class-information {
	background: url(../images/bg/nav-links.gif) no-repeat -231px -25px;
}

#nav li a#events-news {
	background: url(../images/bg/nav-links.gif) no-repeat -346px 0;
	width: 116px;
}

#nav li a#events-news:hover,
#nav li.hover a#events-news {
	background: url(../images/bg/nav-links.gif) no-repeat -346px -25px;
}

#nav li a#multimedia {
	background: url(../images/bg/nav-links.gif) no-repeat -462px 0;
	width: 115px;
}

#nav li a#multimedia:hover,
#nav li.hover a#multimedia {
	background: url(../images/bg/nav-links.gif) no-repeat -462px -25px;
}

#nav li a#links {
	background: url(../images/bg/nav-links.gif) no-repeat -577px 0;
	width: 120px;
}

#nav li a#links:hover,
#nav li.hover a#links {
	background: url(../images/bg/nav-links.gif) no-repeat -577px -25px;
}
/* this sets all hovered lists to red */

#nav li:hover ul, #nav li.over ul { display: block; } /* The magic */