/* begin Menu */
.menu, .menu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.menu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
}

.menu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.menu li li
{
  float: none;
}

.menu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}

.menu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.menu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.menu:after, .menu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.menu, .menu ul
{
  min-height: 0;
}

.menu ul
{
  background-image: url(../images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.menu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


* html .menu, * html .menu ul
{
  height: 1%;
}

* html .menu li.menuhover
{
  z-index: 10000;
}

* html .menu .menuhoverUL
{
  visibility: visible;
}

* html .menu .menuhoverUL
{
  top: 100%;
  left: 0;
}

* html .menu .menuhoverUL .menuhoverUL
{
  top: 0;
  left: 100%;
}

* html .menu ul a
{
  height: 1%;
}

* html .menu li li
{
  float: left;
  width: 100%;
}

* html .menu .menuhoverUL .menuhoverUL
{
  top: 5px;
  left: 100%;
}

* html .menu, * html .menu ul
{
  height: 1%;
}

* html .menu li.menuhover
{
  z-index: 10000;
}

* html .menu .menuhoverUL
{
  visibility: visible;
}

* html .menu .menuhoverUL
{
  top: 100%;
  left: 0;
}

* html .menu .menuhoverUL .menuhoverUL
{
  top: 0;
  left: 100%;
}

* html .menu ul a
{
  height: 1%;
}

* html .menu li li
{
  float: left;
  width: 100%;
}
.nav
{
  position: relative;
  margin: 0  auto;
  width: 786px;
  height: 35px;
  z-index: 100;
}

.menu 
{
  padding: 8px 4px 0px 4px;
}

* html .nav
{
  zoom: 1;
}

.nav .l, .nav .r, .nav .r div 
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 35px;
}

.nav .l 
{
  left: 0;
  right: 0px;
}

* html .nav .l
{
  width: expression(this.parentNode.offsetWidth-0+'px');
}

.nav .r 
{
  right: 0;
  width: 0px;
}

* html .nav .r
{
  left: expression(this.parentNode.offsetWidth-0+'px');
}

.nav .r div
{
  width: 786px;
  right: 0;
}

* html .nav .r div
{
  left: expression(this.parentNode.offsetWidth-786+'px');
}

.nav .l, .nav .r div 
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('../images/nav.png');
}

* html .nav .l, * html .nav .r div 
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"../images/nav.png',sizingMethod='crop')");
}
/* end Menu */

/* begin MenuItem */
.menu ul li
{
  clear: both;
}

.menu a , .menu a span
{
  height: 26px;
  display: block;
}

* html .menu a , * html .menu a span
{
  float: left;
}

.menu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 2px;
  margin-left: 2px;
  
}
.menu a
{
  background-image: url('../images/item-left.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.menu a span
{
  background-image: url('../images/item-right.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.menu a span h1
{
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #FFFFFF;
  padding: 0 5px;
  margin: 0 11px;
  line-height: 27px;
  text-align: center;
  background-image: url('../images/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;
  
}

* html .menu a span h1
{
  display: inline;
}
.menu a:hover
{
  background-position: left -27px;
}

.menu li:hover>a
{
  background-position: left -27px;
}

* html .menu .menuhover .menuhoverA
{
  background-position: left -27px;
}

.menu li:hover a span
{
  background-position: right -27px;
}

.menu a:hover span
{
  background-position: right -27px;
}

* html .menu .menuhover .menuhoverA span
{
  background-position: right -27px;
}

.menu a:hover span h1
{
  color: #F9F8F6;
  background-position: left -27px;
}

.menu li:hover a span h1
{
  color: #F9F8F6;
  background-position: left -27px;
}

* html .menu .menuhover .menuhoverA span h1
{
  color: #F9F8F6;
  background-position: left -27px;
}

.menu a.active
{
  background-position: left -54px;
}

.menu a.active span
{
  background-position: right -54px;
}

.menu a.active span h1
{
  color: #EFF4E6;
  background-position: left -54px;
}

/* end MenuItem */