body
{
    margin:0;
    padding: 0 5%;
    font-size: 15px;
    font-family: Tahoma;
    background-color: #f8f8ff;
    color: #5a5a5a;
}
a
{
    font-size: 1em;
    font-family: Tahoma;
    color: #7d7d69;
}
a:hover
{
    color: #969660;
}
a:visited
{
    color: #969660;
}

div#Center
{
text-align: center;
}
div#Site
{
    text-align: right;
    margin: 0em auto;
    width: 100%;
    
    background-color: #faf8ff;
}
div#Header
{
    
    direction:rtl;
    text-align:right;
    color: blue;
    height:40px;
    overflow:auto;
    background-color: #6699ff;
    }
div#UpperMenu {padding:0 0 0 32px; margin-top:-1em; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
div#UpperMenu li {float:right; list-style:none;}
div#UpperMenu li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
div#UpperMenu li a b {float:left; display:block; padding:0 16px 0 8px;}
div#UpperMenu li.current a {color:#fff; background:url(button3.gif);}
div#UpperMenu li.current a b {background:url(button3.gif) no-repeat right top;}
div#UpperMenu li a:hover {color:#fff; background:#000 url(button2.gif);}
div#UpperMenu li a:hover b {background:url(button2.gif) no-repeat right top;}
div#UpperMenu li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}
div#UpperMenu li.current a:hover b {background:url(button3.gif) no-repeat right top;}
div#Main
{
text-align:right;
direction:rtl;
}
div#Content
{
    width: 80.8%;
    float: left;
    text-align: justify;
    padding: 0 19% 2em 0;
    background-color: #FFF;
    border-right: #dcdcdc 1px solid;
    border-top: #dcdcdc 1px solid;
    border-left: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
}
div#MainCon
{
    padding: 0 10px;
}
div#MainMenu
{
    float: left;
    width: 221px;
    margin: 0 0 0 0;
    background-color: #dcf2ad;
}
div#PageFooter
{
    clear:both;
    text-align:center;
    height: 100px;
    background-color: Silver ;
    }
div#Footer
{
 background: #666;   
}
div#SideBar
{
    float: left;
    width: 18%;
    margin: 1em 0 0 -18%;
    background-color: #dcf2ad;
    padding:0;   
}
/*
========
תפריט אמצעי
========
*/
#SideMenu
{
    /*margin:0;*/
    font-size: 11px;
    font-family: David;
    text-decoration:none;
    background-color:Blue;
}

#SideMenu ul {clear:both; margin:0; padding:0; list-style:none; width:100%; display:block;}
#SideMenu ul li {position:relative;}
#SideMenu li ul {position:absolute; right:100%; top:-2px; width:130px; display:block;}
#SideMenu li ul li ul {position:absolute; right:129px; top:0; width:130px; display:block;}
#SideMenu li:hover ul {display:block;}
#SideMenu li:hover>ul {visibility:visible;}
#SideMenu ul ul {visibility:hidden; border-bottom:1px solid #b6b6b6;}
* html #SideMenu ul li {float:left; height:1%;} 
* html #SideMenu ul li a {height:1%;} 
#SideMenu ul, li {margin:0;}
#SideMenu ul a {text-indent:4px; line-height:22px; height:23px; display:block; text-decoration:none; color:#000000;}
#SideMenu ul a:hover {color:#f52626; background:#d9d9d9;} 
#SideMenu li ul a {text-indent:4px; line-height:22px; height:23px; text-decoration:none; color:#000000; border:1px solid #b6b6b6; background:#f1f1f1; border-bottom-width:0;}
#SideMenu li ul a:hover {color: #f52626; background:#ded1e3;}
#SideMenu ul a.Parent {text-indent:4px; line-height:22px; height:23px; background:#f1f1f1 url(arrowL.gif) no-repeat left;} 
#SideMenu ul a.Parent:hover {background:#ded1e3 url(arrowLhov.gif) no-repeat left;}
#SideMenu ul a.MainSubMenu {text-indent:4px; padding-right:24px; line-height:19px; height:23px; color:#000000; font-weight:bold; background:#e0e0e0 url(SideMenuWSub.gif) repeat-x;}
#SideMenu ul a.MainSubMenu:hover {color:#f52626; font-weight:bold; background:#e0e0e0 url(SideMenuHoverWSub.gif) repeat-x;}
#SideMenu ul a.MainWSubMenu {text-indent:4px; padding-right:24px; line-height:19px; height:23px; color:#000000; font-weight:bold; background:#e0e0e0 url(SideMenu.gif) repeat-x;}
#SideMenu ul a.MainWSubMenu:hover {color:#f52626; font-weight:bold; background:#e0e0e0 url(SideMenuHover.gif) repeat-x;}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
{$head}

</head>
<body>
<!-->
<style type="text/css">
/*
Fixing CSS for IE.
*/
div#Content
{
 padding:1em 19% 2em 0;
}
</style>
<!-->
<div id="Center">
<div id="Site">
<div id="Header">{$header}</div>
<div id="UpperMenu">{$uppermenu}</div>
<div id="Main" >
<div id="Content">
<div id="MainCon">{$content}</div> 
</div>
<div id="SideBar" >
SIDE BAR BEGIN
<div id="MainMenu">{$mainmenu}</div>
SIDE BAR END
</div><!-- SideBar -->
</div><!-- Main -->
<div id="PageFooter">
<div id="LowerMenu">{$lowermenu}</div>
<div id="Footer">{$footer}</div>
</div><!-- PageFooter -->
</div><!-- Site -->
</div><!-- Cnetrt -->
</body>
</html>