/* 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; 
}
#header {
    /* position: fixed; */
    width: 100%;
    height: 95px;  /*10%; */
    top: 5;
    right: 0;
    bottom: auto;
    left: 0;
    text-align: center;
	padding: 5px 5px 0px 5px; 
	/*border: 1px solid #fbcdef; */
}
#header a:hover {
	background: inherit;
}

#indexmain P { margin-bottom: 0.85em;}

#indexmain {
	width:820px; 
	float:left; 
}
.sidebar {
	float: left; 
	width: 246px;	
	padding: 5px 0px 5px 0px;
	text-align: left;
	/* border: 1px solid #ff6def;  */
}
.mainContent { 
	float: right; 
	width: 550px; 	/*  574px full  */
	padding: 5px 0px 5px 0px;
	text-align: left;
	/* border: 1px solid #aafdef; */
} 
/*  #indexmain br{font: 5px;}  */

#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;}
/*  h1 {
	font: 1.5em Arial, Georgia, Verdana, Tahoma, sans-serif;
    font-size: 1.5em; 
    margin: 0px;
    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-type: 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: 200px;
/*	border: 1px solid #aafdef;    */
}
#menuinfo ol {
	list-style-type: none;
	float: left;
	margin: 0; 
	padding: 0;
}
#menuinfo ol li {
	display: list-item;
}
#menuinfo ol li a {
	display: block;
	float: left;
	padding: 0 7px;
	color: rgb(10,125,20);
	text-decoration: none;
}
#menuinfo ol li a:hover {
	color: rgb(220,140,0);
}
#menuinfo ol li#current a {	
	color: rgb(220,140,0);
}

#FlagsText {font-size: 60%; }
#FlagsText P { margin-bottom: 0.1em;}

#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; } */
/* .RedDarkText {color: RGB(250,90,90);} */
.BlueDarkText {color: RGB(90,90,250);}
	
.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>