/* Base CSS */
@import url(reset.css);
@import url(fonts.css);
@import url(base.css);
html, body { /*height: 100%;*/ direction:rtl;}
body { direction: rtl; font: normal 12px arial;background: url(../images/footer-grad.gif) bottom center repeat-x;  }
/* Sticky footer. The height for #footer and #push, and the negative bottom margin for the #wrapper must be the same! */
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; color:#203443; }
#footer, #push { height: 100px; margin: auto; }
img { border: 0; vertical-align: middle; }
.clear { clear:both;}
#wrapper, #footer { width: 980px;  }
table{ border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; padding:0; }
.left { float:left; }
.right { float:right; }
a:hover { text-decoration:none; }	
a { color: #0582c7; }
#wrapper {padding: 12px 13px 0 }
html { background: url(../images/back-top.gif) top center repeat-x;}

/* Your CSS goes here! */

.contactform fieldset
{
 background-color:white !important;
}

.m8moduleform_2
{
  background-color:white !important;  
}
       
#header {
	background:#fff;
}
#header .in {
	padding:13px 18px 20px ;
}
#header .form_text {
	height:17px;
	border: solid 1px #c3cbd1;
	border-left: none;
	width:170px;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    color:gray;
    
}
#header .color {
	color:#7c8f9c;
}
#header .top_links {
	margin-right:250px;
}
#header .top_links a {
	display:block;
	float:right;
	margin: 0 6px;
	padding: 0 5px;
	color:#465f71;
}
#header .top_links a.home  {
	background:url(../images/button-top.gif) top right no-repeat;
	width:83px;
	height:16px;
	padding:4px 5px 5px;
	text-align:center;
	text-decoration:none;
	color:#576e7e;
	margin: -3px  4px 0 0;
}
#top_menu {
	background: url(../images/top-menu-grad.gif) repeat-x bottom center ;
	height:63px;
}
#top_menu ul {
	padding:26px 0 0 0;
	margin:0;
	list-style:none;
}	
#top_menu ul li {
	list-style:none;
	float:right;
	white-space:nowrap;
}
#top_menu ul li.line {
	width:1px;
	padding-top:12px;
	display:block;
	margin-right:-1px;
}
#top_menu ul li a {
	height:25px;
	padding: 11px 10px 0 ;
	display:block;
	color:#465f71;
	font-weight:bold;
}	
#top_menu ul li.current a {
	background: url(../images/top-menu-hover.gif) repeat-x bottom center ;
	color:#fff;
	text-decoration:none;
}	
#content {
background:#fff;
	border-bottom: solid 1px #dbdee1;
	padding-bottom:75px;
}
#right_col {
	width:204px;
	float:right;

}
#right_col #side_menu {
	background:url(../images/side-menu-grad.gif) repeat-y right top;
	margin-bottom:8px;
}
#right_col #side_menu-top {
	background:url(../images/side-menu-top.gif) top right no-repeat;
}
#right_col #side_menu-bottom {
	background:url(../images/side-menu-bottom.gif) bottom right no-repeat;
	padding: 12px 0 35px 0;
}
#right_col #side_menu ul {
	padding:0;
	margin:0;
	list-style:none;
	
}
#right_col #side_menu ul li {
	list-style:none;
	line-height:22px;
}
#right_col #side_menu ul li a {
	color:#fff;
	font-size:18px;
	text-decoration:none;
	padding-right:18px;
	display:block;
}
#right_col #side_menu ul li.current a {
	color:#845da3;

}
#right_col #side_menu ul li:hover a {
	background:url(../images/white-box.gif) center right no-repeat;
}
#promo {
	background:#0f79b3 url(../images/promo.gif) top right no-repeat;
	/*padding:60px 20px 20px;   */
	color:#fff;
	margin-bottom:9px;
    /*height:145px;
	width:205px;*/
}
#promo a {
	color:#fff;
	text-decoration:none;
}	
#promo a:hover {
	text-decoration: underline;
}
#right_col .banner {
	background:url(../images/banner_back.gif) top right no-repeat;
/*	height:55px;
	width:202px; 
	removed because we dont need it so much
	added auto
	*/
	height: auto;
	width: auto;
	text-align:center;
	margin-bottom:3px;
	padding:1px;
}
#left_col {
	background:url(../images/main-grad.gif) repeat-x top center;
	width:763px;
	float:left;
}

#left_col .main-text {
	padding:15px 20px ;
	margin-right:380px;
}
#left_col .main-text p{
	padding-bottom:15px;
}	
#left_col .main-text ul {
	padding:0;
	margin:5px 15px 0 0;
	list-style:none;
}
#left_col .main-text ul li {
	list-style:none;
	float:right;
	margin-top:3px;
	width:150px;
	background:url(../images/list.gif) right 7px no-repeat;
	padding-right:10px;
	
}
#left_col .main-text ul li a {
	color:#a8566d;
	text-decoration:none;
}
#left_col .main-text ul li:hover a {
	text-decoration: underline;
}
#top_main { 
	height:188px;
	overflow:hidden;
	margin-bottom:10px;
}	

#top_main ul li{ 
    
    font-weight:bold;
}    

#page_menu { 
	margin-bottom:10px;
}	
#page_menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#page_menu ul li {
	background:url(../images/page_menu-grad.gif) top right repeat-x;
	list-style:none;
	float:right;
	margin-left:2px;
	white-space:nowrap;

}
#page_menu ul li div {
	background:url(../images/page_menu-left.gif) top left no-repeat;
}
#page_menu ul li div div {
	background:url(../images/page_menu-right.gif) top right no-repeat;
}

#page_menu ul li div div a {
	display: block;
	color:#465f71;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding:8px 10px 0;
	height:25px;
	text-decoration:none;
}

#page_menu ul li:hover {
	background:url(../images/page_menu-hover-grad.gif) top right repeat-x;
}
#page_menu ul li:hover div {
	background:url(../images/page_menu-hover-left.gif) top left no-repeat;
}
#page_menu ul li:hover div div {
	background:url(../images/page_menu-hover-right.gif) top right no-repeat;
}
#page_menu ul li:hover div div a {
	color:#fff;
}

#main_text {
	margin-top:10px;
}
#right_col-text {
	float:right;
	width:230px;
}
#left_col-text {
	float:left;
	width:525px;
}

.kotar {
	margin-bottom:10px;
	margin-top:6px;
	margin-right:3px;
}
.move_text {
	margin-right:14px;
}	
.news {
	margin-bottom:15px;
	clear:right;
    direction:rtl !important;
    text-align:right !important;
}		

#comments table td
{
    padding:10px;
}

.news h3 a {
	font-size:17px;
	background:url(../images/line.gif) bottom center repeat-x ;
	text-decoration:none;
	padding-bottom:2px;
	color:#27485a;
}

.pagetable ul li
{
font-weight:bold;
}

.news h3:hover a {
	background:url(../images/line-hover.gif) bottom center repeat-x ;
	color:#fe800f;

}
.small_pic {
	margin-left:15px;
	margin-bottom:10px;
	float:right;
}	
.news p {
	padding-right:16px;    
	padding-left:20px;
}


#n_detail p{
   padding-right:0px !important;
   padding-left:0px !important;
}


.gray {
	background:#5b707f;
	color:#fff;
	padding: 2px 5px;
	display:block;
	float:right;
	margin-left:4px;
	font-weight:normal;
}

.purple_date {

  background:#9371ae;
    color:#fff;
    padding: 2px 5px;
    display:block;
    float:right;
    margin-left:4px;
    font-weight:normal;
    
}
.news .date {
	color:#5b707f;
	margin:10px 0;
	height:15px;
}
.gray_box {
	background:#f7f9fa;
	padding:0 0 20px 10px;
	margin-bottom:8px;
}
.color_text {
	color:#667a88;
}
.update td {
	padding-left:15px;
	padding-bottom:3px;
}	

.my_col h3 a {
	font-size:15px;
	background:url(../images/line.gif) bottom center repeat-x ;
	text-decoration:none;
	padding-bottom:2px;
	color:#465f71;
}
.my_col h3:hover a {
	background:none ;
}
p {line-height:16px; padding-left:10px; }
.padding {padding: 6px 0 2px ;}

.event h3 a {
	font-size:15px;
	text-decoration: underline;
	padding-bottom:2px;
	color:#465f71;
	padding-bottom:5px;
	display:block;
}
.event h3:hover a {
	text-decoration: none;
}
.event {
	margin: 0 0 15px 0;
}	
.event .date {
	color:#465f71;
	font-size:10px;
	background:url(../images/date_back.gif) top right no-repeat;
	height:40px;
	width:55px;
	text-align:center;
	line-height:18px;
	margin-bottom:10px;
}
.event .date b{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	display:block;
	padding:4px 0 0 0;
}
/**************************************************  inner_page  **************************************************/

#left_col-inner {
	width:763px;
	float:left;
}

#left_col-inner #right_col-text {
	float:left;
	width:240px;
}
#left_col-inner #left_col-text {
	float:right;
	width:520px;
}

#left_col-inner #right_col-text .news p {
	padding-left:5px;
}
.event_intro .in {
	padding: 5px 15px 7px;
	/*color:#fff;    */
	/*background: url(../images/event-bottom.gif) bottom right no-repeat;   */
}	
.event_intro {
	width:508px;
	margin-bottom:10px;
	/*background:#9371ae url(../images/event-top.gif) top right no-repeat;  */
}
h2.event {
	color:#9371ae;
	margin-bottom:10px;
}
.half {
	width:45%;
	margin-left:20px;
	float:right;
	margin-bottom:20px;
}
.calender .in {
	background: url(../images/event-gray-bootom.gif) bottom right no-repeat;
}
.calender .in .in {
	/*background: url(../images/arrow.gif) center center no-repeat;  */
	padding: 10px 15px 15px;
}	
.calender {
	width:255px;
	margin-bottom:10px;
	background:#bfc8ce url(../images/event-gray-top.gif) top right no-repeat;   
}	
.calender .date-right {
	background:#bfc8ce url(../images/white-date.gif) top right no-repeat;
	text-align:center;
	color:#9371ae !important;
	font-size:14px;
	font-weight:bold;
	height:17px;
	width:99px;
	float:right;
	padding-left:2px;
	margin:5px 0;
}
.between {
	width:223px;
}	
.calender .date-left {
	background:#556670;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	height:17px;
	width:116px;
	float:left;
	margin:6px 0;
}
.between table {
	margin-top:1px;

}
.between td {
	background:#eef0f1;
	color:#647883;
	font-size:11px;
	padding:2px 2px 5px 0 ;
	border-right: solid 1px #fff;
	border-top: solid 1px #bfc8ce;
}
.between td.no{
	border-right: none;
	padding-right:3px;
}
.between td.white-right {
	background:#FFF url(../images/cal-w-right.gif) top right no-repeat;
	color:#b5b9bf;
}
.between td.white-left {
	background:#FFF url(../images/cal-w-left.gif) top left no-repeat;
	color:#b5b9bf;
}
.between td.white {
	background:#FFF;
	color:#b5b9bf;
}
.between td.gray-right {
	background:#eef0f1 url(../images/cal-g-right.gif) top right no-repeat;
}
.between td.gray-left {
	background:#eef0f1 url(../images/cal-g-left.gif) top left no-repeat;
}

.between td.purple-right {
	background:#9371ae url(../images/cal-p-right.gif) top right no-repeat;
	color:#FFF;
}
.between td.purple-left {
	background:#9371ae url(../images/cal-p-left.gif) top left no-repeat;
	color:#FFF;
}
.between td.purple {
	background:#9371ae;
	color:#FFF;
}


h1 {
	font-size:35px;
	margin-bottom:10px;
	color:#344b5b;
}	
h5 {
	font-size:12px;
	margin-bottom:15px;
	color:#203443;
}
.inner-text p {
	padding-bottom:15px;
	padding-left:20px;
}	
.project {
	padding:0;
	margin:5px 15px 0 0;
	list-style:none;
    
}	
.project li {
	list-style:none;
	float:right;
	margin-top:3px;
	width:150px;
	background:url(../images/list.gif) right 7px no-repeat;
	padding-right:10px;
    font-weight:bolder;  
	
}
.project li a {
	color:#a8566d;
	font-weight:bolder;
}
.project_move {
	padding:20px 0;
	width:400px;
}	
#inner_menu ul {
	margin: 0 0 5px 0 ;
	padding:0;
	list-style:none;
}
#inner_menu ul li {
	list-style:none;
	height:19px;
	/* width:154px;*/
}

#inner_menu ul li a, #inner_menu ul li span {
	font-weight:bold;
	display:block;
	padding-right:15px;
	padding-top:1px;
	color:#344b5b;
}
#inner_menu ul li.current {
	background:url(../images/inner_menu.gif) top right no-repeat;
}

#inner_menu ul li.current a{
	color:#fff;
	text-decoration:none;
}

.all_rights {
	text-align: right;
	font-family: Arial;
	font-size: 12px;
	color: #96a6b5;
	font-weight: normal;
	float: right;
	margin-top:25px;
	background:url(../images/sela-logo.gif) top right no-repeat;
}
.all_rights p {
	padding-right:217px;
}
.logo_kcs {
	font-family: Tahoma;
	font-size: 11px;
	color: #97a2ad;
	font-weight: normal;
	float: left;
	width: 164px;
	text-align: left;
	margin-top:25px;
}
#footer .logo_kcs a{
	color: #98b9db;
	font-weight:normal;
}
.logo_kcs p{
	float: right;
	line-height:12px;
	padding-left:0;
}
.left_logo {
	float: left;
	margin-top: 10px;
}

#inner_text
{
 min-height: 400px !important;
 direction:rtl !important;
}

.white_a
{
 color:white;
}

.main_pic
{
float:right;
display: none;
}	

.my_col img
{
	max-width: 220px;
	width: auto !important;
	width: 100%;
	
	margin-top:5px;
}
.info_checkbox label {
    float: left !important;
    width: 466px !important;
}
.info_checkbox input {
  float:right !important;
}