/* Top Elements */
* { margin: 0; padding: 0; }

body {
	background-image: url(Background-up-down.gif); 
	background-repeat: repeat ; 
	background-attachment: scroll; 
	font: 80%/1.5em Arial, Georgia, Verdana, Tahoma, sans-serif;
	text-align: center;
	height: 215mm;  /* Required for percentage heights below */
}
/*   LAYOUT
********************************************/ 
#container { 
	width: 820px; 
	margin: 0 auto; 
	/*border: 1px solid #abcdef; */
}
#header {
    /* position: fixed; */
    width: 100%;
    height: 95px;  /*10%; */
    top: 5;
    right: 0;
    bottom: auto;
    left: 0;
    text-align: center;
	padding: 5px 5px 0px 5px; /* 10px 10px 15px 15px; */
	/*border: 1px solid #fbcdef; */
}
#header a:hover {
	background: inherit;
}
#sidebar {
	float: left; 
	width: 30%;
	padding: 5px 5px 5px 5px; /* 10px 10px 15px 15px; */
	text-align: left;
	/*border: 1px solid #ff6def; */
}
#sidebar br{font: 5px;}
#mainContent { 
	margin: 0 0 0 30%; 
	width: 100%; 
	padding: 5px 5px 5px 15px; /* 10px 10px 15px 15px; */
	text-align: left;
	/*border: 1px solid #aafdef; */
} 
#mainContent br{font: 7px;}
#mainContentWide { 
	margin: 0 0 0 0; 
	width: 100%; 
	padding: 5px 5px 5px 15px; /* 10px 10px 15px 15px; */
	text-align: left;
	/*border: 1px solid #aafdef; */
} 
#mainContentInfo { 
	margin: 0 0 0 0; 
	width: 100%; 
	padding: 5px 5px 5px 15px; /* 10px 10px 15px 15px; */
	text-align: left;
	/*border: 1px solid #aafdef; */
} 
#mainContentInfo br{font: 7px;}
#mainContentInfo h5{color: rgb(20,20,240);}

/* Links */
a:link {
	color: rgb(10,125,20);	/*rgb(50,25,255); */
	background: inherit;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: rgb(10,125,20);	/*rgb(50,25,255); */
	background: inherit;
}
a:hover {
	color: rgb(220,140,0);
	background: inherit;
}
a:active {
	color: rgb(10,125,20);	/*rgb(50,25,255); */
	text-decoration: underline; 
}

/* Menu */
#menu {
	clear: both;	
	margin: 0; padding: 0 60px 0 0;
	/*background: url("menu.jpg") repeat-y center top; */
	font: bold 12px/18px Arial, Georgia, Verdana, Tahoma, sans-serif;
	height: 20px;
	/*border: 1px solid #F00000; */
}
#menu ul {
	float: right;
	list-style: none;
	margin:0; padding: 0;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 7px;
	color: rgb(10,125,20);
	text-decoration: none;
}
#menu ul li a:hover {
	color: rgb(220,140,0);
}
#menu ul li#current a {	
	color: rgb(220,140,0);
}

/* Menuinfo */
#menuinfo {
	clear: both;	
	margin: 0 0 0 150px; padding: 0 100px 0 0;
	font: bold 12px/18px Arial, Georgia, Verdana, Tahoma, sans-serif;
	height: 20px;
}
#menuinfo ul {
	float: left;
	list-style: none;
	margin: 0; padding: 0;
}
#menuinfo ul li {
	display: list-item;
}
#menuinfo ul li a {
	display: block;
	float: left;
	padding: 0 7px;
	color: rgb(10,125,20);
	text-decoration: none;
}
#menuinfo ul li a:hover {
	color: rgb(220,140,0);
}
#menuinfo ul li#current a {	
	color: rgb(220,140,0);
}

#footer {
    color: rgb(100,100,100); 
	font-size: 80%; /*font size: "11"; */
    width: 100%;
    /* height: 15%; */
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
	text-align: center;
	/*border: 1px solid #f76d21; */
}
.GreyText {color: RGB(90,90,90);}
/*#img { float: left; } */
/*#p { margin: 1em; } 
#img { margin: 1em; } */
	
.codedirection {
		unicode-bidi: bidi-override;
		direction: rtl;
}
<style>
   .back2top {
      font-family: Arial;
      font-size: 8px;
      font-weight: bold;
      color: #0000FF;
      background-color: #CCCCFF;
      border: 1px solid;
      border-color: #0000FF;
      padding: 2px;
   }
</style>