/*CSS for drop down navigation*/
/*Source: Eric Shepard, http://www.alistapart.com/articles/hybrid/ */

#divNavMain {
	clear:left;
	float:left;
	background:#555555;
	margin-left: 5px;
	margin-right:0px;
	padding: 0;
	width:895px;
	padding-top:10px;
}

#navMain {
	position: relative;
	top: 0px;
	height:1.5em;
	margin:0px 0px 0px 40px;
}

#navMain a {
	text-decoration:none;
}

#navMain li {
  /*float the main list items*/
  float: left;
  display: block;
  padding-right: 1em;
}

#navMain li ul {
	display: none;
}


#navMain li.off ul, #navMain li.on ul {
  position: absolute;
  top: 24px;
  height: 1.5em;
  margin-top:0px;
  padding-top:10px;
  background:#555555;
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
	text-decoration:underline;
}


#navMain li a {
  /*for all links in the list*/
  color: #CCFFFF;
  font-weight: bold;
  display: block;
  height: 15px;
  width: auto; 
  padding: 5px 3px;
}

#navMain li.on ul a, #navMain li.off ul a {
  float: left;/*ie doesn't inherit the float*/
  border: 0;
  color: #CCFFFF;
  width: auto;
  margin-right:8px;
}

#navMain li.on:hover ul a, #navMain li.over ul li a { 
	text-decoration:underline;
}

#navMain li.on ul {
  /*display the current topic*/
  display: block;
}

#navMain li.off:hover ul, #navMain li.over ul {
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;
}

#navMain li.off a:hover, #navMain li.on a {
	/*highlight when user hovers over*/
	text-decoration:underline;
	background: #777777;
    color: #CCFFFF;
}

/*subnav formatting*/
#navMain li.off ul a, #navMain li.on ul a {
	display: block;
	color: #CCFFFF;
	font-family: papyrus, sans-serif;
	font-size: 95%;
}		

#navMain li.on ul a {
	text-decoration:underline;
	/*background: #777777;*/
	
}

/*** position ul far too the right
     so that the links are under the section ***/
li#dining ul {
	position:fixed;
	left:385px;
}

li#things ul{
	position:fixed;
	left:505px;
}