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

.transMenu .content {
 position:absolute;
}

.transMenu .items {
 border: 0px none #FFFFFF;
 position:relative;
 left:0px; top:0px;
 z-index:2;
}

.transMenu.top .items {
}

.transMenu  td
{
  padding: 5px 5px 5px 5px;
 font-size: 14px ;
 font-family: Arial, Helvetica, sans-serif ;
 text-align: left ;
 font-weight: bold ;
 color: #000000 ;
}

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

.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: #CCCCFF;
 position:absolute;
 left:0px; top:0px;
 z-index:1;
 -moz-opacity:0.9;
 filter:alpha(opacity=80)
}

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

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

.transMenu .item.hover {
 background-color: #82D2F3;
}

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

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

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

div.menu a,
div.menu a:visited,
div.menu a:link {
 width:150px;
  font-size: 12px;
 font-family: Arial, Helvetica, 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-right: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
  background-color: #1A4F83;
}

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

#menu a.hover   {
 color: #FFFFFF;
 background-color: #1A4F83;
}