@charset "UTF-8";

#navbarmain {
	width: 950px;
	height: 38px;
}

/* Begin main nav */

#navBar {
  background: transparent url(menu-image.jpg) 0 2px scroll no-repeat;
  border-top: 1px solid #dccab2;
  width: 950px;
  height: 37px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  float: left;
  z-index: 20;
}
#navBar, #navBar ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
}
#navBar a {
  display: block;
}

#navBar li.navItem { /* all list items */
  position: absolute;
  height: 36px;
}
#navBar li.navItem a.topLevel {
  height: 36px;
}

#navBar li.navItem ul { /* second-level lists */
  position: absolute;
  background-color: #fff;
  width: 170px;
  left: -4000px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  border-left: 1px solid #dccab2;
  border-bottom: 1px solid #dccab2;
  border-right: 1px solid #dccab2;
}

#navBar li {
  z-index: 201;
}
#navBar li ul {
  z-index: 202;
}
#navBar li ul li {
  z-index: 203;
}
#navBar li ul li a { 
  z-index: 204;
}

#flash_top {
  z-index: 199;
}

#navBar li:hover, #navBar li.sfhover {
  position: static; /* HACK: ie7 */ 
}

#navBar li:hover ul, #navBar li.sfhover ul {
  left: auto;
}

#navBar li#item1, #navBar li#item2, #navBar li#item3,
#navBar li#item4, #navBar li#item5, #navBar li#item6,
#navBar li#item7, #navBar li#item8, #navBar li#item9,
#navBar li#item10, #navBar li#item11, #navBar li#item12, #navBar li#item13 {

  position:absolute;
}

#navBar li#item1 {
  left: 0px;
  width: 46px;
}
#navBar li#item2 {
  left: 46px;
  width: 96px;
}
#navBar li#item3 { 
  left: 142px;
  width: 118px;
}
#navBar li#item4 {
  left: 260px;
  width: 95px;
}
#navBar li#item5 {
  left: 355px;
  width: 106px;
}
#navBar li#item6 {
  left: 461px;
  width: 92px;
}
#navBar li#item7 {
  left: 553px;
  width: 65px;
}
#navBar li#item8 {
  left: 618px;
  width: 105px;
}
#navBar li#item9 {
  left: 723px;
  width: 69px;
}
#navBar li#item10 {
  left: 792px;
  width: 87px;
}
#navBar li#item11 {
  left: 879px;
  width: 71px;
}
#navBar li#item12 {
  left: 846px;
  width: 36px;
}
#navBar li#item13 {
  left: 881px;
  width: 70px;
}

#navBar li#item1.selected {
  background: transparent url(menu-image.jpg) 0 -70px no-repeat;
}
#navBar li#item2.selected {
  background: transparent url(menu-image.jpg) -46px -70px no-repeat;
}
#navBar li#item3.selected {
  background: transparent url(menu-image.jpg) -142px -70px no-repeat;
}
#navBar li#item4.selected {
  background: transparent url(menu-image.jpg) -260px -70px no-repeat;
}
#navBar li#item5.selected {
  background: transparent url(menu-image.jpg) -355px -70px no-repeat;
}
#navBar li#item6.selected {
  background: transparent url(menu-image.jpg) -461px -70px no-repeat;
}
#navBar li#item7.selected {
  background: transparent url(menu-image.jpg) -553px -70px no-repeat;
}
#navBar li#item8.selected {
  background: transparent url(menu-image.jpg) -618px -70px no-repeat;
}
#navBar li#item9.selected {
  background: transparent url(menu-image.jpg) -723px -70px no-repeat;
}
#navBar li#item10.selected {
  background: transparent url(menu-image.jpg) -729px -70px no-repeat;
}
#navBar li#item11.selected {
  background: transparent url(menu-image.jpg) -879px -70px no-repeat;
}
#navBar li#item12.selected {
  background: transparent url(menu-image.jpg) -846px -70px no-repeat;
}
#navBar li#item13.selected {
  background: transparent url(menu-image.jpg) -881px -70px no-repeat;
}
/*#navBar li#myweddingplannerHook.selected {
  background: transparent url(menu-image.jpg) -738px -72px no-repeat;
}
#navBar li#ClippingsModuleHook.selected {
  background: transparent url(nav_sprite.gif) -864px -84px no-repeat;
}*/

/* HACK: hover class for ie6 (suckerfish) but here on child link tag to sidestep multiple class bug */
#navBar li#item1:hover, #navBar li#item1.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) 0 -35px no-repeat;
}
#navBar li#item2:hover, #navBar li#item2.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -46px -35px no-repeat;
}
#navBar li#item3:hover, #navBar li#item3.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -142px -35px no-repeat;
}

#navBar li#item4:hover, #navBar li#item4.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -260px -35px no-repeat;
}
#navBar li#item5:hover, #navBar li#item5.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -355px -35px no-repeat;
}
#navBar li#item6:hover, #navBar li#item6.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -461px -35px no-repeat;
}
#navBar li#item7:hover, #navBar li#item7.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -553px -35px no-repeat;
}
#navBar li#item8:hover, #navBar li#item8.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -618px -35px no-repeat;
}
#navBar li#item9:hover, #navBar li#item9.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -723px -35px no-repeat;
}
#navBar li#item10:hover, #navBar li#item10.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -792px -35px no-repeat;
}
#navBar li#item11:hover, #navBar li#item11.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -879px -35px no-repeat;
}
#navBar li#item12:hover, #navBar li#item12.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -846px -35px no-repeat;
}
#navBar li#item13:hover, #navBar li#item13.sfhover a.topLevel {
  background: transparent url(menu-image.jpg) -881px -35px no-repeat;
}
/*#navBar li#myweddingplannerHook:hover, #navBar li#myweddingplannerHook.sfhover a.topLevel {
  background: transparent url(nav_sprite.gif) -738px -36px no-repeat;
}
#navBar li#ClippingsModuleHook:hover, #navBar li#ClippingsModuleHook.sfhover a.topLevel {
  background: transparent url(nav_sprite.gif) -864px -36px no-repeat;
}*/

#item11:hover #item11ul, li#item11.sfhover #item11ul{
	position: relative;
	left:-130px;
}

#item13:hover #item13ul, li#item13.sfhover #item13ul {
	position: relative !important;
	left: -95px !important;
}
#navBar li li a {
  display: block;
  width: 154px;
  border-bottom: 1px solid #e3e3e3;
  padding: 3px 4px 5px 12px;
  vertical-align: bottom;
  margin: 0px;
}

#navBar li li a,
#navBar li li a:link,
#navBar li li a:visited {
  color: #896c66;
  text-decoration: none;
}

#navBar li li a:hover,
#navBar li li a:active {
  color: #94908d;
  text-decoration: none;
  background: #eae7e2 url(linkArr.gif) 1px center no-repeat;
}

#navBar li.navDivisionEnd {
  border-top: 1px solid #c7c5c6;
}
#navBar li.navMore {
  border-top: 1px solid #c7c5c6;
}
#navBar li.navDivisionEnd a.normal:link,
#navBar li.navDivisionEnd a.normal:visited {
  color: #896c66;
}
#navBar li.navMore a:link,
#navBar li.navMore  a:visited {
  color: #bea7a2;
}

#ClippingsModuleHook .nav_clipTop {
  /* this sprite image also used in gloabal.css */
  background: url(/i/production/sprite_decorator.gif) no-repeat top left;
  background-position: 0 -190px; 
  display: block;
  position: absolute;
  top: -6px;
  left: 13px;
  height: 8px;
  width: 12px;
}

.clearer {
  clear: both;
  height: 1px;
  overflow: hidden;
  margin-bottom: -1px;
}

/* End main nav*/