/* CSS layout */
html {
      overflow: auto;
     direction: ltr;
     	scrollbar-face-color: #C3D453; scrollbar-shadow-color: #FFEECC; scrollbar-highlight-color: #FFEECC; scrollbar-3dlight-color: #FFEECC; scrollbar-darkshadow-color: #FFEECC; scrollbar-track-color: #FFEECC; 
	scrollbar-arrow-color: #267F00;
	overflow-y: scroll;
}

body {
	direction: ltr;
	font-family:Narkisim;
	color:#663300;
	text-align: right;
	line-height: 150%;
	border-width:0px;
	font-size: large;
}
#menu {
/*Sets the background of your dropdown menu bar. Does not include submenu backgrounds.*/
	background:  #C3D453;
	display: block; 
}

#menu li{
/*Gives each menu item, and submenu item padding around the text, and removes bullets. Setting the position to relative gives a reference point for submenu positioning on every level. White space is set not to wrap so that longer menu items dont wrap to a second line.*/
	padding-left:1em; padding-right:1em;
	padding-top:5px;
	list-style: none;
	position: relative;
	white-space: nowrap;
}

#menu > li{
/*Sets the first level of menu items only to display in a horizontal row with their baselines aligned. Display:inline-block allows you to center the list items by setting text-align center to the parent element, but float:left may be used instead. Zoom and (star)display basically make inline-block work in IE.*/
	display: inline-block;
	vertical-align: bottom;
	zoom: 1;
	*display: inline;
}

#menu ul {
/*Removes list indent applied by most browsers' default styles.*/
	padding: 0;
	margin: 0;
}
#menu {
/*Sets the background of your dropdown menu bar. Does not include submenu backgrounds.*/
	background:  #C3D453;
	display: block; 
}

#menu0 li{
/*Gives each menu item, and submenu item padding around the text, and removes bullets. Setting the position to relative gives a reference point for submenu positioning on every level. White space is set not to wrap so that longer menu items dont wrap to a second line.*/
	padding-left:1em; padding-right:1em;
	padding-top:5px;
	list-style: none;
	position: relative;
	white-space: nowrap;
}

#menu0 > li{
/*Sets the first level of menu items only to display in a horizontal row with their baselines aligned. Display:inline-block allows you to center the list items by setting text-align center to the parent element, but float:left may be used instead. Zoom and (star)display basically make inline-block work in IE.*/
	display: inline-block;
	vertical-align: bottom;
	zoom: 1;
	*display: inline;
}

#menu0 ul {
/*Removes list indent applied by most browsers' default styles.*/
	padding: 0;
	margin: 0;
}
ul.dropdown ul{
/*This positions and hides submenus, which are any unordered list that is nested within an ordered list with the dropdown class. This also defines the submenu background color.*/
	position: absolute;
	top: 100%;
	right: 0;
	visibility: hidden;
background:#C3D453;

}

ul.dropdown li:hover > ul{
/*Makes a submenu visible when you hover over its parent list item.*/
	visibility: visible;
	z-index:2;
}

ul.dropdown li:hover {
/*This is your mouseover color for your whole dropdown menu.*/
	background:  #FFEECC;
}

ul.dropdown ul ul{
/*This positions second level submenus to the left instead of below their parent list item.*/
	right: 100%;
	top: 0;
	background:  #C3D453;
}

.rtarrow {
/*This adds an arrow image to list items with the class rtarrow. You must have an image file for this arrow.*/
	padding-right: 15px;
	background: url(/deltagroup/files/rtarrow.png) no-repeat right;
}

#menu li.rtarrow:hover {
/*This keeps the arrow on hovered items, this is necessary to reapply the arrow when the hover background color changes.*/
	padding-right: 15px;
	background:  #FFEECC url(/deltagroup/files/rtarrow.png) no-repeat right;
}
#menu0 li.rtarrow:hover {
/*This keeps the arrow on hovered items, this is necessary to reapply the arrow when the hover background color changes.*/
	padding-right: 15px;
	background:  #FFEECC url(/deltagroup/files/rtarrow.png) no-repeat right;
}

/* End CSS Dropdown Menu Styles */

#right_col {
height:100%;width:15%; position:fixed; right:0px; top:10%; direction:ltr;overflow:auto
	}

#heading {
height:100px;width:70%; position:fixed; left:15%; top:0px ;background-color:white; z-index: 2;
	}

#page_content {
float:right;width:70%;direction:ltr; position:relative ; right:15%; top:-26px; z-index: 1;
}

#left_col {
float:left;width:15%; position:fixed; top:-8px; height:100%;
}
#home {
float:right;height:100%;width:70%; position:fixed; left:15%; top:0px ;
	}
#home_left {
float:right;width:15%; position:fixed;; top:100px; left:5%; height:100%
}



<style type="text/css">
<!--
img {}
a:link { color:#CC3300}      /* unvisited link */
a:visited { color:#996633}  /* visited link */
a:hover {}  /* mouse over link */
a:active {}  /* selected link */
div { direction:rtl
}

P {
	direction:rtl
}
SPAN {
	direction:rtl
}

UL { direction:rtl
}
OL { direction:rtl
}
h1 { direction:rtl
}
h4 { direction:rtl; background-color:#FFCCCC;
}
h3 { direction:rtl
}
   table { direction:rtl}
   th, td {}
   
   .TFtable{
		width:100%; 
		border-collapse:collapse; 
	}
	.TFtable td{ 
		padding:7px; border:#88943a 1px solid; text-align:center;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.TFtable tr{
		background: #C3D453;
	}
	/*  Define the background color for all the ODD background rows  */
	.TFtable tr:nth-child(odd){ 
		background: #C3D453;
	}
	/*  Define the background color for all the EVEN background rows  */
	.TFtable tr:nth-child(even){
		background: #d5e086;
	}

   .koteret1{
	font-size:x-large
}

  .koteret2{
	font-size:large
}

	.nivut{
	background-color:#FFCCCC; padding:5px; margin-bottom:10px
}
   -->
</style>