* {margin: 0; padding: 0;}
html {direction: rtl;}
img {border: 0px none;}

body {
	background: #c0c0c0 url('images/background_image.gif') top center repeat-y;
    margin: 0 auto; padding: 0;
	text-align: center;}
	
div#base {
	width: 878px;
	margin: 0 auto; padding: 0;
	text-align: right;}
	

/**************** bottom & top line ******************/
div#top_line, div#bottom_line {float: left; width: 878px; height: 21px; background-color: #ff7e00; margin-top: 1px; padding: 0; clear: both;}	
div#bottom_line {margin: 0;}
div#top_line p.right, div#bottom_line p.right {float: left; display: inline;}
div#top_line p.left, div#bottom_line p.left {float: left; display: inline;}
div#top_line p, div#bottom_line p{font: 11px arial; color: #fefefe; margin: 3px 10px 0px 10px; padding: 0;}
div#bottom_line p a {font: 11px arial; color: #fefefe; text-decoration: none; margin: 0; padding: 0;}


div#top_line h1 {font: 11px arial; color: #fefefe; text-align: left; padding: 3px 0 0 5px;}

div#middle {width: 878px; background: url('images/middle_bg_line.gif') 631px 0% repeat-y;}	
div#right_side {width: 244px; float: right; display: inline;}
div#left_side {width: 629px; float: left; display: inline;}

ul#menu {list-style-type: none; width: 240px;}

ul#menu li {
	background: url('images/menu_li_bg.gif') no-repeat;
	width: 210px; height: 26px;
	padding: 5px 30px 0px 0px;
	*padding-top: 8px;}

ul#menu li a {font: bold 12px arial; color:#717d8a; text-decoration: none;}

#contact_box input {
	float: left;
	margin-left: 14px;
}

div#contact_box {
	background: url('images/box_contact_bg.gif') bottom center no-repeat;
	width: 240px;
	border-top: 1px solid #f0f0f0;}

div#contact_box div.header {background: url('images/h_contact.gif') no-repeat; width: 240px; height: 24px;}
div#contact_box div.header1 {background: url('images/h_contact1.gif') no-repeat; width: 190px; height: 24px;}
div#contact_box p.text {font: 12px arial; color:#717d8a; text-align: justify; line-height: 1.4em; margin: 3px 10px 0px 10px}

ul#contact {list-style-type: none; width: 230px; margin-right: 10px}
ul#contact li {font: 12px arial; color:#bbbbbb; margin: 5px 0px;}
ul#contact li input {font: 12px arial; padding-right: 2px; border: 1px solid #e9ebec;}
div#contact_box input.submit {float: left; display: inline; margin: 0px 0px 10px 7px;}

div#about_box {
	background: url('images/box_about_bg.gif') bottom center no-repeat;
	width: 240px;
	border-top: 1px solid #f0f0f0;
	
	}

div#about_box div.header {background: url('images/h_about.gif') no-repeat; width: 240px; height: 23px;}
div#about_box p  {font: 12px arial; color:#717d8a; text-align: justify; line-height: 1.4em; margin: 3px 10px 0px 10px; padding-bottom: 5px;}

div#articles_box {
	background: url('images/box_articles_bg.gif') bottom center no-repeat;
	width: 240px;
	border-top: 1px solid #f0f0f0;}

div#articles_box div.header {background: url('images/h_articles.gif') no-repeat; width: 240px; height: 25px;}
div#articles_box p {font: 12px arial; color:#717d8a; text-align: justify; line-height: 1.4em; margin: 3px 10px 0px 10px}
div#articles_box a, div#articles_box a:visited {font: 12px arial; color: #717d8a; text-decoration: none; line-height: 140%;}
div#articles_box a:hover {font: 12px arial; color: #717d8a; text-decoration: underline;line-height: 140%;}
div#articles_box a.golink {float: left; display: block; margin: 3px 0px 10px 5px;}

ul#list {list-style-type: none; width: 230px; margin: 5px 10px 0px 5px;}
ul#list li {font: 12px arial; color: #717d8a; margin: 1px 0px;}
ul#list li a {font: 12px arial; color: #717d8a; text-decoration: none;}
ul#list li a:hover {font: 12px arial; color: #717d8a; text-decoration: underline;}

div#big_image {background: url('images/big_image.gif') no-repeat; width: 629px; height: 230px;}
div#left_side div.header {background: url('images/h_levels.gif') no-repeat; width: 629px; height: 27px;}

ul#levels {list-style-type: none; width: 629px;}
ul#levels li {float: right; display: inline;}

ul#levels li#level_1, ul#levels li#level_2, ul#levels li#level_3 {
	width: 155px;
	font: 12px arial; color: #717d8a;
	text-align: justify; line-height: 1.3em;
	padding: 13px 52px 10px 0px;
	border-top: 1px solid #f3f4f5;
	border-bottom: 1px solid #f3f4f5;}

ul#levels li#level_1 {background: url('images/level_1_bg.gif') top right no-repeat; border-right: 1px solid #f3f4f5; width: 168px; border-left: 1px solid #f3f4f5; padding: 13px 40px 10px 0px;}	
ul#levels li#level_2 {background: url('images/level_2_bg.gif') top right no-repeat; border-left: 1px solid #f3f4f5;}
ul#levels li#level_3 {background: url('images/level_3_bg.gif') top right no-repeat;border-left: 1px solid #f3f4f5;}


ul#nav_line {list-style-type: none;}
ul#nav_line li {float: right; display: inline; height: 22px; padding: 5px 5px 0px 0px; *padding: 7px 5px 0px 0px; font: 12px arial; color: #0094d9; text-decoration: none; font-weight: bolder;}
ul#nav_line li.arrow {width: 13px; height: 27px; background: url('images/nav_list_arrow.gif') no-repeat; padding: 0;}
ul#nav_line li a {font: 12px arial; color: #0094d9; text-decoration: none; font-weight: normal;}
ul#nav_line li a:hover {font: 12px arial; color: #0094d9; text-decoration: underline;font-weight: normal;}

div#content_box {width: 629px; border-top: 1px solid #f3f4f5; margin-top: 5px;font: 12px arial; color:#717d8a; }
div#content_box h1 {text-align: left; font: bold 10px arial; color: #ffffff; margin: 5px 5px;}
div#content_box p {text-align: justify; line-height: 1.5em; padding: 0px 5px 10px 5px;}
div#content_box h3 {font: bold 14px arial; color: #ff7e00; margin: 5px 5px;}
div#content_box div#side_img {background: url('images/box_content_side.gif') no-repeat;	float: left; display: inline; width: 160px; height: 133px; margin: 20px 10px 10px 30px;}