body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	margin: 0;
	text-align:center;
}

a{ outline:none}	


a.thickbox * { cursor:pointer}


ul{
	list-style:none;
	padding: 0;
	margin: 0; 
}

div{ xxoverflow:hidden;}

#wrapper{
	width: 977px;
	margin: 0px auto; /* with this setting I set margins of element so that he stands in middle of the site. */ 
	text-align:right;
	direction:rtl;
	
}

	#wrapper #header{
		width: 977px; /*width of header */
		height: 156px; /*height of header */
		xfont-size: 2em; /* font size just in header element and all of his descendants */
		font-family: Tahoma, Verdana, Arial, sans-serif; /* font used just in header and all of his descendant */
		background: url(/images/headerBG.jpg) top left no-repeat; /* same as for body */ 
		
		position:relative;
		
		}
	
	
	#wrapper #header #homeLink{
		display:block;
		height:76px;
		left:108px;
		position:absolute;
		top:20px;
		width:282px;
		}
	
body.home {
	background: #385C6A url(/images/bg.jpg) top repeat-x;
	}
	


	#wrapper #header #top_menu{
		bottom:10px;
		height:30px;
		line-height:30px;
		position:absolute;
		right:150px;
		width:666px;
		}
	
	
	
	/*** home *****/
	#wrapper.home #banner{
	
		height:266px;
		
		background:url(/images/homeMiddle.jpg) no-repeat;
		position:relative;
		
		}
		#wrapper.home #banner #homeFlash{
			color:#FFFFFF;
			height:224px;
			position:relative;
			right:111px;
			top:20px;
			width:802px;
          z-index:12;
			}
	
	#wrapper.home #content{
		height:253px;
		background:url(/images/homeBottom.jpg) no-repeat;
		
		position:relative;
		
		
		
	}

		#wrapper.home #content .box{
			width:164px;
			height:184px;
			
			position:absolute;
			top:33px;
			
			display:block;
			
			text-decoration:none;
		
			}
			
		#wrapper.home #content .box *{ cursor:pointer}
			
		#wrapper.home #content .box .text{
			height:114px;
			color:white;
			
			font-size:14px;
			
			position:relative;
			
			top:70px;
			
			
			}
			
		
		#wrapper.home #content #left_box{left:143px;}
		#wrapper.home #content #middle_box{left:408px;}
		#wrapper.home #content #right_box{right:140px;}
		

	
	/*****************************************************************/
	
	body.info {
		background: #385C6A url(/images/bg1.jpg) top repeat-x;
		}
	
	#wrapper.info #header{
		height:155px;
	}
	#wrapper.info #banner{
		height:122px;
		
		
		position:relative;
		top:0;
	}
	
		#wrapper.info #banner #infoFlash{
			height:122px;
			position:absolute;
			right:83px;
			top:0;
			width:808px;
			color:#FFFFFF;
			}
			
		#wrapper.info #banner #infoFlash a{
			display:block;
			height:49px;
			left:129px;
			position:absolute;
			top:40px;
			width:112px;
			}
	
	#wrapper.info #content{
		height:100%;
		position:relative;
		
			}
	
		#wrapper.info #content #middle_box,
		#wrapper.info #content #middle_box_top,
		#wrapper.info #content #middle_box_bottom
		{
			width:808px;
			height:100%;
			
			margin:auto;
			position:relative;
			color:white;
			
			
			height:100%;
		}
		
		
		
		#wrapper.info #content #middle_box{
			display:table;
			table-layout:fixed;
			background:url(/images/line.jpg) repeat-y;
			xwidth:100%;
		}
		#wrapper.info #content #middle_box #header{
			background:url(/images/top.jpg) top no-repeat;
			}
		#wrapper.info #content #middle_box #footer{
			background:url(/images/bottom.jpg) top no-repeat;
			}
		
		#wrapper.info #content #middle_box_bottom{
			background:url(/images/bottom.jpg) bottom no-repeat;
			}
	
			#wrapper.info #content #middle_box #page_title{
				xxbackground:transparent url(/images/titleBG.png) no-repeat scroll 0px -9px;
				font-size:25px;
				font-weight:bold;
				height:58px;
				line-height:58px;
				xxposition:absolute;
				right:25px;
				text-indent:32px;
				top:39px;
				width:781px;
				}
			
			#wrapper.info #content #middle_box #page_content{
				height:255px;
				xxposition:absolute;
				right:58px;
				top:110px;
				width:650px;			
				
				font-size:12px;
				
				xoverflow-y:auto;
				
				direction:ltr;
				}