/* ========================================================================== */
/*    My Dance Shoppe  --  http://www.mydanceshoppe.com/                      */
/* ========================================================================== */
/*    Content :  Main Navigation Stylesheet  ( div#Nav and ??? )              */
/*    Last Updated :  6-Aug-2008, ptaylor                                     */
/*                                                                            */
/*    Menu based on the Suckerfish Drop Down menu from www.htmldog.com        */
/* ========================================================================== */

/* ========================  Main Navigation Styles  ======================== */


#container-header {
  float: left;
  width:732px;
  clear:both;
  }

#nav-header {
  position: relative;
  top: 39px;
  left: 9px;
  text-align: left;
  background: #4682b4;
  z-index: 9;
  }


/* ============================================= */

.nav-bg, .nav-bar {
  width:732px;
  }

.nav-bg {
  position:absolute;
  left:0;
  bottom:0; 
  height:30px;
  margin:0;
  background: #6d81a4 url(../img/nav_bg3.gif) top center;
  }

.nav-bar {
  position:absolute;
  left:0;
  bottom:0;
  height:30px;
  z-index:99;
  }

/* ============================================= */


#nav {
  margin-left: 15px;
  font-size: .85em;
  list-style: none !important;
  }

#nav li {
  position: relative;
  float: left;
  }

#nav a {
  display: block;
  padding: 3px 10px 5px 10px;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  border-right: 1px solid #e0e0e0;
  outline-style: none;
  }

#nav ul {
  list-style: none !important;
  }

#nav ul li a {  /* clear border on sub-menus */
  border-right: none;
  white-space: nowrap;
  }

#nav a:hover {
  color: #3a4353;
  }

#nav a#nv-home {
  border-left: 1px solid #e0e0e0;
  }

.pg-home      a#nv-home,
.pg-about     a#nv-about,
.pg-products  a#nv-products,
.pg-rewards   a#nv-rewards,
.pg-recital   a#nv-recital,
.pg-studios   a#nv-studios,
.pg-contact   a#nv-contact {
  color: #546078;
  background: #6d81a4 url(../img/nav_bg1.gif) top center;
  z-index: 15;
  }

.pg-home a#nv-home {
  border-left: 1px solid silver;
  }

.pg-home      a:hover#nv-home,
.pg-about     a:hover#nv-about,
.pg-products  a:hover#nv-products,
.pg-rewards   a:hover#nv-rewards,
.pg-recital   a:hover#nv-recital,
.pg-studios   a:hover#nv-studios,
.pg-contact   a:hover#nv-contact {
  color: purple;
  }

#nav ul {
  display: none;
  position: absolute;
  top: 24px;  /* this adjusts the start point of the drop down box */
  left: 0px;
  border-top: 3px solid #C0CCD4;
  border-bottom: 2px solid #C0CCD4;
  width: 20em;
  height: auto;
  padding: .5em 0 .85em 0;
  background: #F2F5F7;
  }

#nav ul li { /* reset non-1st level list */
  float: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  }

#nav ul li:hover {
  background: #D5DFE7;
  }

#nav ul li a:hover {
  background: #D5DFE7;
  }

#nav ul li a {
  font-size: .95em;
  padding: 4px 13px;
  height: 100%;
  color: #94979C;
  }

/* "over" is needed for ie drop menu do not change */
#nav li:hover ul, #nav li.over ul {
  display: block;
  padding: 0;
  z-index: 99;
  }