<style type="text/css">


#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; 
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; 
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*لون القائمة الافتراضى*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*لون خانة الجدول بالوقوف عليها*/
}

#modernbricksmenu #current a{ 
background-color: #D25A0B; 
border-color: #D25A0B; 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; 
}

#myform{ 
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

</style>

<div id="modernbricksmenu">
<ul>
<li style="margin-left: 1px"><a href="http://www.arabwebtalk.com/index.php" title="الويب العربى">
<font size="3" face="Impact">الرئيسية</font></a></li>
<li><a href="http://www.arabwebtalk.com/index.php" title="اتصل بنا">
<font size="3" face="Impact">اتّصل بنا</font></a></li>
<li id="current"><a href="http://www.arabwebtalk.com/index.php" title="التسجيل">
<font size="3" face="Impact">التسجيل</font></a></li>
<li><a href="http://www.arabwebtalk.com/index.php" title="المجلّة">
<font size="3" face="Impact">المجلّة</font></a></li>	
<li><font face="Impact" size="3"><a href="http://www.arabwebtalk.com/index.php" title="سجل الزوار">سجلّ الزوّار</a></font></li>	
</ul>


</div>

<div id="modernbricksmenuline"> </div>