/* CSS Document */

.transMenu {
 position:absolute;
 overflow:hidden;
 left:-1000px;
 top:-1000px;
}

.transMenu .content {
 position:absolute;
}

.transMenu .items {

 border: 0px solid #FFFFFF;
 position:relative;
 left:0px; top:0px;
 z-index:2;
}

.transMenu.top .items {
}

.transMenu  td
{
  padding: 3px 3px 3px 5px!important;
 font-size: 11px !important;
 font-family: Tahoma, "MS Sans Serif" !important;
 text-align: left !important;
 font-weight: normal !important;
 color: #ffffff !important;
}

.transMenu  .item.hover td
{
 color: #FFFFFF!important;
}

.transMenu .item {

 text-decoration: none;
/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */

 cursor:pointer;
 cursor:hand;
}

.transMenu .background {

  background-color: #a4871e!important;
 position:absolute;
 left:0px; top:0px;
 z-index:1;
 -moz-opacity:0.85;
 filter:alpha(opacity=99)
}

.transMenu .shadowRight {
 position:absolute;
 z-index:3;
 top:3px; width:2px;
 -moz-opacity:0.85;
 filter:alpha(opacity=85);
background-color:#fff;
}

.transMenu .shadowBottom {
 position:absolute;
 z-index:1;
 left:3px; height:2px;
 -moz-opacity:0.85;
 filter:alpha(opacity=85)
}

.transMenu .item.hover {
 background-color: #6d6015;
}

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

table.menu {
 top: 0px;
 left: 0px;
 position:relative;
 margin:0px;
 border: 0px solid #FFFFFF;
}

table.menu a{
 margin:0px;
 padding: 3px 3px 3px 8px;
 display:block;
 position:relative;
}

div.menu a,
div.menu a:visited,
div.menu a:link {
 width:185px;
  font-size: 11px;
 font-family: Tahoma, "MS Sans Serif";
 text-align: left;
 font-weight: bold;
 color: #ffffff;
 text-decoration: none;
 margin-bottom:0px;
 display:block;
 white-space:nowrap;
}

div.menu td {
 border-bottom: 1px solid #cccccc;
 background-color: #a4871e;
}

div.menu td.last {
 border-bottom: 1px solid #444444;
}

#menu a.hover   {
 color: #FFFFFF;
 background-color: #6d6015;
}



#menu a img.seq1,
.transMenu img.seq1,
{
 display:    inline;
}

#menu a.hover img.seq2,
.transMenu .item.hover img.seq2
{
 display:   inline;
}

#menu a.hover img.seq1,
#menu a img.seq2,
.transMenu img.seq2,
.transMenu .item.hover img.seq1
{
 display:   none;
}