div#main {padding-top: 4em;}

div#menu {float: left; margin: 1em 0; }
div#menu ul {margin: 0; padding: 0; border: 0;}
div#menu li {	position: relative;
		list-style: none;
		margin: 0; padding:0;
		float: left;
		height: 28px;
		border-right:3px solid #dcc;
}
#menu li.final {	border-right:0; }
div#menu li a {	display: block;
		text-decoration: none;
		color:white;
		height:28px;
		background:top left no-repeat;
}
div#menu>ul a {width:auto;}

#menu li a span { visibility:hidden; }
#menu li a.home { background:url(/images/nav/menu1.bmp); width:61px }
#menu li a.about { background:url(/images/nav/menu2.bmp); width:129px }
#menu li a.teach { background:url(/images/nav/menu3.bmp); width:150px }
#menu li a.faq { background:url(/images/nav/menu4.bmp); width:74px; }
#menu li a.start { background:url(/images/nav/menu5.bmp); width:160px }
#menu li a.events { background:url(/images/nav/menu6.bmp); width:74px }
#menu li a.links { background:url(/images/nav/menu7.bmp); width:57px }
#menu li a.contact { background:url(/images/nav/menu8.bmp); width:84px }

#menu li a:hover { background-position:bottom left; color:#f88 }