/* ****** NAVIGATION ************************************************************* */

#nav-main ul
{
  margin:0;
  padding:0;
  list-style:none;
  display: flex;
  justify-content: start;
}

#nav-main
{
  margin:0;
  background:#669 url(/images/bg/nav.gif) top left repeat-x;
  border:1px solid #fff;

  /* One day this will work on all browsers.... */
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;  
}

#nav-main ul li
{
  margin:0;
  padding:0;
  border-right:#fff 1px solid;
  text-align: center;
  flex: 1 0 auto;
}

#nav-main ul li:last-child
{
  border-right:none;
}

#nav-main ul li a
{
  padding:0 24px;
  line-height:40px;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  display:block;
}

#nav-main ul li a:hover
{
  background:#669; 
}

#home li#nav-home a,
#about li#nav-about a,
#issues li#nav-issues a,
#news li#nav-news a,
#events li#nav-events a,
#resources li#nav-resources a,
#involved li#nav-involved a,
#blog li#nav-blog a,
#contact li#nav-contact a,
#multimedia li#nav-multimedia a
{
  background:#669;
}


#content #nav-sub
{
  text-align:center;
  font-size:11px;
  margin:0 0 1em;
  padding:0 0 1em;
  list-style:none;
  border-bottom:1px solid #aaa;
}

#content #nav-sub li
{
  margin:0 2em 0 0;
  padding:0;
  display:inline;
}

#content #nav-sub li:last-child
{
  margin:0;
}