/* ============================================================
Top Bar/Navigation CSS file for Home Depot Foundation
Notes:
================
In This CSS:
================
+Search
+Utility Navigation
+Breadcrumbs
+Dropdown Menus (Global Navigation)
============================================================ */

/* ------------------------------------------------------------
+Search form
------------------------------------------------------------ */
#ksearch_form {
  position: absolute;
  top: 0;
  right: 6px;
  height: 22px;
}
#ksearch_form #query {
  padding: 0;
  width: 120px;
  height: 17px;
  font: normal 11px "Trebuchet MS",Arial,Helvetica,clean,sans-serif !important;
  color: #818181;
  vertical-align: middle;
  border: 1px solid #9a9a9a;
  padding: 0 0 0 2px
}
#ksearch_form input.btn_go {
  height: 19px;
  width: 18px;
  padding: 0;
  border: none;
  text-indent: -1000em;
  vertical-align: middle;
  background: url('../images/site/bg_link_arrow.gif') 0 0 no-repeat;
}
#ksearch_form input.btn_over {
  background-position: 0 -19px;
}

/* ------------------------------------------------------------
+Utility Navigation
------------------------------------------------------------ */
#util_frame {
  position: absolute;
  top: 24px;
  right: 2px;
  z-index: 1000000;
}
#utils {
  float: right;
  height: 20px;
  font-size: 11px;
  z-index: 10000;
  color: #818181;
  text-transform: uppercase;
  list-style-type: none;
}

#utils li {
  float: left;
}
#utils a {
  color: #818181;
  text-decoration: none;
  padding: 0 4px;
}

#utils a.city_program {
  background: url(../images/site/icon_city_prog_small.png) 0 0 no-repeat;
  padding-left: 24px;
  padding-top: 4px;
}

#utils a:hover {
  color: #f58320;
}
/* second level nav */
#utils ul {
  display: block;
  position: absolute;
  top: 15px;
  width: 130px;
  padding: 0 0 4px;
  background: transparent url('../images/site/bg_menu130.png') 100% 100% no-repeat;
  visibility: hidden;
  z-index: 100000;
}
#utils ul li {
  float: left; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  margin: 0;
  padding: 0;
  line-height: normal;
  height: auto;
  background: transparent;
  text-transform: none;
  font-size: 11px;
  width: 125px;
  border-top: 1px solid #9a9a9a;
}
#utils ul li a {
  display: block;
  margin: 0;
  padding: 4px;
  color: #818181;
  text-align: left;
  line-height: normal;
}

#n1_about {
  padding-right: 14px !important;
  background: url('../images/site/bg_arrows_about.gif') 100% 1px no-repeat;
}
#n1_about:hover, a.aover {
  background-position: 100% -29px !important;
}


/* ------------------------------------------------------------
+Breadcrumbs
------------------------------------------------------------ */
#breadcrumbs {
  position: absolute;
  top: 78px;
  left: 290px;
  font-size: 11px;
  color: #f58320;
}
#breadcrumbs a {
  font-size: 11px;
  color: #f58320;
  text-decoration: none;
}
#breadcrumbs a:hover {
  text-decoration: underline;
}

/* ------------------------------------------------------------
+Dropdown Menus (Global Navigation)
------------------------------------------------------------ */
#nav {
  position: absolute;
  top: 44px;
  right: 0;
  list-style-type: none;
  z-index: 10000;
}
#nav a.level_one {
  display: block;
  line-height: 19px;
  text-decoration: none;
  padding: 0 20px;
  /*width: 120px;*/
  text-align: center;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}
/*
#nav a.n1_lab {
  width: 140px;
}
*/

/* Section Specific Colors */

/* classroom */
ul.classroom a.n1_classroom,
#nav a.n1_classroom,
#nav ul.n2_classroom li a:hover,
#utils ul a:hover {
  background: #f58320;
}
a.n1_classroom {
  border: 3px solid #f58320;
}

/* library */
ul.library a.n1_library,
#nav a.n1_library,
#nav ul.n2_library li a:hover {
  background: #8dc169;
}
a.n1_library {
  border: 3px solid #8dc169;
}

/* communications lab */
ul.communications_lab a.n1_lab,
#nav a.n1_lab,
#nav ul.n2_lab li a:hover{
  background: #f0bf26;
}
a.n1_lab {
  border: 3px solid #f0bf26;
}

/* planning center */
ul.planning_center a.n1_planning,
#nav a.n1_planning, 
#nav ul.n2_planning li a:hover {
  background: #00826b;
}
a.n1_planning {
  border: 3px solid #00826b;
}

/* meeting hall */
ul.meeting_hall a.n1_meeting,
#nav a.n1_meeting,
#nav ul.n2_meeting li a:hover {
  background: #65a3bd;
}
a.n1_meeting {
  border: 3px solid #65a3bd;
}


/* selected state styles */
ul.classroom a.n1_classroom,
a.n1_classroom:hover,
ul.library a.n1_library,
a.n1_library:hover,
ul.communications_lab a.n1_lab,
a.n1_lab:hover,
ul.planning_center a.n1_planning,
a.n1_planning:hover,
ul.meeting_hall a.n1_meeting,
a.n1_meeting:hover {
  border: 3px solid #fff;
}
#utils ul li a:hover,
#nav ul li a:hover {
  color: #fff;
}
#nav li {
  display: inline;
  float: left;
  height: 25px;
  position: relative;
  list-style: none;
  margin: 0;
  border: 1px solid #9a9a9a;
  border-right: none;
}
#nav li#li_meeting {
  border-right: 1px solid #9a9a9a;
}
#nav ul li {
  border: none;
}

/* second level nav */
#nav ul {
  display: block;
  position: absolute;
  left: 0px;
  top: 25px;
  width: 170px;
  padding: 0 0 4px;
  background: transparent url('../images/site/bg_menu170.png') 100% 100% no-repeat;
  visibility: hidden;
}
#nav ul li {
  float: left; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  margin: 0;
  padding: 0;
  line-height: normal;
  height: auto;
  background: transparent;
  width: 165px;
  border-top: 1px solid #9a9a9a;
}
#nav ul li a {
  display: block;
  margin: 0;
  padding: 4px;
  color: #818181;
  text-align: left;
  line-height: normal;
}

/* specific submenu widths */

/*
#nav ul.n2_lab {
  width: 170px;
  background: transparent url('../images/site/bg_menu170.png') 100% 100% no-repeat;
}
#nav ul.n2_lab li {
  width: 165px;
}

#nav ul.n2_meeting {
  width: 130px;
  background: transparent url('../images/site/bg_menu130.png') 100% 100% no-repeat;
}
#nav ul.n2_meeting  li {
  width: 125px;
}
*/