#root { 
	margin:0 0 0 17px; padding:0;
	width: 640px;
	position:relative;
	float:left;
	display:inline;
	list-style:none;
}

#root li{
	margin:6px 0 0 0;
	padding:00;
	display:inline;
	list-style: none;
	clear:none;
	float:left;
	height:19px;
	cursor:pointer;
	}
#root li span{ width:150px; height:50px; float:left;cursor:pointer;}

#root li a:link, #root li a:visited, #root li a:active {
	color:#fff;
	float:left; 
	display:block;
	margin:0; 
	font-size:1.2em;
	padding:0; 
	text-decoration:none;
	height:33px;
	overflow:hidden;
	width:41px;
	line-height:150px;
}


#root li.home{ background:url(../assets/images/nav/home.gif) top left no-repeat; width:41px; }
#root li.home, #root li.home a:link, #root li.home a:visited, #root li.home a:active { 
	background:url(../assets/images/nav/home.gif) top left no-repeat; width:41px; }
#root li.home a:hover { background:url(../assets/images/nav/home_over.gif) top left no-repeat;}
#root li.home a.active { background:url(../assets/images/nav/home_active.gif) top left no-repeat; } 

#root li.venues{ background:url(../assets/images/nav/venues.gif) top left no-repeat; width:80px; margin-left:22px;   }
#root li.venues, #root li.venues a:link, #root li.venues a:visited, #root li.venues a:active { 
	background:url(../assets/images/nav/venues.gif) top left no-repeat; width:80px; }
#root li.venues a:hover { background:url(../assets/images/nav/venues_over.gif) top left no-repeat;}
#root li.venues a.active { background:url(../assets/images/nav/venues_active.gif) top left no-repeat; } 

#root li.finder{ background:url(../assets/images/nav/finder.gif) top left no-repeat; width:92px; margin-left:19px;   }
#root li.finder, #root li.finder a:link, #root li.finder a:visited, #root li.finder a:active { 
	background:url(../assets/images/nav/finder.gif) top left no-repeat; width:92px; }
#root li.finder a:hover { background:url(../assets/images/nav/finder_over.gif) top left no-repeat;}
#root li.finder a.active { background:url(../assets/images/nav/finder_active.gif) top left no-repeat; } 

#root li.about{ background:url(../assets/images/nav/about.gif) top left no-repeat; width:79px; margin-left:21px;   }
#root li.about, #root li.about a:link, #root li.about a:visited, #root li.about a:active { 
	background:url(../assets/images/nav/about.gif) top left no-repeat; width:79px; }
#root li.about a:hover { background:url(../assets/images/nav/about_over.gif) top left no-repeat;}
#root li.about a.active { background:url(../assets/images/nav/about_active.gif) top left no-repeat; } 

#root li.team{ background:url(../assets/images/nav/team.gif) top left no-repeat; width:103px; margin-left:21px;   }
#root li.team, #root li.team a:link, #root li.team a:visited, #root li.team a:active { 
	background:url(../assets/images/nav/team.gif) top left no-repeat; width:103px; }
#root li.team a:hover { background:url(../assets/images/nav/team_over.gif) top left no-repeat;}
#root li.team a.active { background:url(../assets/images/nav/team_active.gif) top left no-repeat; } 

#root li.news{ background:url(../assets/images/nav/news.gif) top left no-repeat; width:39px; margin-left:20px;   }
#root li.news, #root li.news a:link, #root li.news a:visited, #root li.news a:active { 
	background:url(../assets/images/nav/news.gif) top left no-repeat; width:39px; }
#root li.news a:hover { background:url(../assets/images/nav/news_over.gif) top left no-repeat;}
#root li.news a.active { background:url(../assets/images/nav/news_active.gif) top left no-repeat; } 

#root li.contact{ background:url(../assets/images/nav/contact.gif) top left no-repeat; width:55px; margin-left:20px;   }
#root li.contact, #root li.contact a:link, #root li.contact a:visited, #root li.contact a:active { 
	background:url(../assets/images/nav/contact.gif) top left no-repeat; width:55px; }
#root li.contact a:hover { background:url(../assets/images/nav/contact_over.gif) top left no-repeat;}
#root li.contact a.active { background:url(../assets/images/nav/contact_active.gif) top left no-repeat; } 

#root li.hidden { display:none;}


/*TOMS AWESOME STYLING*/

#menu {
	margin:0 0 0 17px; padding:0;
	width: 640px;
	position:relative;
	float:left;
	display:inline;
/*	list-style:none;
  float: left;
  width: 100%;
  background-color: #DAE0D2;
  font-size: 93%;
  line-height: normal;
  padding: 0px 0px 0px 20px;*/
}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu ul li {
  list-style: none;
  background:none;
}

#menu ul li a {
  float: left;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #6666FF;
   background:none;
}

/*#menu ul.horizontal li.level1 {
  float: left;
  height: 22px;
  padding: 0px;
  padding: 2px 10px 2px 10px;
  border: 1px solid black;
  background-color: white;
}*/

#menu ul.horizontal li.level1 a {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: black;
}

#menu ul.horizontal li.level1 a:hover {

}

#menu ul.horizontal > li.level1 a {
  width: auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul li a { float:none; }
/* End IE5-Mac hack */

#menu ul.dropdown,
#menu ul.flyout {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 143px;
 border:1px solid #00aedb;
 background:#fff;
}

#menu ul.dropdown li.level2,
#menu ul.flyout li.level3 {
	 background:#fff;
	line-height:12px;
	 height:auto;
	 background:#fff;
	 margin:0;
}

#menu ul.dropdown li.level2 a:link, #menu ul.dropdown li.level2 a:visited,#menu ul.dropdown li.level2 a:active,
#menu ul.flyout li.level3 a:link, #menu ul.dropdown li.level3 a:visited,#menu ul.dropdown li.level3 a:active {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	padding: 4px;
	line-height:12px;
	height:auto;
	background:none;
	width: 135px;
}

#menu ul.dropdown li.level2 a:hover,
#menu ul.flyout li.level3 a:hover {
  background: #78a22e;
  color:#fff;
}


