/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav { background:url(../images/header_menu.png) no-repeat; height: 36px; width:843px; margin:auto; }
#nav *:hover { background-color: none; }
#nav a { line-height: 1; display:block; width:140px; height:36px; vertical-align:bottom; }
#nav ul li a { line-height: 1; display:block; width:140px; height:24px; vertical-align:bottom; }
	li.submenu11 a{ background: transparent url(../images/header_menu_sub1.png) 0px 0px no-repeat; }
	li.submenu12 a{ background: transparent url(../images/header_menu_sub1.png) 0px -24px no-repeat; }
	li.submenu13 a{ background: transparent url(../images/header_menu_sub1.png) 0px -48px no-repeat; }
	li.submenu14 a{ background: transparent url(../images/header_menu_sub1.png) 0px -72px no-repeat; }
	li.submenu15 a{ background: transparent url(../images/header_menu_sub1.png) 0px -96px no-repeat; }
	li.submenu16 a{ background: transparent url(../images/header_menu_sub1.png) 0px -120px no-repeat; }
	li.submenu17 a{ background: transparent url(../images/header_menu_sub1.png) 0px -144px no-repeat; }
	li.submenu18 a{ background: transparent url(../images/header_menu_sub1.png) 0px -168px no-repeat; }
	li.submenu11 a:hover{ background: transparent url(../images/header_menu_sub1.png) -141px 0px no-repeat; }
	li.submenu12 a:hover{ background: transparent url(../images/header_menu_sub1.png) -141px -24px no-repeat; }
	li.submenu13 a:hover{ background: transparent url(../images/header_menu_sub1.png) -141px -48px no-repeat; }
	li.submenu14 a:hover{ background: transparent url(../images/header_menu_sub1.png) -141px -72px no-repeat; }
	li.submenu15 a:hover{ background: transparent url(../images/header_menu_sub1.png) -141px -96px no-repeat; }
	li.submenu16 a:hover{ background: transparent url(../images/header_menu_sub1.png) -141px -120px no-repeat; }
	li.submenu17 a:hover{ background: transparent url(../images/header_menu_sub1.png) -141px -144px no-repeat; }
	li.submenu18 a:hover{ background: transparent url(../images/header_menu_sub1.png) -141px -168px no-repeat; }
	
	li.submenu21 a{ background: transparent url(../images/header_menu_sub2.png) 0px 0px no-repeat; }
	li.submenu22 a{ background: transparent url(../images/header_menu_sub2.png) 0px -24px no-repeat; }
	li.submenu21 a:hover{ background: transparent url(../images/header_menu_sub2.png) -141px 0px no-repeat; }
	li.submenu22 a:hover{ background: transparent url(../images/header_menu_sub2.png) -141px -24px no-repeat; }
	
	li.submenu31 a{ background: transparent url(../images/header_menu_sub3.png) 0px 0px no-repeat; }
	li.submenu32 a{ background: transparent url(../images/header_menu_sub3.png) 0px -24px no-repeat; }
	li.submenu33 a{ background: transparent url(../images/header_menu_sub3.png) 0px -48px no-repeat; }
	li.submenu35 a{ background: transparent url(../images/header_menu_sub3.png) 0px -72px no-repeat; }
	li.submenu31 a:hover{ background: transparent url(../images/header_menu_sub3.png) -141px 0px no-repeat; }
	li.submenu32 a:hover{ background: transparent url(../images/header_menu_sub3.png) -141px -24px no-repeat; }
	li.submenu33 a:hover{ background: transparent url(../images/header_menu_sub3.png) -141px -48px no-repeat; }
	li.submenu35 a:hover{ background: transparent url(../images/header_menu_sub3.png) -141px -72px no-repeat; }
	
#nav li strong { display: none; }
  #nav li.hover a { }
  #nav ul { top: 36px; }
   #nav ul a { border-right: none;  }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */