/* 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:-9999px; top:-9999px;}

/* 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: relative; }

/* 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: 1px solid #AD7F41; }

/* each TR.item is one menu item */
.transMenu .item{ font: 12px Helvetica, sans-serif; text-decoration: none; font-weight:bold; color: #745831; 
	padding-left: 8px; letter-spacing: 0; display: block;/* m/ie5 */ cursor: pointer; cursor: hand;}
	
/* this DIV is the semi-transparent white background of each menu. 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; /*background-image: url(img/paper-menu.png); */
 -moz-opacity: 0.88; filter: alpha(opacity=88); }

/* same concept as .background, but this is the sliver of shadow on the right of the menu. 
It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight { position: absolute; z-index: 3; top: 3px; width:2px; 
/*opacity: 0.4;*/
	-moz-opacity: 0.4; filter:alpha(opacity=40);	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. 
It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {	position: absolute; z-index: 1; left: 3px; height: 2px;
	/*opacity: 0.4;*/
	-moz-opacity: 0.4; filter:alpha(opacity=40); }

/* this is the class that is used when the mouse is over an item. 
script sets the row to this class when required. */
.transMenu .item.hover { background: #5796E3;  -moz-opacity: 0.53; filter:alpha(opacity=53);}
.transMenu .item.hover td { color: #fff; }

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. 
We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img { margin-left:10px; }
.transMenu .item#active { color: #fff;	/*opacity:0.99;*/	-moz-opacity: 0.53; filter:alpha(opacity=53); }
.transMenu .item#active.hover { color: #fff;}
.transMenu .item td{ color: #6F522A;}

/* For first level menu.*/
#wrap, #menu {	margin: 0;	padding: 0;}

a.mainlevel-trans:link, a.mainlevel-trans:visited {
   font: 12px Helvetica, sans-serif bold; text-decoration:none; color: Black; white-space: nowrap; display: block;
	width:auto; margin: 0; padding: 0 10px; clear: both;}

a.mainlevel-trans:hover { color: #fff; }

a.mainlevel_active-trans, a.mainlevel_active-trans:visited {
   font: 12px Helvetica, sans-serif bold; text-decoration:none; color: Black; white-space: nowrap; display: block;
	width:auto; margin: 0; padding: 0 10px; clear: both;}

a.mainlevel_active-trans:hover { color: #fff; }
/* End added */