/* 
m4e_resize
15.03.2010
24.03.2010
*/

body 

{
	margin: 0 auto;
	background-image:url(../img/bgr_element.jpg); 
	background-repeat:repeat-x;
	background-color: #fef5df;
}

*{
margin:0;
padding:0;
}

.musicbox p{
direction:rtl;
}

#out{
	margin: 0 auto;
	width: 850px;
}





	#main_div{
		width: 850px;
		float: left;
	}


	#header_part_1{
		height: 8px;
		width: 850px;
		background-image:url(../img/header_old_1.gif); 
		background-repeat:no-repeat;	
		font-size: 1px;
		float:left;
	}

	#header_part_2{
		height: 170px;
		width: 850px;
		background-image:url(../img/header_new.gif); 
		background-repeat:no-repeat;
		border-bottom: 5px solid #d1bc89;
		float:left;
	}

	#up_menu{
		height: 25px;
		width: 840px;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		color :gray;
		text-align: center;
		padding-top: 5px;
		background-color : #ccc;
		border-left: 5px solid #d9caa4;
		border-right: 5px solid #d9caa4;
		float:left;	
		direction: rtl;
	}

		#up_menu a{
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color : #ff6600;
			text-decoration: none;
		}
		
	.pick{
		color: #000;
	}

	#banner_film{
		height: 80px;
		width: 840px;
		background-color : #f0f0f0;
		border-left: 5px solid #d9caa4;
		border-right: 5px solid #d9caa4;
		float:left;
	}
	
	.bf_pre {
		width: 760px;
		margin: 0 auto;
	}
	
	.banner_1{
		height:60px;
		text-align: center;
		padding: 12px 5px 0px 5px;
		float:left;
	}

	#big{
	width: 850px;
	background-image:url(../img/body_element.jpg); 
	background-repeat:repeat-y;
	float: left;
	}

	.seporator_right{
		height: 12px;
		width: 175px;
		background-image:url(../img/sepor_right.jpg);
		background-repeat:no-repeat;
		float:left;
	}

	#menu_title{
		width: 154px;
		height: 20px;
		}

		.menu_0_0{
			width: 170px;
			height: 16px;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color : #000;
			text-align: right;
			padding-right: 5px;
			padding-top: 4px;
			float: left;
			text-decoration:none;
			cursor:pointer;
		}

			#menu a{
				font-family: Arial;
				font-size: 14px;
				font-weight: bold;
				color : #999;
				text-decoration:none;
				cursor:pointer;
			}

		.menu_0_1{
			width: 170px;
			height: 16px;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color : #ff9900;
			text-align: right;
			padding-right: 5px;
			padding-top: 4px;
			float: left;
			text-decoration:none;
			cursor:pointer;
		}
			.menu_0_1 a{
				color : #666;
			}
		
		.menu_1_0{
			width: 140px;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color : #666;
			text-align: right;
			float: left;
			text-decoration:none;
			cursor:pointer;
		}
		
			.menu_1_0 a{
					color : #ffcc33;	
			}
			

		.menu_1_1{
			width: 140px;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color: #ff9900;
			text-align: right;
			float: left;
			text-decoration:none;
			cursor:pointer;
			text-decoration:none;
			cursor:pointer;
		}

		.menu_item_1{
			width: 160px;
			height: 16px;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color : #ccc;
			text-align: right;
			padding-right: 5px;
			padding-top: 4px;
			float: left;
			text-decoration:none;
			cursor:pointer;
			}

		

		.menu_item_2{
			width: 160px;
			height: 16px;
			font-family: Arial;
			font-size: 14px;
			font-weight: bold;
			color : #666;
			text-align: right;
			padding-right: 5px;
			padding-top: 4px;	
			float: left;
			text-decoration:none;
			cursor:pointer;
		}

		

		.menu_item_0{
			width: 149px;
			height: 23px;
			text-align: right;
			padding-right: 10px;
			padding-top: 8px;
			font-weight: bold;
			color: #fff;
			background-image:url(../img/but_3.gif); 
			background-repeat:no-repeat;
			float: left;
			text-decoration:none;
			cursor:pointer;
		}

		#sub_menu{
			width: 140px;
			font-family: Arial;
			font-size: 12px;
			font-weight: bold;
			color : #ffcc99;
			text-align: right;
			float: left;	
		}
		
		#sub{
			color: #ffb600;
		}	

		#banner_film_2{
			width: 175px;
			}

			.banner_2{
				width:175px;
				height:60px;	
				text-align: center;
				padding-top: 12px;
				float:left;
			}
			
.kesher input{
	width: 300px;	
}

.demo{
	background-color:#e5e5e5;
	color: #666;
	border: 1px solid #ccc;
	cursor: pointer; 
}		

/* /////////////////////////////////////////////////////////////////////////////////////// */



#cat_matrix{

	}	

		#cat_box{
			height: 240px;
			width: 170px;
			float:left;
		}

		#cat_item{
			height: 210px;
			width: 140px;
			background-color  : #FFF;
			border: 10px solid #ecebeb;
			float: left;
			text-decoration:none;
			cursor:pointer;	
		}	

			#name{
				height: 16px;
				width: 140px;
				font-family: Tahoma;
				font-size: 12px;
				font-weight: bold;
				color: #990000;
				text-align: center;
				text-decoration: underline;
				padding-top: 10px;
				float : left;
			}

				#name a{
					font-family: Tahoma;
					font-size: 12px;
					font-weight: bold;
					color: #990000;
					text-align: center;
					text-decoration: underline;
				}

			#pic{
				height: 100px;
				width: 120px;
				padding-top: 8px;
				float : left;
			}			

			#bref{	
				height: 42px;
				width: 132px;
				font-family: Tahoma;
				font-size: 11px;
				padding-top: 8px;
				padding-left: 4px;
				padding-right: 4px;
				color: #666;
				text-align: center;
				float :left;
			}

			#date{
				height: 16px;
				width: 140px;
				font-family:Tahoma;
				font-size: 10px;
				font-weight: bold;
				color: #ff9900;
				text-align: center;	
				padding-top: 5px;
				float : left;
			}

	#wellcome{
		
		width: 438px;
		background-color: #fff9f0;
		float: left;
	}

	#text_page_title{
		height: 14px;
		width: 438px;
		text-align: center;
		padding-top: 10px;
		font-family: Tahoma;
		font-size: 14px;
		font-weight: bold;
		color: #111;
		float: left;
	}

	#wellcome_text{
		width: 418px;
		font-family: Tahoma;
		font-size: 11px;
		color: #333;
		text-align: justify;
		padding: 10px 10px 10px 10px;
		float: left;
		display: table;
	}

	.main_page_item{
		height: 100px;
		width: 438px;
		background-color : #f0f0f0;
		font-family: Tahoma;
		font-size: 10px;
		color: #666;
		border-top: 2px solid #fff;
		float: left;
	}

		.main_page_item_pic{
			height: 80px;
			width: 100px;
			padding: 10px 0px 0px 15px;
			float: left;
		}		
		
		.main_page_item_text{
		   direction: rtl;
			
			width: 290px;
			padding: 15px 15px 5px 5px;
			float: right;	
		}

			.main_page_item_text a{
				font-family: Arial;
				font-size: 14px;
				color: #666;
				font-weight: bold;
				text-decoration: none;
			}
			
				.main_page_item_text a:hover {
					
					text-decoration: underline;
				}

	.cat_page_item_more	{
		direction: rtl;
	}
	
		.cat_page_item_more	a {
			font-family: Arial;
			font-size: 11px;
			font-weight: bold;
			color: #666;
		}
			
			.cat_page_item_more	a:hover {
			text-decoration: underline;
			}

	.seporator_left{
		height: 12px;
		width: 210px;
		background-image:url(../img/sepor_left.jpg);
		background-repeat:no-repeat;
		float:right;
	}

	#youtube_block{
		margin: 0 auto;
		width: 200px;
		text-align:center;
	}
	
		.clip_item {
			width: 200px;
			padding: 10px 0px 10px 0px;
			float: left;
		}

			.clip_title{
				height: 14px;
				width: 200px;	
				font-family: Tahoma;
				font-size: 11px;
				font-weight: bold;
				color: #ff6600;	
			}

			

			.video_clip{
				height: 150px;
				width: 200px;	
			}

			.clip_bref{
				height: 20px;
				width: 200px;
				font-family: Tahoma;
				font-size: 10px;	
				color: #666;
				}	

	#add_links_title{	
		width: 200px;
		font-family: Tahoma;
		font-weight: bold;
		font-size: 13px;
		color: #666;
		text-align: right;
		float: left;
	}

	.msg{
		vertical-align:top;
		padding-top:2px;
	}	
	
	.msg_inp{
		width: 300px;	
		font-family: Arial;
		font-size: 12px;
		height: 80px;
	}
	
	.sbm_btn{
		width: 50px;
	}

		#add_links{
			width: 200px;			
			text-align: right;			
			float: left;
			line-height: 20px;		
		}

			#add_links a{
				font-family: Tahoma;
				text-decoration: underline;
				font-size: 11px;
				color: #ff6600;
				font-weight: bold;
			}	

		#empty_block{	
			height:50px;
			width:220px;	
			float: left;	
		}

	#footer{
		height: 55px;
		width: 850px;
		background-image:url(../img/footer_element.jpg);
		background-repeat:repeat-y;
		background-color : #ffffff;
		float: left;
		
	}
	
		#footer_bottom{
			height: 11px;
			width: 850px;
			background-image:url(../img/footer.jpg);
			background-repeat:no-repeat;
			float: left;
			text-align: center;
			margin-bottom: 20px;
		}

		#bottom_link_1{
			width: 850px;
			font-family: Tahoma;
			font-size: 11px;
			color: #ff6600;
			padding-top: 10px;
			text-align: center;	
		}

			#bottom_link_1 a{
				font-family: Tahoma;
				font-size: 11px;
				color: #ff6600;
				text-decoration: none;
			}

		#bottom_link_2{
			width: 810px;
			font-family: Tahoma;
			font-size: 10px;
			color: #999;
			font-weight: bold;
			padding: 5px 20px;
			text-align: center;
		}

			#bottom_link_2 a{
				font-family: Tahoma;
				font-size: 10px;
				color: #999;
				font-weight: bold;
				text-decoration: none;
			}

#block_1{
	float: left;
	width: 440px;
	padding: 0px 0px 20px 0px;
	text-align: right;
	}

* html #block_1{
	display: inline;
	}

#block_2{
	float: left;
	width: 175px;
	}

#block_3{
	float: left;
	width: 220px;
}

/* Start Mac IE5 filter \*/

#block_1{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	border: 1px solid #ff0000;
	border-top: 1px solid #FAFAFA;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#block_2{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	border-top: 1px solid #fff;
	}

#block_3{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	border-right: 1px solid #fff;
	border-left: 1px solid #d9caa4;
	}
/* End Mac IE5 filter */

#wrapper{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */

#wrapper{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */

#wrapper:after{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
#wrapper{
	display: inline-block;
	}
/*\*/

#wrapper{
	display: block;
	}

/* end easy clearing */

#footer{
	clear: both;
	}

/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */

* > #footer, * > form, * > #notes, * > .output{
	position: relative;
	z-index: 1000;
	}

	.clear { 
	clear:both; 
	}
	
	/*//////////////////////////////////////////  GALLERY   /////////////////////////////////////////////////////////*/

	.highslide {
		cursor: url(../js/gallery/graphics/zoomin.cur), pointer;
   	outline: none;
   	}

.highslide-active-anchor img {
	visibility: hidden;
}

.highslide img {
	border: 2px solid gray;
}

.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}

.highslide-image {
    border: 2px solid white;
}

.highslide-image-blur {

}

.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}

.highslide-loading {
		display: block;
		color: black;
		font-size: 8pt;
		font-family: sans-serif;
		font-weight: bold;
		text-decoration: none;
		padding: 2px;
		border: 1px solid black;
		background-color: white;
		padding-left: 22px;
		background-image: url(../js/gallery/graphics/loader.white.gif);
		background-repeat: no-repeat;
		background-position: 3px 1px;
	}

a.highslide-credits, a.highslide-credits i {
   padding: 2px;
   color: silver;
   text-decoration: none;
	font-size: 10px;
}

a.highslide-credits:hover, a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
	
}

a.highslide-full-expand {
	background: url(../js/gallery/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
/* Controlbar example */

.controlbar {	
	background: url(../js/gallery/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}

.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}

.controlbar a:hover {
	background-image: url(vortex_site/js/gallery/graphics/controlbar4-hover.gif);

}

.controlbar .previous {
	width: 50px;
}

.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}

.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}

.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

/* Necessary for functionality */

.highslide-display-block {
    display: block;
}

.highslide-display-none {
    display: none;
}

/*/////////////////////////////////////  CATALOG   ///////////////////////////////////*/

#block_3_cat{
	float: left;
	width: 20px;	
}

	#empty_block_3{
		height: 20px;
		width: 20px;	
		float: left;	
	}  

#block_1_cat{
	float: left;
	width: 644px;
	padding: 0px 0px 20px 0px;
	text-align: right;
}

#location_mark{
		height: 30px;
		width: 634px;
		background-color: #fff9f0;
		float: left;
		margin: 7px 0px 0px 0px;
}	 

.cat_page_item{
		height: 100px;
		width: 634px;
		background-color : #f0f0f0;
		font-family: Arial;
		font-size: 12px;
		color: #666;
		border-top: 2px solid #fff;	
		float: left;
		
	}

		.cat_page_item_pic{	
			height: 80px;
			width: 100px;
			padding: 10px 10px 0px 10px;
			float: right;
		}
		
		.cat_page_item_text{
		  	direction: rtl;
			height: 90px;
			width: 500px;
			padding: 10px 5px 0px 0px;	
			float: right;	
		}

			.cat_page_item_text a{
				font-family: Arial;
				font-size: 11px;
				color: #666;
				text-decoration: none;
			}
				.cat_page_item_text a b{
					font-size: 13px;
				}
				
				.cat_page_item_text a:hover{
				text-decoration: underline;
				color: #111;
				}

	.cat_basic_page_item{
		height: 100px;
		width: 634px;
		background-color : #fafafa;
		font-family: Arial;
		font-size: 12px;
		color: #666;
		border-top: 2px solid #fff;
		float: left;
	}		
	
		.cat_basic_page_item_text{
			
			width: 600px;
			direction:rtl;
			padding: 15px;
			float: right;	
		}

#cat_page_title{
		height: 14px;
		width: 630px;	
		text-align: right;
		padding-top: 5px;
		font-family: Arial;
		font-size: 16px;
		font-weight: bold;
		color: #666;
		float: left;
	}

/*////////////////////////////////// Item Page ////////////////////////////////////*/	

#block_1_item{
	float: left;
	width: 810px;
	padding: 0px 0px 20px 0px;
	text-align: right;
	}	

#back_button{
	height: 20px;
	width: 810px;
	padding-top: 15px;
	text-align: left;
	float: right;
}

	#back_button a{
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		color: #ff9900;
		text-decoration: none;
	}

#item_page_title{
	height: 30px;
	width: 810px;
	direction: rtl;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	text-align:center;
	float: left;
}

#item_page_img_gallery{
	height: 400px;
	width: 810px;
	background-color : #ccc;
	float: left;
}

#gal_container{
	height: 375px;
	width: 780px;
	padding: 15px 15px 0px 15px;
	float: left;	
}



	#big_pic{
		height: 375px;
		width: 590px;
		text-align: center;
		vertical-align: middle;	
		float : right;
	}

	#big_pic img{
		border: 1px solid #333;
		
	}

	.small_pic_container{
		height: 375px;
		width: 120px;
		float: left;
		margin:0px;
		margin:0px;

	}
	
	.small_pic{
		height: 95px;
		width: 120px;
		text-align:center;
	}

	.small_pic img{
		border: 1px solid #333;
	}	

	.empty_in_gal{
		height: 15px;
		width: 107px;
		font-size: 1px;	
		float: left;
	}
	
#img_descr{
	height: 30px;
	width: 670px;
	font-family: Arial;
	font-size: 10px;
	color: #333;
	text-align: left;
	float: left;
}

#item_page_contact_list{
	width: 260px;
	float: left;
	background-color : #e5e5e5;

}

	.div_br_2{
		height:10px;
		width:100px;
		font-size:1px;
	}

	.contact_unit_title{
		height: 20px;
		width: 90px;	
		font-family: Arial;
		font-size: 13px;
		text-align: right;
		font-weight: bold;
		color: #ff9900;
		float: left;
	}
	
	.contact_unit_text{
		height: 20px;
		width: 160px;
		padding-bottom:10px;
		font-family: Arial;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		float: left;
	}

	.contact_unit_title_sp{
		height: 20px;
		width: 90px;
		font-family: Arial;
		font-size: 12px;
		text-align: right;
		font-weight: bold;
		color: #cc6600;
		float: left;
	}

	.contact_unit_text_sp{
		height: 20px;
		width: 160px;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		color: #3399cc;
		float: left;

	}

.contact_unit_text_sp a{
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		color: #3399cc;
	}

#item_page_video_film{
	width: 260px;
	float: left;
	background-color : #e5e5e5;
	border-top: 15px solid #fff;
}

	.video_item{
		height: 180px;
		width: 220px;
		float: left;
		margin-top: 12px;

	}

#item_page_text{
	direction: rtl;
	width: 520px;
	font-family: Tahoma;
	font-size: 11px;
	color: #666;
	float: right;
}

#block_2_item{
	float: left;
	width: 20px;
}

#empty_block_2{
	height: 20px;
	width: 20px;
	float: left;

}	        

/*////////////////////////////////// text page ////////////////////////////////////*/

.text_page_item{
		width: 634px;
		background-color : #fbfbfb;
		font-family: Tahoma;
		font-size: 11px;
		color: #666;
		border-top: 2px solid #fff;
		float: left;
	}

.text_page_item_pic{
			height: 30px;
			width: 30px;
			padding: 5px 10px 0px 8px;
			float: right;
		}

.text_page_item_text{
			direction: rtl;
			width: 604px;
    		padding: 15px;
    		float: right;
		}		

/*////////////////////////////////// article list /////////////////////////////////*/

.artcl_page_item{
		height: 40px;
		width: 634px;
		background-color : #f0f0f0;
		font-family: Tahoma;
		font-size: 10px;
		color: #666;
		border-top: 2px solid #fff;
		float: left;
	}

.artcl_page_item_pic{
			height: 30px;
			width: 30px;
			padding: 5px 10px 0px 8px;
			float: right;
		}

.artcl_page_item_text{
		   direction: rtl;
			height: 20px;
			width: 370px;
			padding: 8px 5px 5px 5px;
			float: right;
		}

.artcl_page_item_text a{
		font-family: Tahoma;
		font-size: 12px;
		color: #666;
		text-decoration: none;
	}		

.artcl_page_item_date{
	width: 60px;
	padding-top: 12px;
	float: left;
}		

.artcl_page_date{
	text-align: left;
	font-family: Tahoma;
	font-size: 10px;
	color: #666;
}				    

/*////////////////////////////////// video ////////////////////////////////////////*/

.vid_page_item{
		height: 40px;
		width: 490px;
		background-color : #f0f0f0;
		font-family: Tahoma;
		font-size: 10px;
		color: #666;
		border-top: 2px solid #fff;	
		float: left;
	}

.vid_page_item_pic{
			height: 30px;
			width: 30px;
			padding: 5px 10px 0px 8px;
			float: right;
			
		}

.vid_page_item_text{
			height: 20px;
			width: 350px;
			padding: 13px 5px 5px 5px;
			float: right;
		}		

.vid_in_data{	
	vertical-align: top;
	padding: 15px 5px 0px 0px;
	width: 280px;
}		

.vid_in_clip{	
	vertical-align: top;
	padding-right: px;
	text-align: right;
}				      	

/*////////////////////////////////// jQuery ///////////////////////////////////////*/

p{
	padding: 0px;
	margin: 0px;
}

/* message display page */

.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 634px;
}

.message_list li {
	padding: 0;
	margin: 0;
	background-color : #f0f0f0;
	font-family: Tahoma;
	font-size: 10px;
	color: #666;
	border-top: 2px solid #fff;
	vertical-align: middle;	
}

.message_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
}

.message_head .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}

.message_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}

.message_body {
	padding: 5px 10px 15px;
}

.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 383px;
}

.collapse_buttons a {
	margin-left: 15px;
	float: right;
}

.show_all_message {
	background: url(../img/jQuery/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}

.show_recent_only {
	display: none;
	background: url(../img/jQuery/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}

.collpase_all_message {
	background: url(../img/jQuery/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}

/*/////////////////////////////////////////////// MENU ///////////////////////////////////////////////////*/

ul.mbh {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

ul.mbh li {
	float: left;
	padding: 0;
	margin: 0;
	z-index: 1;
}

ul.mbh ul li {
	float: none;
	position: relative;
	border-bottom: 1px solid #9CC; /* fixes gap problem in IE */
}

/* separator to mark end of menu group */

ul.mbh ul li.end {
	border-bottom: 1px dashed #399;
}

ul.mbh li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: 0;
	left: 0;
	background: #9CC;
	z-index: 2;
}

ul.mbh ul ul {
	margin-left: .2em;
	position: absolute;
	top: 0; /* if using borders, -1px to align top borders */
	left: 9em;
}

ul.mbh li a:link,
ul.mbh li a:visited,
ul.mbh li a:hover,
ul.mbh li a:active {
	display: block;
	padding: .2em .5em;
	text-decoration: none;
	background: #9CC;
	color: #399;
}

ul.mbh li a:hover,
ul.mbh li a:active {
	background: #399;
	color: #FFF;
}

ul.mbh ul li a:link,
ul.mbh ul li a:visited,
ul.mbh ul li a:hover,
ul.mbh ul li a:active {
	width: 8em;
}

ul.mbh ul li a.hidden:link,
ul.mbh ul li a.hidden:visited {
	background: #9CC url(mb.gif) 100% -12px no-repeat;
}

ul.mbh li a.visible:link,
ul.mbh li a.visible:visited,
ul.mbh li a.visible:hover,
ul.mbh li a.visible:active {
	background: #399;
	color: #FFF;
}

ul.mbh ul li a.visible:link,
ul.mbh ul li a.visible:visited,
ul.mbh ul li a.visible:hover,
ul.mbh ul li a.visible:active {
	background: #399 url(mb.gif) 100% -62px no-repeat;

}

/*   LT   */
#longo{
  
  width: 210px;
  float:left; 
 }
 
   .search_box {
     width:210px;
    
     padding: 0px;
     
     text-align: right;
     direction: rtl;
    }  
     
      .search_box h1{
      font-family: Arial;
      font-size: 24px;
      font-style: normal;
      font-variant: normal;
      font-weight: bold;
      color: #fff; 
         
      padding: 0px;
      margin: 5px 0px 5px 0px;
      }
      
      .search_box p{
      font-family: Arial;
      font-size: 12px;
      font-style: normal;
      font-variant: normal;
      font-weight: normal;
      color: #666; 
         
      padding: 0px;
      margin: 5px 0px 5px 0px;
      }
      
      .sb_select {
       width: 180px;
       padding: 0px;
       margin: 10px 5px 10px 5px;
       font-family: Arial;
       font-size: 12px;
       color: #666;
       float: right;
       
      }
      
      .sb_butt {
       width: 175px;
       height: 20px;
       background-color: #333;
       color: #fff;
       font-family: Arial;
       font-size: 12px;
       font-weight: bold;
       border:0;
       cursor: pointer;      
       margin: 10px 7px 0px 0px; 
       outline: 0px;
       float: right;
       text-align: center;
      }

.smul{
list-style-type:none;
}

.smul a{
font-family:Arial;
font-size:15px;
color:#999;
}

.smttl{
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#999;
padding:15px 0px 0px 0px;
}