/* Nav
----------------------------------------------*/

#nav {
  width: 965px;
  float: left;
  background: #8ab0b7 url(../img/nav_bg.gif) repeat-x left top;
  }
  
#nav ul {
  margin: 0;
  padding: 0 0 0 7px;
  float: left;
  list-style: none;
  width: 958px;
  }

body.hub #nav ul {background: url(../img/nav_tabs_hub_bg.gif) no-repeat 7px top;}
body.project #nav ul {background: url(../img/nav_tabs_project_bg.gif) no-repeat 7px top;}
body.my #nav ul {background: url(../img/nav_tabs_my_bg.gif) no-repeat 7px top;}

body.hub #nav ul#hub_only {background: url(../img/nav_tabs_hubonly_bg.gif) no-repeat 7px top;}
body.hub #nav ul#hub_noproject {background: url(../img/nav_tabs_hub_noproject_bg.gif) no-repeat 7px top;}
body.my #nav ul#my_noproject {background: url(../img/nav_tabs_my_noproject_bg.gif) no-repeat 7px top;}


#nav li {
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  }

#nav a {
  padding: 6px 3px 4px 3px;
  width: 157px;
  float: left;
  display: block;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size: 1em;
  color: #626262;
  }

#nav a:hover {
  text-decoration: underline;
  }

body.hub #nav li#nav_hub a, 
body.project #nav li#nav_project a, 
body.my #nav li#nav_my a {
  padding: 6px 6px 4px 0;
  width: 165px;
  }



/* Nav Dropdowns (for multiple Projects)
----------------------------------------------*/ 

#nav li#nav_project {
  position: relative;
  }

#nav li#nav_project ul { 
  padding: 6px 0 4px;
  height: auto;
  width: 163px;
  float: left;
  position: absolute;
  left: -999em;
  background: #ffe38b url(../img/hr_dashed_grey_alpha.gif) repeat-x 3px top;
  border: 0px solid red;
  z-index: 999;
  }

body.project #nav li#nav_project ul { 
  width: 170px;
  }

#nav li#nav_project:hover ul, 
#nav li#nav_project.sfhover ul { /* "li.sfhover ul" works with "/media/js/nav_dropdown.js" for WinIE 6 */
  display: block;
  left: 1px; /*   Was left: auto; */
  top: 28px;
  }

#nav li#nav_project ul li a {
  padding: 2px 10px;
  width: 143px;
  display: inline;
  text-align: left;
  color: #a95309;
  }

body.project #nav li#nav_project ul li a {
  padding: 2px 10px;
  width: 150px;
  }

#nav li#nav_project ul li a:hover {
  text-decoration: none;
  color: #626262;
  }

#nav li#nav_project ul li a span {
  color: #626262;
  }

#nav li#nav_project ul li a:hover span {
  text-decoration: underline;
  color: #626262;
  }
  

/* Subnav
----------------------------------------------*/ 
#subnav {
  margin-bottom: 90px;
  padding: 0 0 0 0;
  float: left;
  width: 176px;
  background: #fff url(../img/subnav_bg.gif) repeat-y left 0;
  }

#subnav2 {
  padding: 0 5px 7px 0;
  float: left;
  width: 171px;
  }

body.hub #subnav2 {background: url(../img/subnav_bottom_hub.gif) no-repeat left bottom;}
body.project #subnav2 {background: url(../img/subnav_bottom_project.gif) no-repeat left bottom;}
body.my #subnav2 {background: url(../img/subnav_bottom_my.gif) no-repeat left bottom;}

body.hub #subnav2 ul {background: #c8d97a;}
body.project #subnav2 ul {background: #ffe085;}
body.my #subnav2 ul {background: #d8cda4;}

#subnav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
  }

#subnav ul li {
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  width: 171px;
  } 
 
#subnav ul li a {
  padding: 5px 20px;
  display: block;
  color: #626262;
  font-weight: bold;
  text-decoration: none;
  }

#subnav ul li a.parent {
  padding: 3px 20px;
  }

#subnav ul li a:hover, #subnav ul li a:active, 
#subnav ul li.current ul li.current a {
  color: #a95309;
  }

body.hub #subnav ul li.current a {background: #e4ecbd;}
body.project #subnav ul li.current a {background: #fff0c2;}
body.my #subnav ul li.current a {background: #f1ecd2;}

body.hub #subnav li.current ul {background: #f2f6de;}
body.project #subnav li.current ul {background: #f4f6de;}
body.my #subnav li.current ul {background: #fff; /* Missing color, need from Karen */ }

#subnav li.current ul {padding-bottom: 2px;}

#subnav li.current ul li a {
  padding: 3px 10px 3px 31px;
  width: 130px;
  font-size: .9em;
  font-weight: normal;
  background: url(../img/li_subnav.gif) no-repeat 23px .9em !important;
  }

#subnav li.current ul li.current a {
  background: url(../img/li_subnav_current.gif) no-repeat 23px .9em !important;
  }

#subnav li.current ul li.shoehorned_parent a {
  padding: 3px 10px 3px 20px;
  width: 141px;
  font-size: 1em;
  font-weight: bold;
  background: transparent !important;
  }

#subnav li.current ul li.shoehorned_parent.current a {
  background: transparent !important;
  }