/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu 
{
  position:absolute;
  overflow:hidden;
  left:-1000px;
  top:-1000px;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content 
{
  position:absolute;
  -moz-opacity:.9;
  /* for IE */
  filter:alpha(opacity=90);
  /* CSS3 standard */
  opacity:0.9;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items 
{
  position:relative;
  left:0px; top:0px;
  z-index:2;
}

.transMenu.top .items 
{
  border-top:none;
}

/* each TR.item is one menu item */
.transMenu .item 
{
  color:#ffffff;
  font-size:10px;
  font-family:sans-serif;
  text-decoration:none;
  /* hack in order to have this work on Mac and IE5 that whom incorrectly cascades the border properties of the parent table to each row */
  border:none;
  cursor:pointer;
}

/* The -moz-opacity is a proprietary way to get transparency in Mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
  position:absolute;
  left:0px; top:0px;
  z-index:1;
  /*-moz-opacity:.8;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;

}

.transMenu .shadowRight 
{
  position:absolute;
  z-index:3;
  top:3px; width:2px;
  -moz-opacity:.4;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
  
}

.transMenu .shadowBottom 
{
  position:absolute;
  z-index:1;
  left:3px; height:2px;
  -moz-opacity:.4;
  filter:alpha(opacity=40);
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
  
}

.transMenu .item.hover 
{
  background: #7B8622;
  color: #ffffff;
}

.transMenu .item img 
{
  margin-left:10px;
}

#menu 
{
  border:none;
  height:34px;
  position:relative;
  left:0px;
  width:765px;
  text-align:left;
}

#menu a 
{
  display: block;
  font-family: Tahoma, Helvetica, sans-serif;
  float: left;
  line-height: 25px;
  padding: 0px 17px;
  text-decoration:none;
  font-size: 11px;
  font-weight:bold;
  color:#ffffff;
  border-right: 1px solid #ffffff;
}
    
#menu a.hover 
{
  background: #95A22C;
}
    
#menu span.active a 
{
  display: inline;
  background: #ED752A;
}  

#menu span 
{
}
  
    
#menu #img 
{
  vertical-align:bottom;
}

#menu #subnav 
{
  font-size:10px;
  margin-bottom:2em;
}

#menu #subnav a 
{
  color:#ffffff;
  margin-right:1em;
}

#menu #subnav span 
{
  color:#ffffff;
  margin-right:1em;
}
    
table.items tr.item td 
{
  color: #ffffff;
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

div#topmenu 
{
  height:25px;
  background-color:#95a22c;
  width:100%;
  text-align:left;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

div#topmenu A:hover 
{
  background:#7b8622; 
  color:#ffffff;
}