div#navigation	
  { font: 12px/1.1em Helvetica, sans-serif; font-weight: bold; z-index: 3; position: relative; width: 100%; height:30px; z-index: 30;}

div#navigation ul
{ list-style: none; margin: 0; padding: 0; position: absolute; background-color: rgb(169,209,197);}

div#navigation li
{ position: relative; white-space: nowrap; padding: 3px 6px 3px 6px;}

div#navigation a
 { color: rgb(94,94,82); text-decoration: none; display: block }

div#navigation ul.nav
{ border-top: 2px solid rgb(59,99,87);  border-bottom: 2px solid rgb(59,99,87); width: 100%;}

div#navigation li.menunosub
         { margin-right: 3%; padding: 6px 12px 6px 6px; position: relative; float: left }

div#navigation li.menu	
         { background-image: url("navimages/arrow_d.gif"); background-repeat: no-repeat; background-position: right center; margin-right: 3%; padding: 6px 12px 6px 6px; position: relative; float: left }

div#navigation ul ul
{ position: absolute; display: none;}

div#navigation li.menu:hover ul.menu
{ display: block; left: 0%; top: 100%;}

div#navigation li.submenu:hover ul.submenu
{ display: block; left: 100%; top: 0%;}

div#navigation li:hover
{ background: rgb(241,241,197);}

div#navigation a:hover
 { color: black; background-color: transparent }

div#navigation li.submenu	
  { background-image: url("navimages/arrow_r.gif"); background-repeat: no-repeat; background-position: 95% center; padding-right: 24px }