/* 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:-1000px;top:-1000px;margin-top:1px;}
/* 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;left:0px; top:0px;z-index:2;text-indent:5px;background:#EDEDED;}
.transMenu.top .items {border-top:none;}

/* each TR.item is one menu item */
.transMenu .item{font-family:Trebuchet MS, arial;min-width:100px;font-size:15px;font-style:italic;text-decoration: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;border-bottom:1px solid #555;}
/* 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;background:#EDEDED;left:0px; top:0px;z-index:1;}

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

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

/* 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:#931B02;}
.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 {background:#931b02;color:black;}
.transMenu .item#active.hover {background:#1e436c;}
.transMenu .item td{font-size: 93%;color:#5F5F5F;font-weight:bold;}
/* For first level menu.*/
#wrap {margin: 0px;padding: 0px;}
#menu {}
a.mainlevel-trans:link, a.mainlevel-trans:visited {font-family:Trebuchet MS, arial;text-decoration:none;font-size: 16px;font-weight:bold;  color:#000;white-space:nowrap;line-height: 26px;border-right: 1px solid #668603;border-left: 1px solid #99CC00;display: block;height:26px;width:auto; margin:0px;padding:0px 15px 0px 29px;}
a.mainlevel-trans:hover {color:#3366CC;}
a.mainlevel_active-trans, a.mainlevel_active-trans:visited {font-family:Trebuchet MS, arial;text-decoration:none;font-size: 11px;font-weight:bold;color:#FF6600;white-space:nowrap;line-height:26px;border-right: 1px solid #FFF;display:block;height:26px;width:auto;margin: 0px;padding: 0px 15px 0px 29px; /*background: url(img/arrow.png) 12px 10px no-repeat;*/}
a.mainlevel_active-trans:hover {color:#3366CC;}
/* End added */

#tableMenu {padding:2px 10px 0 10px;width:100%;font-style:italic;font-size:25px;font-family:arial;font-weight:normal;}
#tableMenu a {text-decoration:none;color:#5F5F5F;font-family:Trebuchet MS, arial;}
#tableMenu a:hover {color:#931B02;}
#tableMenu td {padding:4px;text-align:center;}