<style type="text/css">

#maintab{
list-style-type: none;
}

#maintab li{
display: inline;
}

#maintab li a{
text-decoration: none;
padding: 10px 68px;
border: 1px solid black;
background: #0066ff;
font: bold 24px Times New Roman;
color: white;
}

#maintab li a:hover{
color: yellow; /* خلفية نص الصفحة الرئيسية عند الوقوف عليها*/
background: #0033ff; /* خلفية الصفحة الرئيسية عند الوقوف عليها */
}

#maintab li.selected a{ /*selected main tab style */
background-color: #0033ff; /* مشروعاتنا الافتراضي */
border-color: black;
color: yellow;
}

#maintab li.selected a:hover{ /*selected main tab style */
background-color: #0066ff; /* مشروعاتنا عند الوقوف عليها */
border-color: black;
color: white;
}

#tabcontent{ /*2nd level content wrapper*/
border: 1px solid black;
background-color: #0066ff; /* لون الابراج الافتراضي */
height: 40px; /*IE7 beta2 fix*/
}

#tabcontent ul{
padding: 0;
margin: 0;
list-style-type: none;
display: none;
}

#tabcontent ul li{
display: inline;
}

#tabcontent ul.selected{ /*selected 2nd level content*/
display: block;
}

#tabcontent ul li a{
border-right: 1px solid black;
color: white; /* لون خط الابراج الافتراضي */
padding: 10px 6px;
display: block;
float: right;
text-decoration: none;
font: bold 13px Tahoma;
}


#tabcontent ul li a:hover{
background-color: #0033ff; /* لون الابراج عند الوقوف عليها */
color: yellow; /* لون خط الابراج عند الوقوف عليها */
}

.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


</style>
