#menu {
	background-repeat: repeat-x;
	height:25px;
	width:900px;
}

#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	width:100%;
}

#nav {
	float: left;
	font-family: Verdana;
	font-size: 12px;
}

#nav a {
	display: block;
	width: 9em;
	color: #F3F3F3;
	text-decoration: none;
}

.header {
  display: block;
  width: 9em;
  height: 25px;
  text-align: center;
  line-height: 25px;
}

.header a {
	display: block;
	width: 9em;
	height:25px;
	color: #F3F3F3;
	text-decoration: none;
}

.header a:hover {
  border-style: solid;
  border-width: 0px 0px 5px 0px;
  height:20px;
  text-decoration: none;
  overflow:hidden;
}

#nav li { /* all list items */
	float: left;
	width: 9em; /* width needed or else Opera goes nuts */
}

#nav li ul { 
	position: absolute;
	width: 9em;
	left: -999em;
}

#nav li ul li {
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  padding: 5px 0px 5px 10px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	background-position: 0 0; /* this should fix ie7 getting stuck at the menu */
}

.clear {
  clear: left;
}