nav
{
  font-family:Georgia,serif;
  text-shadow:0 0 5px rgba(0,0,0,.4);
}

nav#main
{
  float:right;
  display:inline;
  margin:-40px 0 0 0;
  font-size:110%;
}

nav#main > ul
{
  white-space:nowrap;
  text-transform:uppercase;
}

nav#main > ul > li
{
  margin:0;
  display:inline-block;
  padding:5px;
  border-radius:5px;
  position:relative;
  background:none;
  font-weight:bold;
}

nav#main > ul > li a
{
  padding:7px 13px;
  color:#fff;
  text-decoration:none;
  display:block;
}

#home nav#main > ul > li#nav-home > a,
#news nav#main > ul > li#nav-news > a,
#involved nav#main > ul > li#nav-involved> a,
#multimedia nav#main > ul > li#nav-multimedia > a,
#links nav#main > ul > li#nav-links > a,
nav#main > ul > li:hover > a
{
  border:1px solid #2f2f66;
  background:#49498C;
  border-radius:10px;
  padding:6px 12px;
}

nav#main > ul > li#nav-news:hover > a,
nav#main > ul > li#nav-multimedia:hover > a
{
  border-radius:10px 10px 0 0 !important;
}

nav#main ul li ul
{
  display:none;
  position:absolute;
  top:35px;
  left:5px;
  z-index:10;
  border:1px solid #2f2f66;
  background:#49498C;
  box-shadow:1px 1px 1px rgba(0,0,0,.5);
  white-space:normal;
  text-transform:none;
  border-top:none;
  border-radius:0 10px 10px 10px;
  width:200px;
  font-weight:normal;
}

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

nav#main ul li ul li:hover a {
	background:#448;
	border-radius:0;
  box-shadow:inset 0 0 15px  rgba(0,0,0,.1);
	}

nav#main ul li ul li:first-child a:hover { border-radius:0 10px 0 0; }
nav#main ul li ul li:last-child a:hover { border-radius:0 0 10px 10px; }


/* ************** S U B N A V ****************** */


nav#secondary
{
  font-size:120%;
  position:absolute;
  right:10px;
  top:50px;
}

nav#secondary li
{
  display:inline-block;
}

nav#secondary li:last-child a
{
  border:none;
}

nav#secondary a { color:#fff;
  padding:0 10px;
  border-right:1px solid #fff;
}


/* ************** B R E A D C R U M B S ****************** */


div#breadcrumbs
{
  padding:.5em;
  border-radius: 10px 10px 0 0;
  background:#eee;
  margin:-20px -20px 20px -20px;
  padding:10px;
  font-size:85%;
  color:#666;
} 

body#about div#breadcrumbs,
body#multimedia div#breadcrumbs,
body#news div#breadcrumbs
{
  border-radius:10px 0 0 0;
  border-right:1px solid #fff;
}

#breadcrumbs ol
{
  display: inline;
  border: none;
} 

#breadcrumbs ol li
{
  margin-left: 0;
  padding-left: 20px;
  border: none;
  list-style: none;
  display: inline;
  background:url('/images/bcseparator.gif') 7px 6px no-repeat;
}

#breadcrumbs ol li.first
{
  padding-left:0;
  background-image:none;
}


/* ************** S O C I A L   M E D I A ****************** */

ul#nav-sm
{
   float:left;
}

#nav-sm li 
{
   float:left;
   padding:0 15px 15px 15px;
}


#nav-sm li a
{
   display:block;
   width:32px;
   height:32px;
   text-align:left;
   text-indent:-9999em;
   overflow:hidden;
   background:transparent center center no-repeat;
   cursor:pointer;
   border-radius:5px;
}



#nav-sm li#facebook a { background-image:url(/images/facebook-icon.png); }
#nav-sm li#youtube a { background-image:url(/images/youtube-icon.png); }
#nav-sm li#twitter a { background-image:url(/images/twitter-icon.png); }
#nav-sm li#instagram a { background-image:url(/images/instagram-icon.png); }
#nav-sm li#pinterest a { background-image:url(/images/pinterest-icon.png); }
#nav-sm li#googleplus a { background-image:url(/images/googleplus-icon.png); }
#nav-sm li#rss a { background-image:url(/images/rss.png); }