/***************/
/***** nav *****/
/***************/
#nav {
  position:relative;
  margin:0;
  padding:0;
  border:0;
  width:768px;
  height:55px;
  list-style-type:none;
}
#nav li {
  position:absolute;
  top:0;
  display:block;
  float:left;
  margin:0;
  padding:0;
}
#nav li a {
  display:block;
  height:55px;
  text-indent:-9999px;
  text-decoration:none;
}

#nav-resources    { left:0px;   width:171px; background:url(/images/nav_resources_a.gif) no-repeat; }
#nav-publications { left:171px; width:133px; background:url(/images/nav_publications_a.gif) no-repeat; }
#nav-events       { left:304px; width:153px; background:url(/images/nav_events_a.gif) no-repeat; }
#nav-news         { left:457px; width:81px;  background:url(/images/nav_news_a.gif) no-repeat; }
#nav-about        { left:538px; width:125px; background:url(/images/nav_about_a.gif) no-repeat; }
#nav-contact      { left:663px; width:105px; background:url(/images/nav_contact_a.gif) no-repeat; }

#nav-resources.on, #nav-resources a.hover, #nav-resources a:hover          { background:url(/images/nav_resources_b.gif) no-repeat; }
#nav-publications.on, #nav-publications a.hover, #nav-publications a:hover { background:url(/images/nav_publications_b.gif) no-repeat; }
#nav-events.on, #nav-events a.hover, #nav-events a:hover                   { background:url(/images/nav_events_b.gif) no-repeat; }
#nav-news.on, #nav-news a.hover, #nav-news a:hover                         { background:url(/images/nav_news_b.gif) no-repeat; }
#nav-about.on, #nav-about a.hover, #nav-about a:hover                      { background:url(/images/nav_about_b.gif) no-repeat; }
#nav-contact.on, #nav-contact a.hover, #nav-contact a:hover                { background:url(/images/nav_contact_b.gif) no-repeat; }

/*****************/
/***** menus *****/
/*****************/
#middle #center #nav li ul,
#middle #center #content-wrapper #sidenav-container ul.menu {
  list-style:none;
  margin:0;
  padding:0;
  width:213px;
}
#middle #center #content-wrapper #sidenav-container ul.menu {
  margin-top:41px;
}
#middle #center #nav li ul li,
#middle #center #content-wrapper #sidenav-container ul.menu li {
  display:block;
  float:none;
  margin:0;
  padding:0;
  height:auto;
  top:0;
  border-style:solid;
	border-width:1px 0;
	border-top-color:#fff;
	border-bottom-color:#cc9b00;
  background:#fff;
}
#middle #center #nav li ul li a,
#middle #center #content-wrapper #sidenav-container ul.menu li a {
  display:block;
  margin:0;
  padding:3px 10px;
  height:100%;
  font:bold 10px/18px verdana,sans-serif;
  text-indent:0px;
  text-decoration:none;
  color:#152c59;
  background-color:#fff;
  border-style:solid;
	border-width:0 1px 1px 1px;
	border-color:#fff;
}
#middle #center #nav li ul li a:hover,
#middle #center #content-wrapper #sidenav-container ul.menu li a:hover,
#middle #center #content-wrapper #sidenav-container ul.menu li a.on {
  color:#fff;
  background:#152c59;
}

#middle #center #nav li ul {
  position:relative;
  margin-top:5px;
}
#middle #center #nav li ul li {
  position:relative;
}
#middle #center #nav li ul#nav-contact-menu {
  margin-left:-108px;
}
#middle #center #nav li ul li,
#middle #center #nav li ul li a {
  color:#fff;
  background:#152c59;
}
#middle #center #nav li ul li a:hover {
  color:#152c59;
  background:#fff;
}