﻿.navbar {
  display: block;
  font: arial verdana sans-serif;
  font-size: medium;
  font-weight: bold;
	position: absolute;
	width: 1000px;
	height: 40px;
	clear: both;
	background-image: url('ButtonSliceOff_40.jpg');
	background-repeat: repeat-x;
}
.navbarleftend {
  width: 20px;
  height:40px;
  background-image: url('ButtonOffLeftEnd_40.jpg');
  background-repeat: no-repeat;
  float:left;
}

#menu li {
  position: relative;
  list-style-type: none;
  width: auto;
  height: 40px;
  padding: 0 20px;  
  color: #000;
  float: left;
  display: inline;
  vertical-align: middle;
}

.menuitem {
  display: block;
  padding: 10px 0;
}

#menu1 li ul {
  display: none;
  position: absolute;
  top: 15px;
  left: 160px;
}

#menu li > ul {
	display:none;
	position: absolute;
	top: 40px;
	left: -40px;
	*left: 0;
	z-index: 598;
	width: 100%;
}

#menu ul li {
  height: 30px;
	width:150px;
 	float: left;
 	text-align:left;
 	padding: 0 20px;
	background: transparent url('Button_30x170.jpg') no-repeat left top;
	z-index: 600;
}

#menu ul li a {
  display:block;
  font-weight: normal;
  padding: 5px 0;
}
#menu ul li span {
  display:block;
  font-weight: normal;
  padding: 5px 0;
}

#menu li:hover {
  position:relative;
	background-image: url('ButtonSliceOnLight_40.jpg');
	background-repeat: repeat-x;
	color: #fff;
	z-index: 999;
}

#menu li ul {
	display: none;
	list-style-type: none;
  }
  
#menu a:link,
#menu a:visited	{ color: #000; text-decoration: none; }
#menu a:hover		{ color: #fff; }
#menu a:active	{ color: #dddddd; }

#menu ,
#menu li,
#menu ul {
 list-style: none;
 margin: 0;
}

#menu {
 z-index: 597;
}


#menu li:hover {
 position: relative;
 z-index: 999;
 cursor: default;
}

#menu li:hover > a {
 color:#fff;
}


#menu ul li:hover {
	background: transparent url('Button_30x170.jpg') no-repeat left -50px;
	color:#fff;
}

#menu li:hover > ul {
	display:block;
	z-index: 999;
}

#menu li:hover ul li:hover > ul {
  display: block;
  position: absolute;
  top: 10px;
  left: 120px;
  *left: 160px;
  z-index:999;
}

#login {
  display: block;
  height: 40px;
  padding: 0 20px 0 0;
  background: transparent url('ButtonOffRightEnd_40.jpg') no-repeat right top;
  float: right;
}
#login a {
  display: block;
  height: 40px;
  text-decoration: none;
  color: #000; 
  padding: 10px 20px 0 20px;
}

#login a:hover {
  background-image: url('ButtonSliceOnLight_40.jpg');
  background-repeat: repeat-x;
  color: #fff;
  position: relative;
  z-index: 400;
}