/* --[[ SPSNET NEW LAYOUT :: Designed By Iyad Aloudat ::]]-- */





html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}



/* remember to define focus styles! */

:focus { outline: 0;}

* a:focus {outline: 0;}

* a {outline: 0;}

*{outline: 0;}

body { line-height: 1;}

ol, ul {list-style: none;}



/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}

blockquote:before, blockquote:after, q:before, q:after { content: "";}

blockquote, q { quotes: "" "";}







/************ --[[ HTML Body Style  border:#666666 dashed 1px]]-- ************/

html, body {direction: ltr; height: 100%; background: #f5f5f5 url(../images/main/Background.jpg) repeat-x top ;}



/************ --[[ TD - P - Font - Tr - TH ]]-- ************/

body, td, p, font, tr, th {font: 12px Arial, Helvetica, sans-serif; color: #555555;}



strong {color: #0066cc;} 



/************ --[[ Image Style ]]-- ************/

img {border: 0;} 

 

/************ --[[ HR ]]-- ************/

hr {height: 1px; border: #e2e2e2 1px dotted; width: 80%;} 



/************ --[[ padding - margin - ]]-- ************/



body, h1, h3, h2, h4, h5, p, object, embed, form {padding: 0; margin: 0;} 



/************ --[[ Form - ]]-- ************/



select, option, textarea, input {font: 1.2em  Arial, sans-serif; background: #ededed; border: #cdcdcd 1px solid; color: #464646; outline: 0;} 



/************ --[[ float - ]]-- ************/



.nojava { color: #990000; font-weight:bold; text-align:center; font-size:11px; line-height:140px; padding-right:80px; }



/************ --[[ General Link ]]-- ************/



a:link, a:visited {color: #0066cc; text-decoration: none;}

a:hover, a:active {color: #336699; text-decoration: none;}

  

/************ --[[ Main Space ]]-- ************/

.MainContainer {width: 100%; height:100%; margin: 0 auto;  background: url(../images/main/Background_Color_Box.jpg) top center no-repeat; }

.SecoundContainer {width: 940px; min-height:600px; margin: 0 auto;  overflow:hidden; background: url(../images/main/Background_Home.jpg) no-repeat;}



.SubContainer {width: 940px; min-height:850px; margin: 0 auto;  overflow:hidden; background: url(../images/main/Background_Sub.jpg) no-repeat;}



/************ --[[ Menu ]]-- ************/

.MenuContainer {width: 940px; height:28px;  overflow:hidden; margin-top:45px;}

.MenuLogo      {width: 162px; float:left;  overflow:hidden;}

.MenuLogo a    {padding: 28px 180px; line-height:30px; }  

.MenuSNIcons 
{    
    background: rgba(0, 0, 0, 0.3);
    float: left;
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

#arabic_flag
{
    background-image:url(../images/main/ar.png);
    margin-top:3px; 
    width:16px; 
    height:11px;
}

#english_flag
{
    background-image:url(../images/main/en.png); 
    margin-top:3px; 
    margin-left: 8px; 
    width:16px; 
    height:11px;
}

.MenuText      
{
    background: rgba(0, 0, 0, 0.3); 
    width: 552px; 
    float:left;  
    overflow:hidden; 
}



#nav li {  color: #70c0f4; float: left;  list-style: none;  border-right: 1px solid #438dc4;  border-left: 1px solid #0d5285; height:26px; } 

#nav li a {  color: #fff;  position: relative; float: left; text-decoration: none;  padding: 5px 14px; }  



#nav li a:link,  #nav li a:visited {  color: #fff;}

#nav li a:hover,  #nav li a:active {  color: #ffff00;}



.MenuIcon 
{ 
    background: rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 21px;
    padding-top: 5px;
    padding-left: 10px;
    float: left;
    overflow: hidden;
}

.MenuIcon div { width:20px; height:14px;  margin-left:2px; float:left;  overflow:hidden;}



/************ --[[ Header ]]-- ************/



.HeaderContainer {width: 920px; margin: 0 auto; overflow:hidden; margin-top:43px; clear:both;}



/************ --[[ Body ]]-- ************/

.BodyContainer { width: 940px; min-height:150px; margin: 0 auto;  overflow:hidden; margin-top: 30px; clear:both; }

.BodyLeft  { float:left; width: 80px;overflow:hidden; margin-left:26px; padding-top:42px; color:#FFF; text-align:center; font-size:14px;}

.BodyRight { float:left; width: 500px; margin-left:35px; overflow:hidden; text-align:justify;}



.SubTitle { min-height: 60px; overflow:hidden; padding:7px 10px 10px 10px; margin-top:5px; font-size:14px; color: #6699ff; font-weight:bolder; ptext-transform:uppercase; background:url(../images/main/Sub_Part_Small.jpg) no-repeat top left;}

.SubTitle p { margin-top:18px;}

.SubTitle ol { list-style: decimal; font: 12px Arial, Helvetica, sans-serif; color: #555555; padding:2px; padding-left:20px;}

.SubTitle ul { list-style: lower-alpha; font: 12px Arial, Helvetica, sans-serif; color: #555555; padding:2px; padding-left:20px;}

.SubPart { width: 500px; height:180px; overflow:hidden; background:url(../images/main/Sub_Part.jpg) no-repeat left top;  }

.SubPart div { width: 450px; font-size: 11px; padding:20px 20px 0px 20px; }

.SubPart img{ float:left;margin-right:20px; border:#e7e7e7 2px solid;}



.SubPart2 { width: 500px; height:131px; overflow:hidden; background:url(../images/main/Sub_Part_middle.jpg) no-repeat left top;  }

.SubPart2 div { width: 480px; font-size: 11px; padding:12px 20px 0px 20px; }

.SubPart2 img{ float:left;margin-right:30px; border:#e7e7e7 0px solid; text-align:center;}









/************ --[[ News ]]-- ************/

.BorderNews { width: 940px; height:231px; overflow:hidden; background:url(../images/main/news.jpg) no-repeat left top;}



/************ --[[ Partners ]]-- ************/

.PartnersContainer {overflow:hidden; margin-top:10px; margin-left:11px;}





/************ --[[ Footer ]]-- ************/

.FooterContainer {  width: 940px; margin: 0 auto; margin-top:10px; overflow:hidden; padding:5px; text-align:center; }

.FooterContainer p {padding:2px; font-size:10px;}

.artick { color:#999;}

.artick a{ color:#999;}



/************ --[[ table ]]-- ************/



.tableitem {width:100%; border-spacing: 2px; }

.tableitem td{ border:#CCC 1px solid; padding:2px; text-transform: lowercase; }