/*--- NAVIGATION MENU FLYOUTS ---*/

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 235px;
}

#nav li {
	float: left;
	width: 235px;
}

#nav li:hover {
  background-position: 0px -33px;
}

#nav li ul {
	position: absolute;
	width: 12em;
	left: -999em;
  margin-left: 236px;
  margin-top: -33px;
  background-color: #f5efda;
  color: #f8f6f0;
  border-top: 1px solid #746a50;
  border-left: 1px solid #746a50;
  border-right: 1px solid #746a50;
}

#nav li ul li {
 border-bottom: 1px solid #746a50;
 width: 12em;
}

#nav li ul li:hover {
  text-decoration: none;
  background-color: #c35727;
}

#nav li ul li a{
  padding: 4px 0px 4px 12px;
  width: 180px;
  color: #746a50;
}

#nav li ul li a:hover{
  text-decoration: none;
  padding: 4px 0px 4px 12px;
  color: #f5efda;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

.about {
 background-image: url(/images/nav_about.gif);
 background-position: top;
 background-repeat: no-repeat;
}

.projects {
 background-image: url(/images/nav_projects.gif);
 background-position: top;
 background-repeat: no-repeat;
}

.projects {
 background-image: url(/images/nav_projects.gif);
 background-position: top;
 background-repeat: no-repeat;
}

.events {
 background-image: url(/images/nav_events.gif);
 background-position: top;
 background-repeat: no-repeat;
}

.pgallery {
 background-image: url(/images/nav_photogallery.gif);
 background-position: top;
 background-repeat: no-repeat;
}

.news {
 background-image: url(/images/nav_news.gif);
 background-position: top;
 background-repeat: no-repeat;
}

.contact {
 background-image: url(/images/nav_contact.gif);
 background-position: top;
 background-repeat: no-repeat;
}