/* TRANSMENU CSS FOR RHUK_PLANETFALL TEMPLATE*//*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:-100px; top:-100px;	
}/* 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;}/* 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;right:0px; top:0px;z-index:2;text-indent:1px;}.transMenu.top .items {border-top:none;	
}/* each TR.item is one menu item */.transMenu .item{ 
font-size:11px;    text-decoration:none;
font-weight:none;    margin: 0px;	display:block;	
/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */	border:none;	cursor:pointer;	cursor:hand;	
border-bottom: 1px solid #fff;	
}/* 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;	-moz-opacity:.9;	filter:alpha(opacity=100);background: url(/joomla/templates/images/ja/menu.png)	}/* 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:1px; width:0px;	-moz-opacity:.4;	filter:alpha(opacity=100);	}/* 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:left;	z-index:1;	left:1px; height:1px;	-moz-opacity:.9;	filter:alpha(opacity=100);	}/* 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: #0065CE;}.transMenu .item.hover td {color:#009AFF;}/* 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:2px;	}.transMenu .item#active {	background:#319ACE;	color:#3366CC;	-moz-opacity:.9;	filter:alpha(opacity=100);	}.transMenu .item#active.hover {	background:#009AFF;	}.transMenu .item td{	color:#000;	font-weight:bold;}/* For first level menu.*/#wrap {   margin: 0px;   padding: 0px;}#menu {}a.mainlevel-trans:link, a.mainlevel-trans:visited {   font-family: Tahoma, Helvetica, sans-serif;   text-decoration:none;   font-size: 11px;   font-weight:bold;   color:#fff;   white-space:nowrap;   line-height: 26px;   border-right: 1px solid #FFF;   display: block;   height: 26px;   width:auto;   margin: 0px;   padding: 0px 15px 0px 23px;}a.mainlevel-trans:hover {  color:#3366CC;}a.mainlevel_active-trans, a.mainlevel_active-trans:visited {   font-family: Tahoma, Helvetica, sans-serif;   text-decoration:none;   font-size: 11px;   font-weight:bold;   color:#fff;   white-space:nowrap;   line-height: 25px;   border-right: 1px solid #FFF;   display: block;   height: 25px;   width:auto;   margin: 0px;   padding: 0px 15px 0px 29px;   background: url(/joomla/templates/images/ja/.png) 10px 8px no-repeat;}a.mainlevel_active-trans:hover {  color:#006699;}/* End added */