
 #big_trans_bottoms_div 			{border: 0;font-size:11px;text-transform: UPPERCASE;position: absolute;top: 150px;left: 20px;text-align: left;width: 600px;height: 400px;background: none;}
/*
 #big_trans_bottoms_div 			{border: 0;font-size:11px;text-transform: UPPERCASE;text-align: left;width: 600px;background: none;}
 #big_trans_bottoms_div 			{position: absolute;top: 150px;left: 20px;width: 600px;height: 400px;z-index: 1000000;}
*/
#big_trans_bottoms_div a		        {color: #fff;font-weight: bold;font-size:11px;text-transform: UPPERCASE;}


/* 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;}

/* 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;}
.transMenu.top .items			{}

/* 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: .8;filter: alpha(opacity=80);}

/* 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			{width: 2px;position: absolute;z-index: 3;top: 3px;-moz-opacity: .1;filter: alpha(opacity=10);}
*/
.transMenu .shadowRight			{display:none;}

/* 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;-moz-opacity: .1;filter: alpha(opacity=10);}
*/
.transMenu .shadowBottom		{display:none;}
/* each TR.item is one menu item */
.transMenu .item			{color: #FFFFFF;text-decoration: none;text-transform: none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border: none;cursor: pointer;font-size: 11px;font-family: Tahoma, Arial, sans-serif;}

/* 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			{color: #FFFFFF;background: #222;}

/* 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;}

/* ----------------------------------------------------------------
- Added classes by Khanh - 050629
- Style and mark-up improved by Hieu Nguyen & Ha Le Viet - 060718
-------------------------------------------------------------------*/
.transMenu .item#active			{background: #333333;color: #FFFFFF!important;font-weight: bold;/* -moz-opacity: .6;filter: alpha(opacity=60); */}

.transMenu .item#active:hover		{color: #FFFFFF;background: #333333;}

/* For first level menu.*/
#transmenu				{position: relative;margin: 0;padding: 0;/*height: 20px;*/line-height: 20px;width: 200px;}

#transmenu li				{margin: 0;padding: 0;background: none;display: inline;}

/* common styles for 1st level menu */
#transmenu li a				{padding: 7px 20px;/*float: left;*/text-decoration: none;display: block;	text-align: left;border-right: 1px solid #333333;border-bottom: 1px solid #333333;}
#transmenu li a:hover			{color: #FFFFFF;text-decoration: none;}

a.havechild-mainlevel-trans		{border-right: 1px solid #333333!important;}

a.mainlevel-trans:active		{color: #FFFFFF;background: url(http://www.avenir.ru/new_lib/scripts/headband/img/havechild-on-bg.gif) no-repeat bottom right #333333;}

a.jahover				{color: #FFFFFF;background: url(http://www.avenir.ru/new_lib/scripts/headband/img/havechild-on-bg.gif) no-repeat bottom right #333333;}

a.jahover-active			{color: #FFFFFF!important;background: url(http://www.avenir.ru/new_lib/scripts/headband/img/arrow-on.gif) no-repeat 90% 45% #c3392f;}

a.mainlevel-trans			{}

a.mainlevel-trans:hover,
a.mainlevel-trans:active		{color: #FFFFFF;background: url(http://www.avenir.ru/new_lib/scripts/headband/img/topnav-on-bg.gif) no-repeat bottom right #333333;}

a.mainlevel-active-trans		{color: #FFFFFF!important;background: #c3392f;}

a.mainlevel-active-trans:hover,
a.mainlevel-active-trans:active		{background: #c3392f;color: #FFFFFF;}

