#nav li {
  float: left;
  position: relative;
  list-style-type: none;
  height: 38px;
}

#nav li ul { 
  position: absolute;
  width: 160px;
  top: 38px;
  border-left: 1px solid #D47000;
  border-right: 1px solid #D47000;
}


#nav li ul li {
  width: 100%;
  background-color: orange;
  filter:alpha(opacity=95); /* IE */
  opacity:0.95;   /* CSS3 standard */
  -moz-opacity:0.95; /* for Mozilla */
  border-bottom: 1px solid #D47000;
  height: 24px;
}

#nav li ul li:hover { 
  background-color: #D47000;
 }

#nav li a {
  position: absolute;
  top: 0;
  display: block;
  height: 38px;
  background: url(../images/layout/nav.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}

#nav li ul li a { 
  text-decoration: none;
  background: none;
  text-indent: 6px;
  font-size: 11px;
  overflow: visible;
  line-height: 24px;
  color: #fff;
}

#nav li ul li a:hover { 
  background: none;
  xfont-weight: bold; 
  xtext-decoration: underline;
}

#nav li ul { display: none; }

#nav li:hover ul { display: block; }

#nav li:hover ul li ul { 
  display: none;
  top: -1px;
  left: 160px;
  border-top: 1px solid #D47000;
 }

#nav li:hover ul li:hover ul { 
  xxxposition: relative; 
  display: block; 
}

#nav li#about { 
  width: 160px;
}

#nav li#about a {
  width: 160px;
  background-position: 0 0;
}

#nav li#campers { 
  width: 151px;
 }

#nav li#campers a {
  width: 151px;
  background-position: -160px 0;
}

#nav li#parents { 
  width: 147px;
}

#nav li#parents a {
        width: 147px;
        background-position: -311px 0;
}

#nav li#parents ul { 
  top: 38px;
  width: 150px;
}

#nav li#jobs { 
  width: 121px;
 }

#nav li#jobs a {
  width: 121px;
  background-position: -458px 0;
}

#nav li#oca_members { 
  width: 181px;
 }

#nav li#oca_members a {
  width: 181px;
  background-position: -579px 0;
}

#nav li#about a:hover, 
#nav li#about a.selected
{
  background-position: 0 -38px;
}

#nav li#campers a:hover, #nav li#campers a.selected {
  background-position: -160px -38px;
}

#nav li#parents a:hover, #nav li#parents a.selected {
  background-position: -311px -38px;
}

#nav li#jobs a:hover, #nav li#jobs a.selected {
  background-position: -458px -38px;
}

#nav li#oca_members a:hover, #nav li#oca_members a.selected {
  background-position: -579px -38px;
}

/* variations for the homepage navigation */

#home #nav {
  background: url(../images/layout/nav_home.gif) no-repeat;
  width: 817px;
  margin: 0;
  position: relative;
  left: 27px;
}

#home #nav li a {
  background: url(../images/layout/nav_home.gif) no-repeat;
}

#home #nav li ul li a { 
  background: none;
}


#home #nav li#about { 
  width: 187px;
}

#home #nav li#about ul { 
  margin-left: 35px;
}

#home #nav li#about ul ul { 
  margin-left: 0;
}

#home #nav li#about a {
        left: 0;
        width: 187px;
  background-position: 0 0;
}

#home #nav li#campers { 
  width: 152px;
 }

#home #nav li#campers a {
  width: 152px;
  background-position: -187px 0;
}

#home #nav li#parents { 
  width: 147px;
}

#home #nav li#parents a {
        left: 0;
        width: 147px;
  background-position: -338px 0;
}

#nav li#parents ul li a { 
  width: 147px;
  background: none;
}

#nav li#parents ul { 
  top: 38px;
}

#home #nav li#jobs { 
  width: 121px;
 }

#home #nav li#jobs a {
  width: 121px;
  background-position: -485px 0;
}

#home #nav li#oca_members { 
  width: 181px;
 }

#home #nav li#oca_members a {
  width: 181px;
  background-position: -607px 0;
}

#home #nav li#about a:hover, #home #nav li#about a.selected {
  background-position: 0 -38px;
}

#home #nav li#campers a:hover, #home #nav li#campers a.selected {
  background-position: -187px -38px;
}

#home #nav li#parents a:hover, #home #nav li#parents a.selected {
  background-position: -339px -38px;
}

#home #nav li#jobs a:hover, #home #nav li#jobs a.selected {
  background-position: -485px -38px;
}

#home #nav li#oca_members a:hover, #home #nav li#oca_members a.selected {
  background-position: -607px -38px;
}